@jengaui/layout/dist/Prefix.js

Jenga UI Layout component in React

'use strict';

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

var react = require('react');
var tastycss = require('tastycss');
var utils = require('@jengaui/utils');
var jsxRuntime = require('react/jsx-runtime');

var m=tastycss.tasty({element:"Prefix",styles:{position:"absolute",display:"grid",placeContent:"stretch",placeItems:"center",flow:"column",gap:0,left:"@prefix-gap",top:"@prefix-gap",bottom:"@prefix-gap",color:"#dark.75",height:"(100% - (2 * @prefix-gap))"}}),B=react.forwardRef(function(p,s){let{onWidthChange:t,outerGap:i="1bw",children:r,...o}=p,n=tastycss.extractStyles(o,tastycss.CONTAINER_STYLES),e=utils.useCombinedRefs(s);return utils.useLayoutEffect(()=>{(e==null?void 0:e.current)&&t&&t(e.current.offsetWidth);},[r,e,t]),jsxRuntime.jsx(m,{...tastycss.filterBaseProps(o,{eventProps:!0}),ref:e,styles:n,style:{"--prefix-gap":tastycss.parseStyle(i).value},children:r})});

exports.Prefix = B;