@jengaui/core/dist/Base.js

Jenga UI Core component in React

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('react');
var A = require('styled-components');
var tastycss = require('tastycss');
var jsxRuntime = require('react/jsx-runtime');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var A__default = /*#__PURE__*/_interopDefaultLegacy(A);

var u={inline:"block","inline-grid":"grid","inline-flex":"flex"},C={block:"inline-block",grid:"inline-grid",flex:"inline-flex"},E=A__default["default"].div(({css:s})=>s);function K(s,t){let{as:o,styles:a,breakpoints:d,block:r,mods:i,inline:p,isHidden:c,isDisabled:f,qa:y,qaVal:m,css:n,element:b,...l}=s,e={...a};r&&(e.display=typeof e.display=="string"?u[e.display||"inline"]:"block"),p&&(e.display=typeof e.display=="string"?C[e.display||"block"]:"inline-block");let k=react.useContext(tastycss.BreakpointsContext),g=tastycss.pointsToZones(d||k);return n=`${n??""}${tastycss.renderStyles(e,g)}`,i&&Object.assign(l,tastycss.modAttrs(i)),jsxRuntime.jsx(E,{as:o,"data-element":b,"data-qa":y,"data-qaval":m,...l,ref:t,hidden:c,disabled:f,css:n})}var I=react.forwardRef(K);

exports.Base = I;