@tcn/ui 0.0.1

package/dist/stacks/v_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 u } from "../utils/hooks/use_fork_ref.js";
+import "../utils/hooks/use_resize_observer.js";
+import d 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 v = t.forwardRef(function({ open: l = !1, defaultHeight: i = "400px", ...e }, a) {
+  const s = t.useRef(null), n = u(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": "vertical",
+      "data-is-resizing": c,
+      onHeightResize: (o) => {
+        r(!0), e.onHeightResize?.(o);
+      },
+      onHeightResizeEnd: (o) => {
+        r(!1), s.current?.style.setProperty("--collapsible-size", `${o}px`), e.onHeightResizeEnd?.(o);
+      },
+      className: d(e.className, z["collapsible-box"]),
+      children: m
+    }
+  );
+});
+export {
+  v as VCollapsibleBox
+};
+//# sourceMappingURL=v_collapsible_box.js.map

package/dist/stacks/v_collapsible_box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v_collapsible_box.js","sources":["../../src/stacks/v_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 VCollapsibleBoxProps extends BoxProps {\n  open?: boolean;\n  defaultHeight?: string;\n}\n\nexport const VCollapsibleBox = React.forwardRef(function CollapsibleBox(\n  { open = false, defaultHeight = '400px', ...props }: VCollapsibleBoxProps,\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', defaultHeight);\n  }, [defaultHeight]);\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=\"vertical\"\n      data-is-resizing={resizing}\n      onHeightResize={height => {\n        setIsResizing(true);\n        props.onHeightResize?.(height);\n      }}\n      onHeightResizeEnd={height => {\n        setIsResizing(false);\n        collapsibleRef.current?.style.setProperty('--collapsible-size', `${height}px`);\n        props.onHeightResizeEnd?.(height);\n      }}\n      className={classNames(props.className, styles['collapsible-box'])}\n      children={children}\n    />\n  );\n});\n"],"names":["VCollapsibleBox","React","open","defaultHeight","props","ref","collapsibleRef","forkRef","useForkRef","resizing","setIsResizing","useLayoutEffect","children","useIsCollapsed","jsx","Box","height","classNames","styles"],"mappings":";;;;;;;;;;;AAYO,MAAMA,IAAkBC,EAAM,WAAW,SAC9C,EAAE,MAAAC,IAAO,IAAO,eAAAC,IAAgB,SAAS,GAAGC,EAAA,GAC5CC,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,CAAa;AAAA,EAC/E,GAAG,CAACA,CAAa,CAAC;AAGlB,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,gBAAgB,CAAAO,MAAU;AACxB,QAAAN,EAAc,EAAI,GAClBN,EAAM,iBAAiBY,CAAM;AAAA,MAC/B;AAAA,MACA,mBAAmB,CAAAA,MAAU;AAC3B,QAAAN,EAAc,EAAK,GACnBJ,EAAe,SAAS,MAAM,YAAY,sBAAsB,GAAGU,CAAM,IAAI,GAC7EZ,EAAM,oBAAoBY,CAAM;AAAA,MAClC;AAAA,MACA,WAAWC,EAAWb,EAAM,WAAWc,EAAO,iBAAiB,CAAC;AAAA,MAChE,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/stacks/v_stack.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"v_stack.d.ts","sourceRoot":"","sources":["../../src/stacks/v_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,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAInE,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,GAAG,aAAa,CAAC;AAE3E,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,8FAoGjB,CAAC"}

package/dist/stacks/v_stack.js

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

package/dist/stacks/v_stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v_stack.js","sources":["../../src/stacks/v_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 { StackStyleProps, VerticalProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type VStackOwnProps = CommonProps & StackStyleProps & VerticalProps;\n\nexport interface VStackProps<T extends HTMLElement = HTMLElement>\n  extends VStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const VStack = React.forwardRef(function VStack<\n  T extends HTMLElement = HTMLElement,\n>(\n  {\n    as = 'div',\n    children,\n    style,\n    className,\n    hAlign = 'center',\n    vAlign = 'start',\n    inline,\n    allowFlow,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\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    overflowY,\n    overflowX,\n    gap,\n    rowGap,\n    columnGap,\n    ...attr\n  }: VStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles: any = {\n    display: inline == null ? undefined : inline ? 'inline-flex' : 'flex',\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: React.CSSProperties = {\n    ...removeUndefinedProperties(defaultStyles),\n    ...style,\n  };\n\n  return (\n    <As\n      ref={ref}\n      className={classNames(styles['v-stack'], className, 'v-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-y={overflowY}\n      data-overflow-x={overflowX}\n      {...attr}\n    >\n      {children}\n    </As>\n  );\n});\n"],"names":["VStack","React","as","children","style","className","hAlign","vAlign","inline","allowFlow","width","minWidth","maxWidth","height","minHeight","maxHeight","flexGrow","flexShrink","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","overflowY","overflowX","gap","rowGap","columnGap","attr","ref","As","defaultStyles","isCustomSizeProp","finalStyles","removeUndefinedProperties","jsx","classNames","styles"],"mappings":";;;;;;AAiBO,MAAMA,KAASC,EAAM,WAAW,SAGrC;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,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,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,SAASjC,KAAU,OAAO,SAAYA,IAAS,gBAAgB;AAAA,IAC/D,UAAAG;AAAA,IACA,OAAQ+B,EAAiBhC,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAE;AAAA,IACA,QAAS4B,EAAiB7B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAe;AAAA,IACA,WAAAE;AAAA,IACA,WAAAD;AAAA,IACA,SAAAf;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,IAAmC;AAAA,IACvC,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/z_stack.d.ts

@@ -0,0 +1,12 @@
+import { default as React, HTMLAttributes } from 'react';
+import { CommonProps } from './types/common.js';
+import { StackStyleProps } from './types/styles.js';
+export type ZStackOwnProps = CommonProps & StackStyleProps & {
+    overflow?: 'hidden' | 'visible';
+};
+export interface ZStackProps<T extends HTMLElement = HTMLElement> extends ZStackOwnProps, HTMLAttributes<T> {
+    as?: string;
+    children?: React.ReactNode;
+}
+export declare const ZStack: React.ForwardRefExoticComponent<ZStackProps<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=z_stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"z_stack.d.ts","sourceRoot":"","sources":["../../src/stacks/z_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,MAAM,mBAAmB,CAAC;AAIpD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,GAAG;IAChB,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEJ,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,8FAmFjB,CAAC"}

package/dist/stacks/z_stack.js

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

package/dist/stacks/z_stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z_stack.js","sources":["../../src/stacks/z_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 { StackStyleProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type ZStackOwnProps = CommonProps &\n  StackStyleProps & {\n    overflow?: 'hidden' | 'visible';\n  };\n\nexport interface ZStackProps<T extends HTMLElement = HTMLElement>\n  extends ZStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const ZStack = React.forwardRef(function ZStack<T extends HTMLElement>(\n  {\n    as = 'div',\n    children,\n    style,\n    hAlign = 'center',\n    vAlign = 'center',\n    inline,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\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    className,\n    overflow,\n    ...attr\n  }: ZStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles = {\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    overflow,\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  };\n\n  return (\n    <As\n      ref={ref}\n      style={{\n        ...removeUndefinedProperties(defaultStyles),\n        ...style,\n      }}\n      className={classNames(styles['z-stack'], className, 'z-stack', 'stack')}\n      data-inline={Boolean(inline)}\n      data-v-alignment={vAlign}\n      data-h-alignment={hAlign}\n      data-height={height}\n      data-width={width}\n      {...attr}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </As>\n  );\n});\n"],"names":["ZStack","React","as","children","style","hAlign","vAlign","inline","width","minWidth","maxWidth","height","minHeight","maxHeight","flexGrow","flexShrink","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","className","overflow","attr","ref","As","defaultStyles","isCustomSizeProp","jsx","removeUndefinedProperties","classNames","styles"],"mappings":";;;;;;AAoBO,MAAMA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,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,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKjC,GACLkC,IAAgB;AAAA,IACpB,UAAA3B;AAAA,IACA,OAAQ4B,EAAiB7B,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAE;AAAA,IACA,QAASyB,EAAiB1B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAe;AAAA,IACA,UAAAE;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,EAAA;AAGF,SACE,gBAAAS;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,OAAO;AAAA,QACL,GAAGK,EAA0BH,CAAa;AAAA,QAC1C,GAAGhC;AAAA,MAAA;AAAA,MAEL,WAAWoC,EAAWC,EAAO,SAAS,GAAGV,GAAW,WAAW,OAAO;AAAA,MACtE,eAAa,EAAQxB;AAAA,MACrB,oBAAkBD;AAAA,MAClB,oBAAkBD;AAAA,MAClB,eAAaM;AAAA,MACb,cAAYH;AAAA,MACX,GAAGyB;AAAA,MAEH,iBAAO9B,KAAa,WAAW,gBAAAmC,EAAC,QAAA,EAAM,UAAAnC,GAAS,IAAUA;AAAA,IAAA;AAAA,EAAA;AAGhE,CAAC;"}

package/dist/start_resize_handle.css

@@ -0,0 +1 @@
+._start-resize-handle_22a3d5a{position:fixed;bottom:0;height:100%;width:16px;z-index:1;cursor:ew-resize;pointer-events:auto}._start-resize-handle_22a3d5a:dir(ltr){left:var(--resize-offset, -8px)}._start-resize-handle_22a3d5a:dir(rtl){right:var(--resize-offset, -8px)}

package/dist/status_input.css

@@ -0,0 +1 @@
+._field-error_6d015c9{color:var(--status-color-error)}._field-status-input_c30d6fb>*[data-width="100%"]:first-child{width:100%;flex-grow:1;flex-shrink:0;flex-basis:0%}

package/dist/subheadline.css

@@ -0,0 +1 @@
+._subheadline_ae8bc38{margin:0;padding:0;line-height:1.3;letter-spacing:.005em}._subheadline_ae8bc38[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._subheadline_ae8bc38[data-selectable=false]{-webkit-user-select:none;user-select:none}._subheadline_ae8bc38[data-size=sm]{font-size:calc(12px * var(--scalar, 1));line-height:1.4}._subheadline_ae8bc38[data-size=md]{font-size:calc(14px * var(--scalar, 1));line-height:1.3}._subheadline_ae8bc38[data-size=lg]{font-size:calc(18px * var(--scalar, 1));line-height:1.25}._subheadline_ae8bc38[data-hierarchy=primary]{opacity:1}._subheadline_ae8bc38[data-hierarchy=secondary]{opacity:.85}._subheadline_ae8bc38[data-hierarchy=tertiary]{opacity:.7}._subheadline_ae8bc38[data-emphasis=strong]{font-weight:600}._subheadline_ae8bc38[data-emphasis=normal]{font-weight:500}._subheadline_ae8bc38[data-emphasis=light]{font-weight:400}

package/dist/subheadline.module-C-v7zMkQ.js

@@ -0,0 +1,5 @@
+import './subheadline.css';const s = "_subheadline_ae8bc38", e = { subheadline: s };
+export {
+  e as s
+};
+//# sourceMappingURL=subheadline.module-C-v7zMkQ.js.map

package/dist/subheadline.module-C-v7zMkQ.js.map

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

package/dist/suggestion_item.css

@@ -0,0 +1 @@
+._suggestion-item_6b60309{background-color:#fff;outline:none;border:0;padding:0;margin:0;width:auto;min-width:100%;text-align:start;min-height:30px;border:4px solid transparent;z-index:1;cursor:pointer;color:var(--font-color);-webkit-tap-highlight-color:transparent}._suggestion-item_6b60309[data-is-selected=true]{border-inline-start-color:#ccc;background-color:#f1f1f1}._suggestion-item_6b60309[data-is-focused=true]{border-inline-start-color:var(--accent-color);background-color:#f1f1f1}._suggestion-item_6b60309[data-disabled=true]{cursor:not-allowed}._suggestion-item_6b60309:hover{background-color:#f5f5f5}.small-text ._suggestion-item_6b60309{min-height:30px}.medium-small-text ._suggestion-item_6b60309{min-height:32px}.medium-text ._suggestion-item_6b60309{min-height:34px}.medium-lart-text ._suggestion-item_6b60309{min-height:36px}.large-text ._suggestion-item_6b60309{min-height:38px}

package/dist/suggestion_list.css

@@ -0,0 +1 @@
+._suggestion-list_711fb17{border-radius:8px;box-shadow:var(--drop-shadow-depth-3, 0 2px 10px 0 rgba(0, 0, 0, .25));border:1px solid var(--border-tertiary-color);overflow-y:auto;overflow-x:hidden;background-color:#fff}._input_a0df060{position:sticky;top:0;left:0;border:none;margin:0;outline:none;padding-inline-start:8px;height:calc(32px * var(--scalar, 1));min-height:calc(32px * var(--scalar, 1));z-index:2;border-bottom:1px solid var(--border-tertiary-color, #e2e2e2);border-radius:8px 8px 0 0/8px 8px 0px 0px;background-color:#fff;color:var(--font-color);font-size:calc(14px * var(--scalar, 1));width:100%}

package/dist/surfaces/alert/alert.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ConfirmProps } from '../confirm/confirm.js';
+export interface AlertProps extends Omit<ConfirmProps, 'actions'> {
+    open?: boolean;
+    graphic?: React.ReactNode;
+    title?: string;
+    description?: string;
+    onAccept?: () => void;
+}
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=alert.d.ts.map

package/dist/surfaces/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/surfaces/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAW,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,mFAgBhB,CAAC"}

package/dist/surfaces/alert/alert.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import p from "classnames";
+import e from "react";
+import "../../actions/button/base_button/base_button.js";
+import "../../actions/button/button_group/button_group.js";
+import "../../actions/button/slim_button/slim_button.js";
+import { Button as a } from "../../actions/button/button/button.js";
+import "../../actions/button/select_group/select_group.js";
+import "../../actions/button/select_group/single_select_group.js";
+import { Confirm as c } from "../confirm/confirm.js";
+const C = e.forwardRef(function({ className: o, onAccept: t, ...m }, i) {
+  return /* @__PURE__ */ r(
+    c,
+    {
+      ref: i,
+      className: p(o, "alert"),
+      ...m,
+      actions: /* @__PURE__ */ r(a, { onClick: t, hierarchy: "primary", width: "100%", children: "OK" })
+    }
+  );
+});
+export {
+  C as Alert
+};
+//# sourceMappingURL=alert.js.map

package/dist/surfaces/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../src/surfaces/alert/alert.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport { Button } from '../../actions/index.js';\nimport { Confirm, ConfirmProps } from '../confirm/confirm.js';\n\nexport interface AlertProps extends Omit<ConfirmProps, 'actions'> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  onAccept?: () => void;\n}\n\nexport const Alert = React.forwardRef(function Alert(\n  { className, onAccept, ...props }: AlertProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  return (\n    <Confirm\n      ref={ref}\n      className={classNames(className, 'alert')}\n      {...props}\n      actions={\n        <Button onClick={onAccept} hierarchy=\"primary\" width=\"100%\">\n          OK\n        </Button>\n      }\n    />\n  );\n});\n"],"names":["Alert","React","className","onAccept","props","ref","jsx","Confirm","classNames","Button"],"mappings":";;;;;;;;;;AAaO,MAAMA,IAAQC,EAAM,WAAW,SACpC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWN,GAAW,OAAO;AAAA,MACvC,GAAGE;AAAA,MACJ,2BACGK,GAAA,EAAO,SAASN,GAAU,WAAU,WAAU,OAAM,QAAO,UAAA,KAAA,CAE5D;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/surfaces/card/card.d.ts

@@ -0,0 +1,7 @@
+import { VStackProps } from '../../stacks/v_stack.js';
+import { default as React } from 'react';
+export interface CardProps extends Omit<VStackProps, 'as' | 'children'> {
+    children?: React.ReactNode;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=card.d.ts.map

package/dist/surfaces/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/surfaces/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,+EAcf,CAAC"}

package/dist/surfaces/card/card.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { VStack as s } from "../../stacks/v_stack.js";
+import m from "classnames";
+import e from "react";
+import '../../card.css';const n = "_card_a3c9492", f = { card: n }, x = e.forwardRef(function({ children: r, className: a, ...o }, c) {
+  return /* @__PURE__ */ t(
+    s,
+    {
+      ref: c,
+      as: "section",
+      className: m(a, f.card, "card"),
+      ...o,
+      children: r
+    }
+  );
+});
+export {
+  x as Card
+};
+//# sourceMappingURL=card.js.map

package/dist/surfaces/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/surfaces/card/card.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './card.module.css';\n\nexport interface CardProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Card = React.forwardRef<HTMLElement, CardProps>(function VPanel(\n  { children, className, ...props }: CardProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={classNames(className, styles.card, 'card')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;4CASaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWL,GAAWM,EAAO,MAAM,MAAM;AAAA,MACnD,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/confirm/confirm.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { BoxProps } from '../../stacks/box/box.js';
+export interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    graphic?: React.ReactNode;
+    title?: string;
+    description?: string;
+    actions?: React.ReactNode;
+    veilProps?: BoxProps;
+}
+export declare const Confirm: React.ForwardRefExoticComponent<ConfirmProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=confirm.d.ts.map

package/dist/surfaces/confirm/confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAuElB,CAAC"}

package/dist/surfaces/confirm/confirm.js

@@ -0,0 +1,70 @@
+import { jsx as r, Fragment as _, jsxs as i } from "react/jsx-runtime";
+import w, { useRef as N, useState as S, useLayoutEffect as s } from "react";
+import n from "classnames";
+import { Spacer as C } from "../../stacks/spacer.js";
+import { VStack as T } from "../../stacks/v_stack.js";
+import { ZStack as R } from "../../stacks/z_stack.js";
+import { P as j } from "../../portal-qqIp4SIl.js";
+import { BodyText as B } from "../../typography/body_text/body_text.js";
+import "../../callout.module-D8ECmxpO.js";
+import "../../caption.module-DDq0H4xZ.js";
+import "../../footnote.module-DEyFuqOr.js";
+import "../../headline.module-BiwHBtGf.js";
+import "../../subheadline.module-C-v7zMkQ.js";
+import { Title as P } from "../../typography/title/title.js";
+import { Box as c } from "../../stacks/box/box.js";
+import '../../confirm.css';const b = "_confirm_e53f865", v = "_shake_d5d9154", z = "_actions_b7ffee5", m = { confirm: b, shake: v, actions: z }, U = w.forwardRef(function({
+  open: a,
+  graphic: f,
+  title: h,
+  description: l,
+  actions: p,
+  veilProps: d,
+  className: u,
+  ...k
+}, g) {
+  const t = N(!1), [e, o] = S(!1);
+  s(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), s(() => {
+    if (e && t.current) {
+      const y = window.setTimeout(() => {
+        o(!1);
+      }, 600);
+      return () => window.clearTimeout(y);
+    }
+  }, [e]);
+  function x() {
+    o(!0);
+  }
+  return /* @__PURE__ */ r(_, { children: a && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
+    /* @__PURE__ */ r(c, { onClick: x, ...d, height: "100%" }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: g,
+        className: n(m.confirm, u, "confirm"),
+        "data-shake": e,
+        ...k,
+        children: /* @__PURE__ */ i(T, { hAlign: "center", children: [
+          f,
+          /* @__PURE__ */ r(P, { className: "confirm-title", emphasis: "strong", size: "sm", children: h }),
+          /* @__PURE__ */ r(B, { className: "confirm-description", hierarchy: "tertiary", children: l }),
+          /* @__PURE__ */ r(C, { height: "16px" }),
+          /* @__PURE__ */ r(
+            c,
+            {
+              className: n(m.actions, "confirm-actions"),
+              height: "auto",
+              children: p
+            }
+          )
+        ] })
+      }
+    )
+  ] }) }) });
+});
+export {
+  U as Confirm
+};
+//# sourceMappingURL=confirm.js.map

package/dist/surfaces/confirm/confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.js","sources":["../../../src/surfaces/confirm/confirm.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Portal } from '../../overlay/portal/portal.js';\nimport { BodyText, Title } from '../../typography/index.js';\nimport styles from './confirm.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  actions?: React.ReactNode;\n  veilProps?: BoxProps;\n}\n\nexport const Confirm = React.forwardRef(function Confirm(\n  {\n    open,\n    graphic,\n    title,\n    description,\n    actions,\n    veilProps,\n    className,\n    ...props\n  }: ConfirmProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isMounted = useRef(false);\n  const [shake, setShake] = useState(false);\n\n  useLayoutEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (shake && isMounted.current) {\n      const id = window.setTimeout(() => {\n        setShake(false);\n      }, 600);\n\n      return () => window.clearTimeout(id);\n    }\n  }, [shake]);\n\n  function shakeConfirm() {\n    setShake(true);\n  }\n\n  return (\n    <>\n      {open && (\n        <Portal>\n          <ZStack height=\"100%\" style={{ position: 'fixed' }}>\n            <Box onClick={shakeConfirm} {...veilProps} height=\"100%\"></Box>\n            <div\n              ref={ref}\n              className={classNames(styles.confirm, className, 'confirm')}\n              data-shake={shake}\n              {...props}\n            >\n              <VStack hAlign=\"center\">\n                {graphic}\n                <Title className=\"confirm-title\" emphasis=\"strong\" size=\"sm\">\n                  {title}\n                </Title>\n                <BodyText className=\"confirm-description\" hierarchy=\"tertiary\">\n                  {description}\n                </BodyText>\n                <Spacer height=\"16px\" />\n                <Box\n                  className={classNames(styles.actions, 'confirm-actions')}\n                  height=\"auto\"\n                >\n                  {actions}\n                </Box>\n              </VStack>\n            </div>\n          </ZStack>\n        </Portal>\n      )}\n    </>\n  );\n});\n"],"names":["Confirm","React","open","graphic","title","description","actions","veilProps","className","props","ref","isMounted","useRef","shake","setShake","useState","useLayoutEffect","id","shakeConfirm","jsx","Fragment","Portal","jsxs","ZStack","Box","classNames","styles","VStack","Title","BodyText","Spacer"],"mappings":";;;;;;;;;;;;;;;sHAmBaA,IAAUC,EAAM,WAAW,SACtC;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxB,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AAExC,EAAAC,EAAgB,OACdL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAELK,EAAgB,MAAM;AACpB,QAAIH,KAASF,EAAU,SAAS;AAC9B,YAAMM,IAAK,OAAO,WAAW,MAAM;AACjC,QAAAH,EAAS,EAAK;AAAA,MAChB,GAAG,GAAG;AAEN,aAAO,MAAM,OAAO,aAAaG,CAAE;AAAA,IACrC;AAAA,EACF,GAAG,CAACJ,CAAK,CAAC;AAEV,WAASK,IAAe;AACtB,IAAAJ,EAAS,EAAI;AAAA,EACf;AAEA,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAAlB,KACC,gBAAAiB,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAO,QAAO,QAAO,OAAO,EAAE,UAAU,QAAA,GACvC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KAAI,SAASN,GAAe,GAAGX,GAAW,QAAO,QAAO;AAAA,IACzD,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWe,EAAWC,EAAO,SAASlB,GAAW,SAAS;AAAA,QAC1D,cAAYK;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA,gBAAAa,EAACK,GAAA,EAAO,QAAO,UACZ,UAAA;AAAA,UAAAxB;AAAA,UACD,gBAAAgB,EAACS,KAAM,WAAU,iBAAgB,UAAS,UAAS,MAAK,MACrD,UAAAxB,EAAA,CACH;AAAA,4BACCyB,GAAA,EAAS,WAAU,uBAAsB,WAAU,YACjD,UAAAxB,GACH;AAAA,UACA,gBAAAc,EAACW,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,UACtB,gBAAAX;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWC,EAAWC,EAAO,SAAS,iBAAiB;AAAA,cACvD,QAAO;AAAA,cAEN,UAAApB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,GACF,GAEJ;AAEJ,CAAC;"}

package/dist/surfaces/index.d.ts

@@ -0,0 +1,11 @@
+export * from './alert/alert.js';
+export * from './card/card.js';
+export * from './confirm/confirm.js';
+export * from './modal/modal.js';
+export * from './page/h_page.js';
+export * from './page/v_page.js';
+export * from './panel/h_panel.js';
+export * from './panel/v_panel.js';
+export * from './popover/popover.js';
+export * from './window/window.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/dist/surfaces/index.js

@@ -0,0 +1,23 @@
+import { Alert as e } from "./alert/alert.js";
+import { Card as m } from "./card/card.js";
+import { Confirm as t } from "./confirm/confirm.js";
+import { Modal as a } from "./modal/modal.js";
+import { HPage as l } from "./page/h_page.js";
+import { VPage as d } from "./page/v_page.js";
+import { HPanel as i } from "./panel/h_panel.js";
+import { VPanel as H } from "./panel/v_panel.js";
+import { Popover as v } from "./popover/popover.js";
+import { Window as A } from "./window/window.js";
+export {
+  e as Alert,
+  m as Card,
+  t as Confirm,
+  l as HPage,
+  i as HPanel,
+  a as Modal,
+  v as Popover,
+  d as VPage,
+  H as VPanel,
+  A as Window
+};
+//# sourceMappingURL=index.js.map

package/dist/surfaces/index.js.map

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

package/dist/surfaces/modal/modal.d.ts

@@ -0,0 +1,7 @@
+import { VStackProps } from '../../stacks/v_stack.js';
+import { default as React } from 'react';
+export interface ModalProps extends Omit<VStackProps, 'as' | 'children'> {
+    children?: React.ReactNode;
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=modal.d.ts.map

package/dist/surfaces/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/surfaces/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,gFAShB,CAAC"}

package/dist/surfaces/modal/modal.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { VStack as s } from "../../stacks/v_stack.js";
+import c from "classnames";
+import e from "react";
+import '../../modal.css';const l = "_modal_473c6ef", f = { modal: l }, x = e.forwardRef(function({ children: o, className: a, ...m }, r) {
+  return /* @__PURE__ */ t(s, { ref: r, className: c(a, f.Modal, "modal"), ...m, children: o });
+});
+export {
+  x as Modal
+};
+//# sourceMappingURL=modal.js.map

package/dist/surfaces/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './modal.module.css';\n\nexport interface ModalProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Modal = React.forwardRef<HTMLElement, ModalProps>(function VPanel(\n  { children, className, ...props }: ModalProps,\n  ref\n) {\n  return (\n    <VStack ref={ref} className={classNames(className, styles.Modal, 'modal')} {...props}>\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Modal","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;8CASaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,WAAWG,EAAWL,GAAWM,EAAO,OAAO,OAAO,GAAI,GAAGL,GAC5E,UAAAF,EAAA,CACH;AAEJ,CAAC;"}

package/dist/surfaces/page/h_page.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
+export interface HPageProps extends Omit<HStackProps, 'as'> {
+}
+export declare const HPage: React.ForwardRefExoticComponent<HPageProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=h_page.d.ts.map

package/dist/surfaces/page/h_page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"h_page.d.ts","sourceRoot":"","sources":["../../../src/surfaces/page/h_page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAehB,CAAC"}

package/dist/surfaces/page/h_page.js

@@ -0,0 +1,22 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "classnames";
+import e from "react";
+import { s as f } from "../../page.module-DXhph-u6.js";
+import { HStack as i } from "../../stacks/h_stack.js";
+const u = e.forwardRef(function({ children: r, className: a, ...o }, t) {
+  return /* @__PURE__ */ m(
+    i,
+    {
+      ref: t,
+      as: "main",
+      className: s(f.page, a, "page"),
+      vAlign: "start",
+      ...o,
+      children: r
+    }
+  );
+});
+export {
+  u as HPage
+};
+//# sourceMappingURL=h_page.js.map