@tcn/ui 0.0.1

package/dist/stacks/story_components/picture_placeholder.js

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import m from "react";
+import s from "classnames";
+import '../../picture_placeholder.css';const i = "_picture-placeholder_ec357fb", a = { "picture-placeholder": i }, f = m.forwardRef(function({
+  color: r = "currentColor",
+  size: c = "150px",
+  style: l,
+  className: o,
+  ...t
+}, h) {
+  const v = {
+    ...l,
+    "--color": r
+  };
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      ref: h,
+      width: c,
+      height: c,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: s(o, a["picture-placeholder"]),
+      style: v,
+      ...t,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "m 4 1 c -1.644531 0 -3 1.355469 -3 3 v 1 h 1 v -1 c 0 -1.109375 0.890625 -2 2 -2 h 1 v -1 z m 2 0 v 1 h 4 v -1 z m 5 0 v 1 h 1 c 1.109375 0 2 0.890625 2 2 v 1 h 1 v -1 c 0 -1.644531 -1.355469 -3 -3 -3 z m -5 4 c -0.550781 0 -1 0.449219 -1 1 s 0.449219 1 1 1 s 1 -0.449219 1 -1 s -0.449219 -1 -1 -1 z m -5 1 v 4 h 1 v -4 z m 13 0 v 4 h 1 v -4 z m -4.5 2 l -2 2 l -1.5 -1 l -2 2 v 0.5 c 0 0.5 0.5 0.5 0.5 0.5 h 7 s 0.472656 -0.035156 0.5 -0.5 v -1 z m -8.5 3 v 1 c 0 1.644531 1.355469 3 3 3 h 1 v -1 h -1 c -1.109375 0 -2 -0.890625 -2 -2 v -1 z m 13 0 v 1 c 0 1.109375 -0.890625 2 -2 2 h -1 v 1 h 1 c 1.644531 0 3 -1.355469 3 -3 v -1 z m -8 3 v 1 h 4 v -1 z m 0 0",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+});
+export {
+  f as PicturePlaceholder
+};
+//# sourceMappingURL=picture_placeholder.js.map

package/dist/stacks/story_components/picture_placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picture_placeholder.js","sources":["../../../src/stacks/story_components/picture_placeholder.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styles from './picture_placeholder.module.css';\nimport classNames from 'classnames';\n\nexport interface PicturePlaceholderProps extends HTMLAttributes<SVGSVGElement> {\n  color?: string;\n  size?: string;\n}\n\nexport const PicturePlaceholder = React.forwardRef(function PicturePlaceholder(\n  {\n    color = 'currentColor',\n    size = '150px',\n    style,\n    className,\n    ...props\n  }: PicturePlaceholderProps,\n  ref: React.Ref<SVGSVGElement>\n) {\n  const finalStyle = {\n    ...style,\n    '--color': color,\n  };\n\n  return (\n    <svg\n      ref={ref}\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={classNames(className, styles['picture-placeholder'])}\n      style={finalStyle}\n      {...props}\n    >\n      <path\n        d=\"m 4 1 c -1.644531 0 -3 1.355469 -3 3 v 1 h 1 v -1 c 0 -1.109375 0.890625 -2 2 -2 h 1 v -1 z m 2 0 v 1 h 4 v -1 z m 5 0 v 1 h 1 c 1.109375 0 2 0.890625 2 2 v 1 h 1 v -1 c 0 -1.644531 -1.355469 -3 -3 -3 z m -5 4 c -0.550781 0 -1 0.449219 -1 1 s 0.449219 1 1 1 s 1 -0.449219 1 -1 s -0.449219 -1 -1 -1 z m -5 1 v 4 h 1 v -4 z m 13 0 v 4 h 1 v -4 z m -4.5 2 l -2 2 l -1.5 -1 l -2 2 v 0.5 c 0 0.5 0.5 0.5 0.5 0.5 h 7 s 0.472656 -0.035156 0.5 -0.5 v -1 z m -8.5 3 v 1 c 0 1.644531 1.355469 3 3 3 h 1 v -1 h -1 c -1.109375 0 -2 -0.890625 -2 -2 v -1 z m 13 0 v 1 c 0 1.109375 -0.890625 2 -2 2 h -1 v 1 h 1 c 1.644531 0 3 -1.355469 3 -3 v -1 z m -8 3 v 1 h 4 v -1 z m 0 0\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n});\n"],"names":["PicturePlaceholder","React","color","size","style","className","props","ref","finalStyle","jsx","classNames","styles"],"mappings":";;;4EASaA,IAAqBC,EAAM,WAAW,SACjD;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAa;AAAA,IACjB,GAAGJ;AAAA,IACH,WAAWF;AAAA,EAAA;AAGb,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAOJ;AAAA,MACP,QAAQA;AAAA,MACR,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAWO,EAAWL,GAAWM,EAAO,qBAAqB,CAAC;AAAA,MAC9D,OAAOH;AAAA,MACN,GAAGF;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGN,CAAC;"}

package/dist/stacks/story_components/rect.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BoxProps } from '../box/box.js';
+export interface RectProps extends BoxProps {
+    color?: string;
+}
+export declare const Rect: React.ForwardRefExoticComponent<RectProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=rect.d.ts.map

package/dist/stacks/story_components/rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.d.ts","sourceRoot":"","sources":["../../../src/stacks/story_components/rect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,IAAI,kFA0Bf,CAAC"}

package/dist/stacks/story_components/rect.js

@@ -0,0 +1,32 @@
+import { jsx as f } from "react/jsx-runtime";
+import n from "react";
+import { Box as l } from "../box/box.js";
+import i from "classnames";
+import '../../rect.css';const p = "_rect_60482cd", R = { rect: p }, _ = n.forwardRef(function({
+  color: t = "#acdef0",
+  style: o,
+  className: r,
+  width: c = "100%",
+  height: e = "auto",
+  ...s
+}, m) {
+  const a = {
+    ...o,
+    "--color": t
+  };
+  return /* @__PURE__ */ f(
+    l,
+    {
+      ref: m,
+      style: a,
+      className: i(r, R.rect),
+      width: c,
+      height: e,
+      ...s
+    }
+  );
+});
+export {
+  _ as Rect
+};
+//# sourceMappingURL=rect.js.map

package/dist/stacks/story_components/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.js","sources":["../../../src/stacks/story_components/rect.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '../box/box.js';\nimport styles from './rect.module.css';\nimport classNames from 'classnames';\n\nexport interface RectProps extends BoxProps {\n  color?: string;\n}\n\nexport const Rect = React.forwardRef(function Rect(\n  {\n    color = '#acdef0',\n    style,\n    className,\n    width = '100%',\n    height = 'auto',\n    ...props\n  }: RectProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const finalStyle = {\n    ...style,\n    '--color': color,\n  };\n\n  return (\n    <Box\n      ref={ref}\n      style={finalStyle}\n      className={classNames(className, styles['rect'])}\n      width={width}\n      height={height}\n      {...props}\n    />\n  );\n});\n"],"names":["Rect","React","color","style","className","width","height","props","ref","finalStyle","jsx","Box","classNames","styles"],"mappings":";;;;4CASaA,IAAOC,EAAM,WAAW,SACnC;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAa;AAAA,IACjB,GAAGN;AAAA,IACH,WAAWD;AAAA,EAAA;AAGb,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,OAAOC;AAAA,MACP,WAAWG,EAAWR,GAAWS,EAAO,IAAO;AAAA,MAC/C,OAAAR;AAAA,MACA,QAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/stacks/story_components/style_box.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { BoxProps } from '../box/box.js';
+export type StyleBoxProps = React.CSSProperties & Omit<BoxProps, 'style'>;
+export declare const StyleBox: React.ForwardRefExoticComponent<React.CSSProperties & Omit<BoxProps, "style"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=style_box.d.ts.map

package/dist/stacks/story_components/style_box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style_box.d.ts","sourceRoot":"","sources":["../../../src/stacks/story_components/style_box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAE1E,eAAO,MAAM,QAAQ,sHAWnB,CAAC"}

package/dist/stacks/story_components/style_box.js

@@ -0,0 +1,12 @@
+import { jsx as p } from "react/jsx-runtime";
+import s from "react";
+import { Box as i } from "../box/box.js";
+import { extractStyleProps as n } from "../utils/extract_style_props.js";
+const B = s.forwardRef(function({ className: o, children: r, ...t }, e) {
+  const [m, f] = n(t);
+  return /* @__PURE__ */ p(i, { ref: e, className: o, style: m, ...f, children: r });
+});
+export {
+  B as StyleBox
+};
+//# sourceMappingURL=style_box.js.map

package/dist/stacks/story_components/style_box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style_box.js","sources":["../../../src/stacks/story_components/style_box.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps } from '../box/box.js';\nimport { Box } from '../box/box.js';\nimport { extractStyleProps } from '../utils/extract_style_props.js';\n\nexport type StyleBoxProps = React.CSSProperties & Omit<BoxProps, 'style'>;\n\nexport const StyleBox = React.forwardRef(function StyleBox(\n  { className, children, ...props }: StyleBoxProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [styleProps, remainder] = extractStyleProps(props);\n\n  return (\n    <Box ref={ref} className={className} style={styleProps} {...remainder}>\n      {children}\n    </Box>\n  );\n});\n"],"names":["StyleBox","React","className","children","props","ref","styleProps","remainder","extractStyleProps","jsx","Box"],"mappings":";;;;AAOO,MAAMA,IAAWC,EAAM,WAAW,SACvC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC1BC,GACA;AACA,QAAM,CAACC,GAAYC,CAAS,IAAIC,EAAkBJ,CAAK;AAEvD,SACE,gBAAAK,EAACC,KAAI,KAAAL,GAAU,WAAAH,GAAsB,OAAOI,GAAa,GAAGC,GACzD,UAAAJ,GACH;AAEJ,CAAC;"}

package/dist/stacks/types/alignment.d.ts

@@ -0,0 +1,2 @@
+export type Alignment = 'start' | 'center' | 'end';
+//# sourceMappingURL=alignment.d.ts.map

package/dist/stacks/types/alignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../src/stacks/types/alignment.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC"}

package/dist/stacks/types/as.d.ts

@@ -0,0 +1,5 @@
+export type WithDetailedHTMLProps<Props = any, Tag extends keyof JSX.IntrinsicElements = keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[Tag] & Props;
+export type AsWithDetailedHTMLProps<Props = any, Tag extends keyof JSX.IntrinsicElements = keyof JSX.IntrinsicElements> = WithDetailedHTMLProps<Props, Tag> & {
+    as?: Tag;
+};
+//# sourceMappingURL=as.d.ts.map

package/dist/stacks/types/as.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"as.d.ts","sourceRoot":"","sources":["../../../src/stacks/types/as.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,CAC/B,KAAK,GAAG,GAAG,EACX,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,MAAM,GAAG,CAAC,iBAAiB,IACnE,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEvC,MAAM,MAAM,uBAAuB,CACjC,KAAK,GAAG,GAAG,EACX,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,MAAM,GAAG,CAAC,iBAAiB,IACnE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC"}

package/dist/stacks/types/common.d.ts

@@ -0,0 +1,5 @@
+export interface CommonProps {
+    style?: React.CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=common.d.ts.map

package/dist/stacks/types/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/stacks/types/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/stacks/types/styles.d.ts

@@ -0,0 +1,42 @@
+import { Alignment } from './alignment.js';
+export interface StackStyleProps {
+    hAlign?: Alignment;
+    vAlign?: Alignment;
+    width?: 'default' | 'flex' | 'auto' | string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    height?: 'default' | 'flex' | 'auto' | string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    growWeight?: number;
+    shrinkWeight?: number;
+    padding?: string;
+    paddingInline?: string;
+    paddingBlock?: string;
+    paddingInlineStart?: string;
+    paddingInlineEnd?: string;
+    paddingTop?: string;
+    paddingBottom?: string;
+    margin?: string;
+    marginInline?: string;
+    marginBlock?: string;
+    marginInlineStart?: string;
+    marginInlineEnd?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    zIndex?: string | number;
+    gap?: string;
+    rowGap?: string;
+    columnGap?: string;
+    allowFlow?: boolean;
+    inline?: boolean;
+}
+export interface VerticalProps {
+    overflowX?: 'hidden' | 'visible';
+    overflowY?: 'hidden' | 'scroll' | 'auto' | 'visible';
+}
+export interface HorizontalProps {
+    overflowX?: 'hidden' | 'scroll' | 'auto' | 'visible';
+    overflowY?: 'hidden' | 'visible';
+}
+//# sourceMappingURL=styles.d.ts.map

package/dist/stacks/types/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/stacks/types/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CACtD;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC"}

package/dist/stacks/utils/extract_style_props.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+/**
+ * Extracts CSS properties from an object and returns a CSSProperties object.
+ * This function filters out non-CSS properties and only includes valid CSS properties.
+ *
+ * @param obj - The object containing potential CSS properties
+ * @returns A CSSProperties object with only valid CSS properties
+ */
+export declare function extractStyleProps(obj: Record<string, any>): [CSSProperties, Record<string, any>];
+//# sourceMappingURL=extract_style_props.d.ts.map

package/dist/stacks/utils/extract_style_props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract_style_props.d.ts","sourceRoot":"","sources":["../../../src/stacks/utils/extract_style_props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA4S3C;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACvB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAatC"}

package/dist/stacks/utils/extract_style_props.js

@@ -0,0 +1,297 @@
+const n = /* @__PURE__ */ new Set([
+  // Layout properties
+  "display",
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "zIndex",
+  "float",
+  "clear",
+  "overflow",
+  "overflowX",
+  "overflowY",
+  "clip",
+  // Box model properties
+  "width",
+  "minWidth",
+  "maxWidth",
+  "height",
+  "minHeight",
+  "maxHeight",
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "marginInline",
+  "marginInlineStart",
+  "marginInlineEnd",
+  "marginBlock",
+  "marginBlockStart",
+  "marginBlockEnd",
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingInline",
+  "paddingInlineStart",
+  "paddingInlineEnd",
+  "paddingBlock",
+  "paddingBlockStart",
+  "paddingBlockEnd",
+  "border",
+  "borderWidth",
+  "borderStyle",
+  "borderColor",
+  "borderRadius",
+  "borderTop",
+  "borderTopWidth",
+  "borderTopStyle",
+  "borderTopColor",
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderRight",
+  "borderRightWidth",
+  "borderRightStyle",
+  "borderRightColor",
+  "borderBottom",
+  "borderBottomWidth",
+  "borderBottomStyle",
+  "borderBottomColor",
+  "borderBottomLeftRadius",
+  "borderBottomRightRadius",
+  "borderLeft",
+  "borderLeftWidth",
+  "borderLeftStyle",
+  "borderLeftColor",
+  "borderInline",
+  "borderInlineStart",
+  "borderInlineEnd",
+  "borderBlock",
+  "borderBlockStart",
+  "borderBlockEnd",
+  "outline",
+  "outlineWidth",
+  "outlineStyle",
+  "outlineColor",
+  "outlineOffset",
+  "boxShadow",
+  "boxSizing",
+  // Flexbox properties
+  "flex",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "flexDirection",
+  "flexWrap",
+  "justifyContent",
+  "alignItems",
+  "alignContent",
+  "alignSelf",
+  "order",
+  "gap",
+  "rowGap",
+  "columnGap",
+  // Grid properties
+  "grid",
+  "gridTemplate",
+  "gridTemplateAreas",
+  "gridTemplateColumns",
+  "gridTemplateRows",
+  "gridArea",
+  "gridColumn",
+  "gridColumnStart",
+  "gridColumnEnd",
+  "gridRow",
+  "gridRowStart",
+  "gridRowEnd",
+  "gridGap",
+  "gridRowGap",
+  "gridColumnGap",
+  "justifyItems",
+  "justifySelf",
+  // Typography properties
+  "color",
+  "font",
+  "fontFamily",
+  "fontSize",
+  "fontSizeAdjust",
+  "fontStretch",
+  "fontStyle",
+  "fontVariant",
+  "fontWeight",
+  "lineHeight",
+  "letterSpacing",
+  "textAlign",
+  "textDecoration",
+  "textIndent",
+  "textOverflow",
+  "textShadow",
+  "textTransform",
+  "verticalAlign",
+  "whiteSpace",
+  "wordBreak",
+  "wordSpacing",
+  "wordWrap",
+  "writingMode",
+  "textOrientation",
+  // Background properties
+  "background",
+  "backgroundColor",
+  "backgroundImage",
+  "backgroundPosition",
+  "backgroundSize",
+  "backgroundRepeat",
+  "backgroundAttachment",
+  "backgroundClip",
+  "backgroundOrigin",
+  // Visual properties
+  "opacity",
+  "visibility",
+  "cursor",
+  "pointerEvents",
+  "userSelect",
+  "resize",
+  "transform",
+  "transformOrigin",
+  "transition",
+  "animation",
+  "animationName",
+  "animationDuration",
+  "animationTimingFunction",
+  "animationDelay",
+  "animationIterationCount",
+  "animationDirection",
+  "animationFillMode",
+  "animationPlayState",
+  // Print properties
+  "pageBreakAfter",
+  "pageBreakBefore",
+  "pageBreakInside",
+  "orphans",
+  "widows",
+  // Other properties
+  "content",
+  "quotes",
+  "counterReset",
+  "counterIncrement",
+  "listStyle",
+  "listStyleType",
+  "listStylePosition",
+  "listStyleImage",
+  "tableLayout",
+  "emptyCells",
+  "captionSide",
+  "borderCollapse",
+  "borderSpacing",
+  "speak",
+  "speakHeader",
+  "speakNumeral",
+  "speakPunctuation",
+  "speechRate",
+  "voiceFamily",
+  "pitch",
+  "pitchRange",
+  "stress",
+  "richness",
+  "azimuth",
+  "elevation",
+  "playDuring",
+  "volume",
+  "pause",
+  "pauseBefore",
+  "pauseAfter",
+  "cue",
+  "cueBefore",
+  "cueAfter",
+  "markerOffset",
+  "marks",
+  "size",
+  "page",
+  "zoom",
+  // Additional modern CSS properties
+  "aspectRatio",
+  "contain",
+  "container",
+  "containerName",
+  "containerType",
+  "containerQuery",
+  "isolation",
+  "mixBlendMode",
+  "backdropFilter",
+  "filter",
+  "mask",
+  "maskImage",
+  "maskMode",
+  "maskPosition",
+  "maskSize",
+  "maskRepeat",
+  "maskOrigin",
+  "maskClip",
+  "maskComposite",
+  "clipPath",
+  "shapeOutside",
+  "shapeImageThreshold",
+  "shapeMargin",
+  "offset",
+  "offsetDistance",
+  "offsetPath",
+  "offsetRotate",
+  "offsetAnchor",
+  "scrollBehavior",
+  "scrollMargin",
+  "scrollMarginTop",
+  "scrollMarginRight",
+  "scrollMarginBottom",
+  "scrollMarginLeft",
+  "scrollMarginBlock",
+  "scrollMarginBlockStart",
+  "scrollMarginBlockEnd",
+  "scrollMarginInline",
+  "scrollMarginInlineStart",
+  "scrollMarginInlineEnd",
+  "scrollPadding",
+  "scrollPaddingTop",
+  "scrollPaddingRight",
+  "scrollPaddingBottom",
+  "scrollPaddingLeft",
+  "scrollPaddingBlock",
+  "scrollPaddingBlockStart",
+  "scrollPaddingBlockEnd",
+  "scrollPaddingInline",
+  "scrollPaddingInlineStart",
+  "scrollPaddingInlineEnd",
+  "scrollSnapType",
+  "scrollSnapStrictness",
+  "scrollSnapAlign",
+  "scrollSnapStop",
+  "overscrollBehavior",
+  "overscrollBehaviorX",
+  "overscrollBehaviorY",
+  "touchAction",
+  "willChange",
+  "containIntrinsicSize",
+  "containIntrinsicWidth",
+  "containIntrinsicHeight",
+  "containIntrinsicBlockSize",
+  "containIntrinsicInlineSize",
+  "logicalWidth",
+  "logicalHeight",
+  "minLogicalWidth",
+  "maxLogicalWidth",
+  "minLogicalHeight",
+  "maxLogicalHeight"
+]);
+function a(r) {
+  const i = {}, e = {};
+  for (const [o, t] of Object.entries(r))
+    n.has(o) || o.startsWith("--") ? i[o] = t : e[o] = t;
+  return [i, e];
+}
+export {
+  a as extractStyleProps
+};
+//# sourceMappingURL=extract_style_props.js.map

package/dist/stacks/utils/extract_style_props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract_style_props.js","sources":["../../../src/stacks/utils/extract_style_props.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\n// Comprehensive list of valid CSS properties in camelCase format\nconst VALID_CSS_PROPERTIES = new Set([\n  // Layout properties\n  'display',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'zIndex',\n  'float',\n  'clear',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'clip',\n\n  // Box model properties\n  'width',\n  'minWidth',\n  'maxWidth',\n  'height',\n  'minHeight',\n  'maxHeight',\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'marginInline',\n  'marginInlineStart',\n  'marginInlineEnd',\n  'marginBlock',\n  'marginBlockStart',\n  'marginBlockEnd',\n  'padding',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'paddingInline',\n  'paddingInlineStart',\n  'paddingInlineEnd',\n  'paddingBlock',\n  'paddingBlockStart',\n  'paddingBlockEnd',\n  'border',\n  'borderWidth',\n  'borderStyle',\n  'borderColor',\n  'borderRadius',\n  'borderTop',\n  'borderTopWidth',\n  'borderTopStyle',\n  'borderTopColor',\n  'borderTopLeftRadius',\n  'borderTopRightRadius',\n  'borderRight',\n  'borderRightWidth',\n  'borderRightStyle',\n  'borderRightColor',\n  'borderBottom',\n  'borderBottomWidth',\n  'borderBottomStyle',\n  'borderBottomColor',\n  'borderBottomLeftRadius',\n  'borderBottomRightRadius',\n  'borderLeft',\n  'borderLeftWidth',\n  'borderLeftStyle',\n  'borderLeftColor',\n  'borderInline',\n  'borderInlineStart',\n  'borderInlineEnd',\n  'borderBlock',\n  'borderBlockStart',\n  'borderBlockEnd',\n  'outline',\n  'outlineWidth',\n  'outlineStyle',\n  'outlineColor',\n  'outlineOffset',\n  'boxShadow',\n  'boxSizing',\n\n  // Flexbox properties\n  'flex',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'flexDirection',\n  'flexWrap',\n  'justifyContent',\n  'alignItems',\n  'alignContent',\n  'alignSelf',\n  'order',\n  'gap',\n  'rowGap',\n  'columnGap',\n\n  // Grid properties\n  'grid',\n  'gridTemplate',\n  'gridTemplateAreas',\n  'gridTemplateColumns',\n  'gridTemplateRows',\n  'gridArea',\n  'gridColumn',\n  'gridColumnStart',\n  'gridColumnEnd',\n  'gridRow',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridGap',\n  'gridRowGap',\n  'gridColumnGap',\n  'justifyItems',\n  'justifySelf',\n\n  // Typography properties\n  'color',\n  'font',\n  'fontFamily',\n  'fontSize',\n  'fontSizeAdjust',\n  'fontStretch',\n  'fontStyle',\n  'fontVariant',\n  'fontWeight',\n  'lineHeight',\n  'letterSpacing',\n  'textAlign',\n  'textDecoration',\n  'textIndent',\n  'textOverflow',\n  'textShadow',\n  'textTransform',\n  'verticalAlign',\n  'whiteSpace',\n  'wordBreak',\n  'wordSpacing',\n  'wordWrap',\n  'writingMode',\n  'textOrientation',\n\n  // Background properties\n  'background',\n  'backgroundColor',\n  'backgroundImage',\n  'backgroundPosition',\n  'backgroundSize',\n  'backgroundRepeat',\n  'backgroundAttachment',\n  'backgroundClip',\n  'backgroundOrigin',\n\n  // Visual properties\n  'opacity',\n  'visibility',\n  'cursor',\n  'pointerEvents',\n  'userSelect',\n  'resize',\n  'transform',\n  'transformOrigin',\n  'transition',\n  'animation',\n  'animationName',\n  'animationDuration',\n  'animationTimingFunction',\n  'animationDelay',\n  'animationIterationCount',\n  'animationDirection',\n  'animationFillMode',\n  'animationPlayState',\n\n  // Print properties\n  'pageBreakAfter',\n  'pageBreakBefore',\n  'pageBreakInside',\n  'orphans',\n  'widows',\n\n  // Other properties\n  'content',\n  'quotes',\n  'counterReset',\n  'counterIncrement',\n  'listStyle',\n  'listStyleType',\n  'listStylePosition',\n  'listStyleImage',\n  'tableLayout',\n  'emptyCells',\n  'captionSide',\n  'borderCollapse',\n  'borderSpacing',\n  'speak',\n  'speakHeader',\n  'speakNumeral',\n  'speakPunctuation',\n  'speechRate',\n  'voiceFamily',\n  'pitch',\n  'pitchRange',\n  'stress',\n  'richness',\n  'azimuth',\n  'elevation',\n  'playDuring',\n  'volume',\n  'pause',\n  'pauseBefore',\n  'pauseAfter',\n  'cue',\n  'cueBefore',\n  'cueAfter',\n  'markerOffset',\n  'marks',\n  'size',\n  'page',\n  'zoom',\n\n  // Additional modern CSS properties\n  'aspectRatio',\n  'contain',\n  'container',\n  'containerName',\n  'containerType',\n  'containerQuery',\n  'isolation',\n  'mixBlendMode',\n  'backdropFilter',\n  'filter',\n  'mask',\n  'maskImage',\n  'maskMode',\n  'maskPosition',\n  'maskSize',\n  'maskRepeat',\n  'maskOrigin',\n  'maskClip',\n  'maskComposite',\n  'clipPath',\n  'shapeOutside',\n  'shapeImageThreshold',\n  'shapeMargin',\n  'offset',\n  'offsetDistance',\n  'offsetPath',\n  'offsetRotate',\n  'offsetAnchor',\n  'scrollBehavior',\n  'scrollMargin',\n  'scrollMarginTop',\n  'scrollMarginRight',\n  'scrollMarginBottom',\n  'scrollMarginLeft',\n  'scrollMarginBlock',\n  'scrollMarginBlockStart',\n  'scrollMarginBlockEnd',\n  'scrollMarginInline',\n  'scrollMarginInlineStart',\n  'scrollMarginInlineEnd',\n  'scrollPadding',\n  'scrollPaddingTop',\n  'scrollPaddingRight',\n  'scrollPaddingBottom',\n  'scrollPaddingLeft',\n  'scrollPaddingBlock',\n  'scrollPaddingBlockStart',\n  'scrollPaddingBlockEnd',\n  'scrollPaddingInline',\n  'scrollPaddingInlineStart',\n  'scrollPaddingInlineEnd',\n  'scrollSnapType',\n  'scrollSnapStrictness',\n  'scrollSnapAlign',\n  'scrollSnapStop',\n  'overscrollBehavior',\n  'overscrollBehaviorX',\n  'overscrollBehaviorY',\n  'touchAction',\n  'willChange',\n  'containIntrinsicSize',\n  'containIntrinsicWidth',\n  'containIntrinsicHeight',\n  'containIntrinsicBlockSize',\n  'containIntrinsicInlineSize',\n  'logicalWidth',\n  'logicalHeight',\n  'minLogicalWidth',\n  'maxLogicalWidth',\n  'minLogicalHeight',\n  'maxLogicalHeight',\n]);\n\n/**\n * Extracts CSS properties from an object and returns a CSSProperties object.\n * This function filters out non-CSS properties and only includes valid CSS properties.\n *\n * @param obj - The object containing potential CSS properties\n * @returns A CSSProperties object with only valid CSS properties\n */\nexport function extractStyleProps(\n  obj: Record<string, any>\n): [CSSProperties, Record<string, any>] {\n  const cssProperties: CSSProperties = {};\n  const remainder: Record<string, any> = {};\n  for (const [key, value] of Object.entries(obj)) {\n    // Check if the key is a valid CSS property or a CSS custom property\n    if (VALID_CSS_PROPERTIES.has(key) || key.startsWith('--')) {\n      (cssProperties as any)[key] = value;\n    } else {\n      remainder[key] = value;\n    }\n  }\n\n  return [cssProperties, remainder];\n}\n"],"names":["VALID_CSS_PROPERTIES","extractStyleProps","obj","cssProperties","remainder","key","value"],"mappings":"AAGA,MAAMA,wBAA2B,IAAI;AAAA;AAAA,EAEnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AASM,SAASC,EACdC,GACsC;AACtC,QAAMC,IAA+B,CAAA,GAC/BC,IAAiC,CAAA;AACvC,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAG;AAE3C,IAAIF,EAAqB,IAAIK,CAAG,KAAKA,EAAI,WAAW,IAAI,IACrDF,EAAsBE,CAAG,IAAIC,IAE9BF,EAAUC,CAAG,IAAIC;AAIrB,SAAO,CAACH,GAAeC,CAAS;AAClC;"}

package/dist/stacks/utils/isCustomSizeProp.d.ts

@@ -0,0 +1,2 @@
+export declare function isCustomSizeProp(prop: string | number): prop is "default" | "flex";
+//# sourceMappingURL=isCustomSizeProp.d.ts.map

package/dist/stacks/utils/isCustomSizeProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCustomSizeProp.d.ts","sourceRoot":"","sources":["../../../src/stacks/utils/isCustomSizeProp.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,8BAErD"}

package/dist/stacks/utils/isCustomSizeProp.js

@@ -0,0 +1,7 @@
+function t(e) {
+  return e === "flex" || e === "default";
+}
+export {
+  t as isCustomSizeProp
+};
+//# sourceMappingURL=isCustomSizeProp.js.map

package/dist/stacks/utils/isCustomSizeProp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCustomSizeProp.js","sources":["../../../src/stacks/utils/isCustomSizeProp.ts"],"sourcesContent":["export function isCustomSizeProp(prop: string | number) {\n  return prop === 'flex' || prop === 'default';\n}\n"],"names":["isCustomSizeProp","prop"],"mappings":"AAAO,SAASA,EAAiBC,GAAuB;AACtD,SAAOA,MAAS,UAAUA,MAAS;AACrC;"}

package/dist/stacks/utils/remove_undefined_properties.d.ts

@@ -0,0 +1,2 @@
+export declare function removeUndefinedProperties<T extends object>(obj: T): any;
+//# sourceMappingURL=remove_undefined_properties.d.ts.map

package/dist/stacks/utils/remove_undefined_properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove_undefined_properties.d.ts","sourceRoot":"","sources":["../../../src/stacks/utils/remove_undefined_properties.ts"],"names":[],"mappings":"AAAA,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,CAAC,OAUjE"}

package/dist/stacks/utils/remove_undefined_properties.js

@@ -0,0 +1,10 @@
+function t(e) {
+  const r = {};
+  return Object.keys(e).forEach((n) => {
+    typeof e[n] < "u" && (r[n] = e[n]);
+  }), r;
+}
+export {
+  t as removeUndefinedProperties
+};
+//# sourceMappingURL=remove_undefined_properties.js.map

package/dist/stacks/utils/remove_undefined_properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove_undefined_properties.js","sources":["../../../src/stacks/utils/remove_undefined_properties.ts"],"sourcesContent":["export function removeUndefinedProperties<T extends object>(obj: T) {\n  const result: any = {};\n\n  Object.keys(obj).forEach(k => {\n    if (typeof (obj as any)[k] !== 'undefined') {\n      result[k] = (obj as any)[k];\n    }\n  });\n\n  return result;\n}\n"],"names":["removeUndefinedProperties","obj","result","k"],"mappings":"AAAO,SAASA,EAA4CC,GAAQ;AAClE,QAAMC,IAAc,CAAA;AAEpB,gBAAO,KAAKD,CAAG,EAAE,QAAQ,CAAAE,MAAK;AAC5B,IAAI,OAAQF,EAAYE,CAAC,IAAM,QAC7BD,EAAOC,CAAC,IAAKF,EAAYE,CAAC;AAAA,EAE9B,CAAC,GAEMD;AACT;"}

package/dist/stacks/utils/use_is_collapsed.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare function useIsCollapsed(open: boolean, collapsibleRef: React.RefObject<HTMLElement | null>): boolean;
+//# sourceMappingURL=use_is_collapsed.d.ts.map

package/dist/stacks/utils/use_is_collapsed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_is_collapsed.d.ts","sourceRoot":"","sources":["../../../src/stacks/utils/use_is_collapsed.ts"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,wBAAgB,cAAc,CAC5B,IAAI,EAAE,OAAO,EACb,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAClD,OAAO,CA2BT"}

package/dist/stacks/utils/use_is_collapsed.js

@@ -0,0 +1,22 @@
+import d, { useLayoutEffect as l } from "react";
+function c(a, s) {
+  const [i, n] = d.useState(!a);
+  return l(() => {
+    const t = s.current;
+    if (!t) return;
+    const o = () => {
+      const { isCollapsed: e } = t.dataset;
+      e === "false" && n(!1);
+    }, r = () => {
+      const { isCollapsed: e } = t.dataset;
+      e === "true" && n(!0);
+    };
+    return t.addEventListener("transitionstart", o), t.addEventListener("transitionend", r), () => {
+      t.removeEventListener("transitionstart", o), t.removeEventListener("transitionend", r);
+    };
+  }, [s]), i;
+}
+export {
+  c as useIsCollapsed
+};
+//# sourceMappingURL=use_is_collapsed.js.map

package/dist/stacks/utils/use_is_collapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_is_collapsed.js","sources":["../../../src/stacks/utils/use_is_collapsed.ts"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\n\nexport function useIsCollapsed(\n  open: boolean,\n  collapsibleRef: React.RefObject<HTMLElement | null>\n): boolean {\n  const [isCollapsed, setIsCollapsed] = React.useState(!open);\n\n  useLayoutEffect(() => {\n    const collapseEl = collapsibleRef.current;\n    if (!collapseEl) return;\n    const onTransitionStart = () => {\n      const { isCollapsed } = collapseEl.dataset;\n      if (isCollapsed === 'false') {\n        setIsCollapsed(false);\n      }\n    };\n    const onTransitionEnd = () => {\n      const { isCollapsed } = collapseEl.dataset;\n      if (isCollapsed === 'true') {\n        setIsCollapsed(true);\n      }\n    };\n    collapseEl.addEventListener('transitionstart', onTransitionStart);\n    collapseEl.addEventListener('transitionend', onTransitionEnd);\n    return () => {\n      collapseEl.removeEventListener('transitionstart', onTransitionStart);\n      collapseEl.removeEventListener('transitionend', onTransitionEnd);\n    };\n  }, [collapsibleRef]);\n\n  return isCollapsed;\n}\n"],"names":["useIsCollapsed","open","collapsibleRef","isCollapsed","setIsCollapsed","React","useLayoutEffect","collapseEl","onTransitionStart","onTransitionEnd"],"mappings":";AAEO,SAASA,EACdC,GACAC,GACS;AACT,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAM,SAAS,CAACJ,CAAI;AAE1D,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAaL,EAAe;AAClC,QAAI,CAACK,EAAY;AACjB,UAAMC,IAAoB,MAAM;AAC9B,YAAM,EAAE,aAAAL,EAAAA,IAAgBI,EAAW;AACnC,MAAIJ,MAAgB,WAClBC,EAAe,EAAK;AAAA,IAExB,GACMK,IAAkB,MAAM;AAC5B,YAAM,EAAE,aAAAN,EAAAA,IAAgBI,EAAW;AACnC,MAAIJ,MAAgB,UAClBC,EAAe,EAAI;AAAA,IAEvB;AACA,WAAAG,EAAW,iBAAiB,mBAAmBC,CAAiB,GAChED,EAAW,iBAAiB,iBAAiBE,CAAe,GACrD,MAAM;AACX,MAAAF,EAAW,oBAAoB,mBAAmBC,CAAiB,GACnED,EAAW,oBAAoB,iBAAiBE,CAAe;AAAA,IACjE;AAAA,EACF,GAAG,CAACP,CAAc,CAAC,GAEZC;AACT;"}

package/dist/stacks/v_collapsible_box.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { BoxProps } from './box/box.js';
+export interface VCollapsibleBoxProps extends BoxProps {
+    open?: boolean;
+    defaultHeight?: string;
+}
+export declare const VCollapsibleBox: React.ForwardRefExoticComponent<VCollapsibleBoxProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=v_collapsible_box.d.ts.map

package/dist/stacks/v_collapsible_box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v_collapsible_box.d.ts","sourceRoot":"","sources":["../../src/stacks/v_collapsible_box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAO,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,WAAW,oBAAqB,SAAQ,QAAQ;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,6FAmC1B,CAAC"}