@tcn/ui 0.0.1

package/dist/stacks/box/resize_handlers.js

@@ -0,0 +1,50 @@
+function h() {
+  const n = window.document.createElement("div");
+  return n.style.position = "absolute", n.style.inset = "-500px", n.style.backgroundColor = "transparent", n.style.pointerEvents = "auto", n;
+}
+function w(n, i, c, l = !1, g = !1) {
+  return function(t) {
+    const e = n.current;
+    if (e == null)
+      return;
+    const a = h();
+    e.appendChild(a);
+    const m = (window.getComputedStyle(e).direction === "rtl" && !g ? !l : l) ? -1 : 1, p = t.clientX, d = e.getBoundingClientRect();
+    let s = d.width;
+    const o = (u) => {
+      const L = m * (u.clientX - p), y = d.width + L;
+      s = y, e.style.width = `${y}px`, i && i(y), u.stopPropagation(), u.preventDefault();
+    }, v = (u) => {
+      u.buttons === 0 && r();
+    }, r = () => {
+      e.removeChild(a), document.body.removeEventListener("mousemove", o), document.body.removeEventListener("mouseup", r), document.body.removeEventListener("mouseenter", v), t.stopPropagation(), t.preventDefault(), c && c(s);
+    };
+    document.body.addEventListener("mousemove", o), document.body.addEventListener("mouseup", r), document.body.addEventListener("mouseenter", v), t.stopPropagation(), t.preventDefault();
+  };
+}
+function D(n, i, c, l = !1) {
+  const g = l ? -1 : 1;
+  return function(t) {
+    const e = n.current;
+    if (e == null)
+      return;
+    const a = h();
+    e.appendChild(a);
+    const b = t.clientY, f = e.getBoundingClientRect();
+    let m = f.height;
+    const p = (o) => {
+      const v = g * (o.clientY - b), r = f.height + v;
+      m = r, e.style.height = `${r}px`, i && i(r), o.stopPropagation(), o.preventDefault();
+    }, d = (o) => {
+      o.buttons === 0 && s();
+    }, s = () => {
+      e.removeChild(a), document.body.removeEventListener("mousemove", p), document.body.removeEventListener("mouseup", s), document.body.removeEventListener("mouseenter", d), t.stopPropagation(), t.preventDefault(), c && c(m);
+    };
+    document.body.addEventListener("mousemove", p), document.body.addEventListener("mouseup", s), document.body.addEventListener("mouseenter", d), t.stopPropagation(), t.preventDefault();
+  };
+}
+export {
+  w as createHorizontalResizeHandler,
+  D as createVerticalResizeHandler
+};
+//# sourceMappingURL=resize_handlers.js.map

package/dist/stacks/box/resize_handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize_handlers.js","sources":["../../../src/stacks/box/resize_handlers.ts"],"sourcesContent":["function createVeil() {\n  const veil = window.document.createElement('div');\n  veil.style.position = 'absolute';\n  veil.style.inset = '-500px';\n  veil.style.backgroundColor = 'transparent';\n  veil.style.pointerEvents = 'auto';\n  return veil;\n}\n\nexport function createHorizontalResizeHandler(\n  targetRef: React.MutableRefObject<HTMLElement | null>,\n  onWidthResize?: (value: number) => void,\n  onWidthResizeEnd?: (value: number) => void,\n  invert = false,\n  disableDirection = false\n) {\n  return function startHorizontalResize(event: React.MouseEvent) {\n    const box = targetRef.current;\n\n    if (box == null) {\n      return;\n    }\n\n    const veil = createVeil();\n    box.appendChild(veil);\n\n    const languageDirection = window.getComputedStyle(box).direction;\n    const finalInvert =\n      languageDirection === 'rtl' && !disableDirection ? !invert : invert;\n    const direction = finalInvert ? -1 : 1;\n\n    const startX = event.clientX;\n    const startRect = box.getBoundingClientRect();\n    let width = startRect.width;\n\n    const drag = (event: MouseEvent) => {\n      const deltaX = direction * (event.clientX - startX);\n      const newWidth = startRect.width + deltaX;\n\n      width = newWidth;\n\n      box.style.width = `${newWidth}px`;\n      onWidthResize && onWidthResize(newWidth);\n      event.stopPropagation();\n      event.preventDefault();\n    };\n\n    const mouseEnter = (event: MouseEvent) => {\n      if (event.buttons === 0) {\n        endDrag();\n      }\n    };\n\n    const endDrag = () => {\n      box.removeChild(veil);\n\n      document.body.removeEventListener('mousemove', drag);\n      document.body.removeEventListener('mouseup', endDrag);\n      document.body.removeEventListener('mouseenter', mouseEnter);\n      event.stopPropagation();\n      event.preventDefault();\n\n      onWidthResizeEnd && onWidthResizeEnd(width);\n    };\n\n    document.body.addEventListener('mousemove', drag);\n    document.body.addEventListener('mouseup', endDrag);\n    document.body.addEventListener('mouseenter', mouseEnter);\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n\nexport function createVerticalResizeHandler(\n  targetRef: React.MutableRefObject<HTMLElement | null>,\n  onHeightResize?: (value: number) => void,\n  onHeightResizeEnd?: (value: number) => void,\n  invert = false\n) {\n  const direction = invert ? -1 : 1;\n  return function startVerticalResize(event: React.MouseEvent) {\n    const box = targetRef.current;\n\n    if (box == null) {\n      return;\n    }\n\n    const veil = createVeil();\n    box.appendChild(veil);\n\n    const startY = event.clientY;\n    const startRect = box.getBoundingClientRect();\n    let height = startRect.height;\n\n    const drag = (event: MouseEvent) => {\n      const deltaY = direction * (event.clientY - startY);\n      const newHeight = startRect.height + deltaY;\n      height = newHeight;\n      box.style.height = `${newHeight}px`;\n      onHeightResize && onHeightResize(newHeight);\n      event.stopPropagation();\n      event.preventDefault();\n    };\n\n    const mouseEnter = (event: MouseEvent) => {\n      if (event.buttons === 0) {\n        endDrag();\n      }\n    };\n\n    const endDrag = () => {\n      box.removeChild(veil);\n\n      document.body.removeEventListener('mousemove', drag);\n      document.body.removeEventListener('mouseup', endDrag);\n      document.body.removeEventListener('mouseenter', mouseEnter);\n      event.stopPropagation();\n      event.preventDefault();\n\n      onHeightResizeEnd && onHeightResizeEnd(height);\n    };\n\n    document.body.addEventListener('mousemove', drag);\n    document.body.addEventListener('mouseup', endDrag);\n    document.body.addEventListener('mouseenter', mouseEnter);\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"],"names":["createVeil","veil","createHorizontalResizeHandler","targetRef","onWidthResize","onWidthResizeEnd","invert","disableDirection","event","box","direction","startX","startRect","width","drag","deltaX","newWidth","mouseEnter","endDrag","createVerticalResizeHandler","onHeightResize","onHeightResizeEnd","startY","height","deltaY","newHeight"],"mappings":"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"}

package/dist/stacks/box/right_resize_handle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface RightResizeHandleProps {
+    targetRef: React.MutableRefObject<HTMLElement | null>;
+    handleProps?: HandleProps;
+    onWidthResize?: (value: number) => void;
+    onWidthResizeEnd?: (value: number) => void;
+}
+export declare function RightResizeHandle({ targetRef, handleProps, onWidthResize, onWidthResizeEnd, }: RightResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=right_resize_handle.d.ts.map

package/dist/stacks/box/right_resize_handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"right_resize_handle.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/right_resize_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AACD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,EAAE,sBAAsB,2CAyBxB"}

package/dist/stacks/box/right_resize_handle.js

@@ -0,0 +1,35 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createHorizontalResizeHandler as f } from "./resize_handlers.js";
+import a from "classnames";
+import '../../right_resize_handle.css';const z = "_right-resize-handle_7f232b9", c = { "right-resize-handle": z };
+function g({
+  targetRef: t,
+  handleProps: e,
+  onWidthResize: s,
+  onWidthResizeEnd: i
+}) {
+  const r = f(
+    t,
+    s,
+    i,
+    !1,
+    !0
+  ), n = e?.offset ? e.offset : -8, o = {
+    ...e?.style,
+    "--resize-offset": `${n}px`,
+    width: e?.size || "16px"
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: a(c["right-resize-handle"], "right-resize-handle"),
+      onMouseDown: r,
+      style: o,
+      children: e?.children
+    }
+  );
+}
+export {
+  g as RightResizeHandle
+};
+//# sourceMappingURL=right_resize_handle.js.map

package/dist/stacks/box/right_resize_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"right_resize_handle.js","sources":["../../../src/stacks/box/right_resize_handle.tsx"],"sourcesContent":["import React from 'react';\nimport { HandleProps } from './handle_props.js';\nimport { createHorizontalResizeHandler } from './resize_handlers.js';\nimport styles from './right_resize_handle.module.css';\nimport classNames from 'classnames';\n\nexport interface RightResizeHandleProps {\n  targetRef: React.MutableRefObject<HTMLElement | null>;\n  handleProps?: HandleProps;\n  onWidthResize?: (value: number) => void;\n  onWidthResizeEnd?: (value: number) => void;\n}\nexport function RightResizeHandle({\n  targetRef,\n  handleProps,\n  onWidthResize,\n  onWidthResizeEnd,\n}: RightResizeHandleProps) {\n  const resizeHandler = createHorizontalResizeHandler(\n    targetRef,\n    onWidthResize,\n    onWidthResizeEnd,\n    false,\n    true\n  );\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const rightResizeHandleStyle: any = {\n    ...handleProps?.style,\n    '--resize-offset': `${offset}px`,\n    width: handleProps?.size || '16px',\n  };\n\n  return (\n    <div\n      className={classNames(styles['right-resize-handle'], 'right-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={rightResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["RightResizeHandle","targetRef","handleProps","onWidthResize","onWidthResizeEnd","resizeHandler","createHorizontalResizeHandler","offset","rightResizeHandleStyle","jsx","classNames","styles"],"mappings":";;;;AAYO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,GAA2B;AACzB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAA8B;AAAA,IAClC,GAAGN,GAAa;AAAA,IAChB,mBAAmB,GAAGK,CAAM;AAAA,IAC5B,OAAOL,GAAa,QAAQ;AAAA,EAAA;AAG9B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,qBAAqB,GAAG,qBAAqB;AAAA,MAC1E,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/stacks/box/start_resize_handle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface StartResizeHandleProps {
+    targetRef: React.MutableRefObject<HTMLElement | null>;
+    handleProps?: HandleProps;
+    onWidthResize?: (value: number) => void;
+    onWidthResizeEnd?: (value: number) => void;
+}
+export declare function StartResizeHandle({ targetRef, handleProps, onWidthResize, onWidthResizeEnd, }: StartResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=start_resize_handle.d.ts.map

package/dist/stacks/box/start_resize_handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start_resize_handle.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/start_resize_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AACD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,EAAE,sBAAsB,2CAwBxB"}

package/dist/stacks/box/start_resize_handle.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createHorizontalResizeHandler as l } from "./resize_handlers.js";
+import f from "classnames";
+import '../../start_resize_handle.css';const z = "_start-resize-handle_22a3d5a", c = { "start-resize-handle": z };
+function u({
+  targetRef: t,
+  handleProps: e,
+  onWidthResize: s,
+  onWidthResizeEnd: r
+}) {
+  const a = l(
+    t,
+    s,
+    r,
+    !0
+  ), i = e?.offset ? e.offset : -8, n = {
+    ...e?.style,
+    "--resize-offset": `${i}px`,
+    width: e?.size || "16px"
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: f(c["start-resize-handle"], "start-resize-handle"),
+      onMouseDown: a,
+      style: n,
+      children: e?.children
+    }
+  );
+}
+export {
+  u as StartResizeHandle
+};
+//# sourceMappingURL=start_resize_handle.js.map

package/dist/stacks/box/start_resize_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start_resize_handle.js","sources":["../../../src/stacks/box/start_resize_handle.tsx"],"sourcesContent":["import React from 'react';\nimport { HandleProps } from './handle_props.js';\nimport { createHorizontalResizeHandler } from './resize_handlers.js';\nimport styles from './start_resize_handle.module.css';\nimport classNames from 'classnames';\n\nexport interface StartResizeHandleProps {\n  targetRef: React.MutableRefObject<HTMLElement | null>;\n  handleProps?: HandleProps;\n  onWidthResize?: (value: number) => void;\n  onWidthResizeEnd?: (value: number) => void;\n}\nexport function StartResizeHandle({\n  targetRef,\n  handleProps,\n  onWidthResize,\n  onWidthResizeEnd,\n}: StartResizeHandleProps) {\n  const resizeHandler = createHorizontalResizeHandler(\n    targetRef,\n    onWidthResize,\n    onWidthResizeEnd,\n    true\n  );\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const startResizeHandleStyle: any = {\n    ...handleProps?.style,\n    '--resize-offset': `${offset}px`,\n    width: handleProps?.size || '16px',\n  };\n\n  return (\n    <div\n      className={classNames(styles['start-resize-handle'], 'start-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={startResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["StartResizeHandle","targetRef","handleProps","onWidthResize","onWidthResizeEnd","resizeHandler","createHorizontalResizeHandler","offset","startResizeHandleStyle","jsx","classNames","styles"],"mappings":";;;;AAYO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,GAA2B;AACzB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,IACA;AAAA,EAAA,GAEIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAA8B;AAAA,IAClC,GAAGN,GAAa;AAAA,IAChB,mBAAmB,GAAGK,CAAM;AAAA,IAC5B,OAAOL,GAAa,QAAQ;AAAA,EAAA;AAG9B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,qBAAqB,GAAG,qBAAqB;AAAA,MAC1E,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/stacks/box/top_resize_handle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface TopResizeHandleProps {
+    targetRef: React.MutableRefObject<HTMLElement | null>;
+    handleProps?: HandleProps;
+    onHeightResize?: (value: number) => void;
+    onHeightResizeEnd?: (value: number) => void;
+}
+export declare function TopResizeHandle({ targetRef, handleProps, onHeightResize, onHeightResizeEnd, }: TopResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=top_resize_handle.d.ts.map

package/dist/stacks/box/top_resize_handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_resize_handle.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/top_resize_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AACD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,WAAW,EACX,cAAc,EACd,iBAAiB,GAClB,EAAE,oBAAoB,2CAuBtB"}

package/dist/stacks/box/top_resize_handle.js

@@ -0,0 +1,34 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createVerticalResizeHandler as c } from "./resize_handlers.js";
+import a from "classnames";
+import '../../top_resize_handle.css';const f = "_top-resize-handle_fe19234", p = { "top-resize-handle": f };
+function H({
+  targetRef: t,
+  handleProps: e,
+  onHeightResize: s,
+  onHeightResizeEnd: o
+}) {
+  const i = c(
+    t,
+    s,
+    o,
+    !0
+  ), n = e?.offset ? e.offset : -8, r = {
+    ...e?.style,
+    top: `${n}px`,
+    height: e?.size || "16px"
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: a(p["top-resize-handle"], "top-resize-handle"),
+      onMouseDown: i,
+      style: r,
+      children: e?.children
+    }
+  );
+}
+export {
+  H as TopResizeHandle
+};
+//# sourceMappingURL=top_resize_handle.js.map

package/dist/stacks/box/top_resize_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_resize_handle.js","sources":["../../../src/stacks/box/top_resize_handle.tsx"],"sourcesContent":["import React from 'react';\nimport { HandleProps } from './handle_props.js';\nimport { createVerticalResizeHandler } from './resize_handlers.js';\nimport styles from './top_resize_handle.module.css';\nimport classNames from 'classnames';\n\nexport interface TopResizeHandleProps {\n  targetRef: React.MutableRefObject<HTMLElement | null>;\n  handleProps?: HandleProps;\n  onHeightResize?: (value: number) => void;\n  onHeightResizeEnd?: (value: number) => void;\n}\nexport function TopResizeHandle({\n  targetRef,\n  handleProps,\n  onHeightResize,\n  onHeightResizeEnd,\n}: TopResizeHandleProps) {\n  const resizeHandler = createVerticalResizeHandler(\n    targetRef,\n    onHeightResize,\n    onHeightResizeEnd,\n    true\n  );\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const topResizeHandleStyle: React.CSSProperties = {\n    ...handleProps?.style,\n    top: `${offset}px`,\n    height: handleProps?.size || '16px',\n  };\n  return (\n    <div\n      className={classNames(styles['top-resize-handle'], 'top-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={topResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["TopResizeHandle","targetRef","handleProps","onHeightResize","onHeightResizeEnd","resizeHandler","createVerticalResizeHandler","offset","topResizeHandleStyle","jsx","classNames","styles"],"mappings":";;;;AAYO,SAASA,EAAgB;AAAA,EAC9B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AACF,GAAyB;AACvB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,IACA;AAAA,EAAA,GAEIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAA4C;AAAA,IAChD,GAAGN,GAAa;AAAA,IAChB,KAAK,GAAGK,CAAM;AAAA,IACd,QAAQL,GAAa,QAAQ;AAAA,EAAA;AAE/B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,MACtE,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/stacks/h_collapsible_box.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"h_collapsible_box.d.ts","sourceRoot":"","sources":["../../src/stacks/h_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,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6FAmC1B,CAAC"}

package/dist/stacks/h_collapsible_box.js

@@ -0,0 +1,40 @@
+import { jsx as f } from "react/jsx-runtime";
+import t, { useLayoutEffect as p } from "react";
+import "../utils/focus_redirect.js";
+import "../utils/click_away_listener.js";
+import "../utils/scroll_away_listener.js";
+import { useForkRef as d } from "../utils/hooks/use_fork_ref.js";
+import "../utils/hooks/use_resize_observer.js";
+import u from "classnames";
+import { Box as R } from "./box/box.js";
+import { s as z } from "../collapsible_box.module-BiS98xXA.js";
+import { useIsCollapsed as x } from "./utils/use_is_collapsed.js";
+const F = t.forwardRef(function({ open: l = !1, defaultWidth: i = "400px", ...e }, a) {
+  const s = t.useRef(null), n = d(a, s), [c, r] = t.useState(!1);
+  p(() => {
+    s.current?.style.setProperty("--collapsible-size", i);
+  }, [i]);
+  const m = x(l, s) && !l ? null : e.children;
+  return /* @__PURE__ */ f(
+    R,
+    {
+      ref: n,
+      ...e,
+      "data-is-collapsed": !l,
+      "data-collapse-orientation": "horizontal",
+      "data-is-resizing": c,
+      onWidthResize: (o) => {
+        r(!0), e.onWidthResize?.(o);
+      },
+      onWidthResizeEnd: (o) => {
+        r(!1), e.onWidthResizeEnd?.(o), s.current?.style.setProperty("--collapsible-size", `${o}px`);
+      },
+      className: u(e.className, z["collapsible-box"]),
+      children: m
+    }
+  );
+});
+export {
+  F as HCollapsibleBox
+};
+//# sourceMappingURL=h_collapsible_box.js.map

package/dist/stacks/h_collapsible_box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h_collapsible_box.js","sources":["../../src/stacks/h_collapsible_box.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { useForkRef } from '../utils/index.js';\nimport classNames from 'classnames';\nimport { Box, BoxProps } from './box/box.js';\nimport styles from './collapsible_box.module.css';\nimport { useIsCollapsed } from './utils/use_is_collapsed.js';\n\nexport interface HCollapsibleBoxProps extends BoxProps {\n  open?: boolean;\n  defaultWidth?: string;\n}\n\nexport const HCollapsibleBox = React.forwardRef(function CollapsibleBox(\n  { open = false, defaultWidth = '400px', ...props }: HCollapsibleBoxProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const collapsibleRef = React.useRef<HTMLDivElement | null>(null);\n  const forkRef = useForkRef(ref, collapsibleRef);\n  const [resizing, setIsResizing] = React.useState(false);\n\n  useLayoutEffect(() => {\n    collapsibleRef.current?.style.setProperty('--collapsible-size', defaultWidth);\n  }, [defaultWidth]);\n\n  const isCollapsed = useIsCollapsed(open, collapsibleRef);\n  const children = isCollapsed && !open ? null : props.children;\n\n  return (\n    <Box\n      ref={forkRef}\n      {...props}\n      data-is-collapsed={!open}\n      data-collapse-orientation=\"horizontal\"\n      data-is-resizing={resizing}\n      onWidthResize={width => {\n        setIsResizing(true);\n        props.onWidthResize?.(width);\n      }}\n      onWidthResizeEnd={width => {\n        setIsResizing(false);\n        props.onWidthResizeEnd?.(width);\n        collapsibleRef.current?.style.setProperty('--collapsible-size', `${width}px`);\n      }}\n      className={classNames(props.className, styles['collapsible-box'])}\n      children={children}\n    />\n  );\n});\n"],"names":["HCollapsibleBox","React","open","defaultWidth","props","ref","collapsibleRef","forkRef","useForkRef","resizing","setIsResizing","useLayoutEffect","children","useIsCollapsed","jsx","Box","width","classNames","styles"],"mappings":";;;;;;;;;;;AAYO,MAAMA,IAAkBC,EAAM,WAAW,SAC9C,EAAE,MAAAC,IAAO,IAAO,cAAAC,IAAe,SAAS,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAiBL,EAAM,OAA8B,IAAI,GACzDM,IAAUC,EAAWH,GAAKC,CAAc,GACxC,CAACG,GAAUC,CAAa,IAAIT,EAAM,SAAS,EAAK;AAEtD,EAAAU,EAAgB,MAAM;AACpB,IAAAL,EAAe,SAAS,MAAM,YAAY,sBAAsBH,CAAY;AAAA,EAC9E,GAAG,CAACA,CAAY,CAAC;AAGjB,QAAMS,IADcC,EAAeX,GAAMI,CAAc,KACvB,CAACJ,IAAO,OAAOE,EAAM;AAErD,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACJ,GAAGH;AAAA,MACJ,qBAAmB,CAACF;AAAA,MACpB,6BAA0B;AAAA,MAC1B,oBAAkBO;AAAA,MAClB,eAAe,CAAAO,MAAS;AACtB,QAAAN,EAAc,EAAI,GAClBN,EAAM,gBAAgBY,CAAK;AAAA,MAC7B;AAAA,MACA,kBAAkB,CAAAA,MAAS;AACzB,QAAAN,EAAc,EAAK,GACnBN,EAAM,mBAAmBY,CAAK,GAC9BV,EAAe,SAAS,MAAM,YAAY,sBAAsB,GAAGU,CAAK,IAAI;AAAA,MAC9E;AAAA,MACA,WAAWC,EAAWb,EAAM,WAAWc,EAAO,iBAAiB,CAAC;AAAA,MAChE,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/stacks/h_stack.d.ts

@@ -0,0 +1,10 @@
+import { default as React, HTMLAttributes } from 'react';
+import { CommonProps } from './types/common.js';
+import { HorizontalProps, StackStyleProps } from './types/styles.js';
+export type HStackOwnProps = CommonProps & StackStyleProps & HorizontalProps;
+export interface HStackProps<T extends HTMLElement = HTMLElement> extends HStackOwnProps, HTMLAttributes<T> {
+    as?: string;
+    children?: React.ReactNode;
+}
+export declare const HStack: React.ForwardRefExoticComponent<HStackProps<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=h_stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"h_stack.d.ts","sourceRoot":"","sources":["../../src/stacks/h_stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIrE,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAC7E,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAC9D,SAAQ,cAAc,EACpB,cAAc,CAAC,CAAC,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,8FAiGjB,CAAC"}

package/dist/stacks/h_stack.js

@@ -0,0 +1,101 @@
+import { jsx as K } from "react/jsx-runtime";
+import L from "classnames";
+import M from "react";
+import { removeUndefinedProperties as O } from "./utils/remove_undefined_properties.js";
+import { s as Q } from "../stack.module-CBV1f12Z.js";
+import { isCustomSizeProp as s } from "./utils/isCustomSizeProp.js";
+const tt = M.forwardRef(function({
+  as: r = "div",
+  children: i,
+  style: n,
+  className: l,
+  hAlign: m = "start",
+  vAlign: d = "center",
+  inline: f,
+  allowFlow: c,
+  width: t = "default",
+  minWidth: p,
+  maxWidth: h,
+  height: a = "default",
+  growWeight: k,
+  shrinkWeight: u,
+  minHeight: g,
+  maxHeight: v,
+  padding: y,
+  paddingBlock: S,
+  paddingInline: w,
+  paddingInlineStart: x,
+  paddingInlineEnd: B,
+  paddingTop: H,
+  paddingBottom: N,
+  margin: P,
+  marginBlock: R,
+  marginInline: W,
+  marginInlineStart: j,
+  marginInlineEnd: z,
+  marginTop: A,
+  marginBottom: C,
+  zIndex: U,
+  overflowX: o,
+  overflowY: e,
+  gap: b,
+  rowGap: q,
+  columnGap: D,
+  ...E
+}, F) {
+  const G = r, I = {
+    minWidth: p,
+    width: s(t) ? void 0 : t,
+    maxWidth: h,
+    minHeight: g,
+    height: s(a) ? void 0 : a,
+    maxHeight: v,
+    flexGrow: k,
+    flexShrink: u,
+    zIndex: U,
+    overflowX: o,
+    overflowY: e,
+    padding: y,
+    paddingBlock: S,
+    paddingInline: w,
+    paddingInlineStart: x,
+    paddingInlineEnd: B,
+    paddingTop: H,
+    paddingBottom: N,
+    margin: P,
+    marginBlock: R,
+    marginInline: W,
+    marginInlineStart: j,
+    marginInlineEnd: z,
+    marginTop: A,
+    marginBottom: C,
+    gap: b,
+    rowGap: q,
+    columnGap: D
+  }, J = {
+    ...O(I),
+    ...n
+  };
+  return /* @__PURE__ */ K(
+    G,
+    {
+      ref: F,
+      className: L(Q["h-stack"], l, "h-stack", "stack"),
+      style: J,
+      "data-inline": !!f,
+      "data-allow-flow": !!c,
+      "data-v-alignment": d,
+      "data-h-alignment": m,
+      "data-height": a,
+      "data-width": t,
+      "data-overflow-x": o,
+      "data-overflow-y": e,
+      ...E,
+      children: i
+    }
+  );
+});
+export {
+  tt as HStack
+};
+//# sourceMappingURL=h_stack.js.map

package/dist/stacks/h_stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h_stack.js","sources":["../../src/stacks/h_stack.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { HTMLAttributes } from 'react';\nimport { removeUndefinedProperties } from './utils/remove_undefined_properties.js';\nimport { CommonProps } from './types/common.js';\nimport { HorizontalProps, StackStyleProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type HStackOwnProps = CommonProps & StackStyleProps & HorizontalProps;\nexport interface HStackProps<T extends HTMLElement = HTMLElement>\n  extends HStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const HStack = React.forwardRef(function HStack<T extends HTMLElement>(\n  {\n    as = 'div',\n    children,\n    style,\n    className,\n    hAlign = 'start',\n    vAlign = 'center',\n    inline,\n    allowFlow,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\n    minHeight,\n    maxHeight,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    overflowX,\n    overflowY,\n    gap,\n    rowGap,\n    columnGap,\n    ...attr\n  }: HStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles: any = {\n    minWidth,\n    width: !isCustomSizeProp(width) ? width : undefined,\n    maxWidth,\n    minHeight,\n    height: !isCustomSizeProp(height) ? height : undefined,\n    maxHeight,\n    flexGrow,\n    flexShrink,\n    zIndex,\n    overflowX,\n    overflowY,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    gap,\n    rowGap,\n    columnGap,\n  };\n\n  const finalStyles: any = {\n    ...removeUndefinedProperties(defaultStyles),\n    ...style,\n  };\n\n  return (\n    <As\n      ref={ref}\n      className={classNames(styles['h-stack'], className, 'h-stack', 'stack')}\n      style={finalStyles}\n      data-inline={Boolean(inline)}\n      data-allow-flow={Boolean(allowFlow)}\n      data-v-alignment={vAlign}\n      data-h-alignment={hAlign}\n      data-height={height}\n      data-width={width}\n      data-overflow-x={overflowX}\n      data-overflow-y={overflowY}\n      {...attr}\n    >\n      {children}\n    </As>\n  );\n});\n"],"names":["HStack","React","as","children","style","className","hAlign","vAlign","inline","allowFlow","width","minWidth","maxWidth","height","flexGrow","flexShrink","minHeight","maxHeight","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","overflowX","overflowY","gap","rowGap","columnGap","attr","ref","As","defaultStyles","isCustomSizeProp","finalStyles","removeUndefinedProperties","jsx","classNames","styles"],"mappings":";;;;;;AAgBO,MAAMA,KAASC,EAAM,WAAW,SACrC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKtC,GACLuC,IAAqB;AAAA,IACzB,UAAA9B;AAAA,IACA,OAAQ+B,EAAiBhC,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAI;AAAA,IACA,QAAS0B,EAAiB7B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAI;AAAA,IACA,UAAAH;AAAA,IACA,YAAAC;AAAA,IACA,QAAAiB;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAhB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAI;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAGIM,IAAmB;AAAA,IACvB,GAAGC,EAA0BH,CAAa;AAAA,IAC1C,GAAGrC;AAAA,EAAA;AAGL,SACE,gBAAAyC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWO,EAAWC,EAAO,SAAS,GAAG1C,GAAW,WAAW,OAAO;AAAA,MACtE,OAAOsC;AAAA,MACP,eAAa,EAAQnC;AAAA,MACrB,mBAAiB,EAAQC;AAAA,MACzB,oBAAkBF;AAAA,MAClB,oBAAkBD;AAAA,MAClB,eAAaO;AAAA,MACb,cAAYH;AAAA,MACZ,mBAAiBuB;AAAA,MACjB,mBAAiBC;AAAA,MAChB,GAAGI;AAAA,MAEH,UAAAnC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/stacks/index.d.ts

@@ -0,0 +1,12 @@
+export * from './box/box.js';
+export * from './types/alignment.js';
+export * from './types/as.js';
+export * from './types/common.js';
+export * from './types/styles.js';
+export * from './h_collapsible_box.js';
+export * from './h_stack.js';
+export * from './spacer.js';
+export * from './v_collapsible_box.js';
+export * from './v_stack.js';
+export * from './z_stack.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stacks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/stacks/index.js

@@ -0,0 +1,17 @@
+import { Box as e } from "./box/box.js";
+import { HCollapsibleBox as t } from "./h_collapsible_box.js";
+import { HStack as f } from "./h_stack.js";
+import { Spacer as a } from "./spacer.js";
+import { VCollapsibleBox as c } from "./v_collapsible_box.js";
+import { VStack as k } from "./v_stack.js";
+import { ZStack as b } from "./z_stack.js";
+export {
+  e as Box,
+  t as HCollapsibleBox,
+  f as HStack,
+  a as Spacer,
+  c as VCollapsibleBox,
+  k as VStack,
+  b as ZStack
+};
+//# sourceMappingURL=index.js.map

package/dist/stacks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/stacks/spacer.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface SpacerProps {
+    width?: React.CSSProperties['width'];
+    height?: React.CSSProperties['height'];
+    fullHeight?: boolean;
+    fullWidth?: boolean;
+    fillSpaceWeight?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=spacer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../../src/stacks/spacer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,oFAiCjB,CAAC"}

package/dist/stacks/spacer.js

@@ -0,0 +1,37 @@
+import { jsx as m } from "react/jsx-runtime";
+import p from "classnames";
+import d from "react";
+const g = d.forwardRef(function({
+  width: o = "auto",
+  height: t = "auto",
+  fullHeight: a = !1,
+  fullWidth: n = !1,
+  fillSpaceWeight: r = 1,
+  style: s,
+  className: f
+}, c) {
+  const l = o === "auto" && t === "auto" ? r : void 0, e = n ? "100%" : o, i = a ? "100%" : t;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: c,
+      style: {
+        ...s,
+        position: "relative",
+        width: e,
+        minWidth: e,
+        height: i,
+        minHeight: i,
+        overflow: "hidden",
+        pointerEvents: "none",
+        zIndex: 1,
+        flex: l
+      },
+      className: p("spacer", f)
+    }
+  );
+});
+export {
+  g as Spacer
+};
+//# sourceMappingURL=spacer.js.map

package/dist/stacks/spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.js","sources":["../../src/stacks/spacer.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nexport interface SpacerProps {\n  width?: React.CSSProperties['width'];\n  height?: React.CSSProperties['height'];\n  fullHeight?: boolean;\n  fullWidth?: boolean;\n  fillSpaceWeight?: number;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport const Spacer = React.forwardRef<HTMLDivElement, SpacerProps>(function Spacer(\n  {\n    width = 'auto',\n    height = 'auto',\n    fullHeight = false,\n    fullWidth = false,\n    fillSpaceWeight = 1,\n    style,\n    className,\n  }: SpacerProps,\n  ref\n) {\n  const flex = width === 'auto' && height === 'auto' ? fillSpaceWeight : undefined;\n  const finalWidth = fullWidth ? '100%' : width;\n  const finalHeight = fullHeight ? '100%' : height;\n  return (\n    <div\n      ref={ref}\n      style={{\n        ...style,\n        position: 'relative',\n        width: finalWidth,\n        minWidth: finalWidth,\n        height: finalHeight,\n        minHeight: finalHeight,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        zIndex: 1,\n        flex,\n      }}\n      className={classNames('spacer', className)}\n    ></div>\n  );\n});\n"],"names":["Spacer","React","width","height","fullHeight","fullWidth","fillSpaceWeight","style","className","ref","flex","finalWidth","finalHeight","jsx","classNames"],"mappings":";;;AAaO,MAAMA,IAASC,EAAM,WAAwC,SAClE;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,OAAAC;AAAA,EACA,WAAAC;AACF,GACAC,GACA;AACA,QAAMC,IAAOR,MAAU,UAAUC,MAAW,SAASG,IAAkB,QACjEK,IAAaN,IAAY,SAASH,GAClCU,IAAcR,IAAa,SAASD;AAC1C,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,OAAO;AAAA,QACL,GAAGF;AAAA,QACH,UAAU;AAAA,QACV,OAAOI;AAAA,QACP,UAAUA;AAAA,QACV,QAAQC;AAAA,QACR,WAAWA;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,MAAAF;AAAA,MAAA;AAAA,MAEF,WAAWI,EAAW,UAAUN,CAAS;AAAA,IAAA;AAAA,EAAA;AAG/C,CAAC;"}

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ZStackProps } from '../z_stack.js';
+export interface CircleProps extends ZStackProps {
+    color?: string;
+    size?: string;
+}
+export declare const Circle: React.ForwardRefExoticComponent<CircleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=circle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../src/stacks/story_components/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAIpD,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,oFAmBjB,CAAC"}

package/dist/stacks/story_components/circle.js

@@ -0,0 +1,25 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "react";
+import { ZStack as a } from "../z_stack.js";
+import f from "classnames";
+import '../../circle.css';const n = "_circle_2f733a0", p = { circle: n }, w = m.forwardRef(function({ color: r = "#90d9c7", size: c = "150px", style: t, className: o, ...e }, i) {
+  const l = {
+    ...t,
+    "--color": r
+  };
+  return /* @__PURE__ */ s(
+    a,
+    {
+      ref: i,
+      style: l,
+      width: c,
+      height: c,
+      className: f(o, p.circle),
+      ...e
+    }
+  );
+});
+export {
+  w as Circle
+};
+//# sourceMappingURL=circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"circle.js","sources":["../../../src/stacks/story_components/circle.tsx"],"sourcesContent":["import React from 'react';\nimport { ZStack, ZStackProps } from '../z_stack.js';\nimport styles from './circle.module.css';\nimport classNames from 'classnames';\n\nexport interface CircleProps extends ZStackProps {\n  color?: string;\n  size?: string;\n}\n\nexport const Circle = React.forwardRef(function Circle(\n  { color = '#90d9c7', size = '150px', style, className, ...props }: CircleProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const finalStyle = {\n    ...style,\n    '--color': color,\n  };\n\n  return (\n    <ZStack\n      ref={ref}\n      style={finalStyle}\n      width={size}\n      height={size}\n      className={classNames(className, styles['circle'])}\n      {...props}\n    />\n  );\n});\n"],"names":["Circle","React","color","size","style","className","props","ref","finalStyle","jsx","ZStack","classNames","styles"],"mappings":";;;;gDAUaA,IAASC,EAAM,WAAW,SACrC,EAAE,OAAAC,IAAQ,WAAW,MAAAC,IAAO,SAAS,OAAAC,GAAO,WAAAC,GAAW,GAAGC,EAAA,GAC1DC,GACA;AACA,QAAMC,IAAa;AAAA,IACjB,GAAGJ;AAAA,IACH,WAAWF;AAAA,EAAA;AAGb,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,OAAOC;AAAA,MACP,OAAOL;AAAA,MACP,QAAQA;AAAA,MACR,WAAWQ,EAAWN,GAAWO,EAAO,MAAS;AAAA,MAChD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare function HorizontalBorder({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=horizontal_border.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal_border.d.ts","sourceRoot":"","sources":["../../../src/stacks/story_components/horizontal_border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAW3E"}

package/dist/stacks/story_components/horizontal_border.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { StyleBox as t } from "./style_box.js";
+function c({ children: o }) {
+  return /* @__PURE__ */ r(
+    t,
+    {
+      borderTop: "1px dashed #ccc",
+      height: "auto",
+      width: "auto",
+      borderBottom: "1px dashed #ccc",
+      children: o
+    }
+  );
+}
+export {
+  c as HorizontalBorder
+};
+//# sourceMappingURL=horizontal_border.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal_border.js","sources":["../../../src/stacks/story_components/horizontal_border.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleBox } from './style_box.js';\n\nexport function HorizontalBorder({ children }: { children: React.ReactNode }) {\n  return (\n    <StyleBox\n      borderTop=\"1px dashed #ccc\"\n      height=\"auto\"\n      width=\"auto\"\n      borderBottom=\"1px dashed #ccc\"\n    >\n      {children}\n    </StyleBox>\n  );\n}\n"],"names":["HorizontalBorder","children","jsx","StyleBox"],"mappings":";;AAGO,SAASA,EAAiB,EAAE,UAAAC,KAA2C;AAC5E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAO;AAAA,MACP,OAAM;AAAA,MACN,cAAa;AAAA,MAEZ,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,7 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface PicturePlaceholderProps extends HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    size?: string;
+}
+export declare const PicturePlaceholder: React.ForwardRefExoticComponent<PicturePlaceholderProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=picture_placeholder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"picture_placeholder.d.ts","sourceRoot":"","sources":["../../../src/stacks/story_components/picture_placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB,+FAgC7B,CAAC"}