@tcn/ui 0.0.2 → 0.0.4

package/dist/stacks/z_stack.js

@@ -1,5 +1,5 @@
-import { jsx as o } from "react/jsx-runtime";
-import E from "classnames";
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as E } from "clsx";
 import F from "react";
 import { removeUndefinedProperties as G } from "./utils/remove_undefined_properties.js";
 import { s as H } from "../stack.module-CBV1f12Z.js";
@@ -11,10 +11,10 @@ const T = F.forwardRef(function({
   hAlign: n = "center",
   vAlign: m = "center",
   inline: f,
-  width: a = "default",
+  width: e = "default",
   minWidth: c,
   maxWidth: d,
-  height: e = "default",
+  height: o = "default",
   minHeight: l,
   maxHeight: p,
   growWeight: g,
@@ -24,47 +24,47 @@ const T = F.forwardRef(function({
   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,
+  paddingTop: x,
+  paddingBottom: z,
+  margin: w,
+  marginBlock: P,
+  marginInline: R,
+  marginInlineStart: W,
+  marginInlineEnd: Z,
+  marginTop: j,
+  marginBottom: A,
+  zIndex: B,
+  className: C,
+  overflow: N,
   ...U
 }, b) {
   const q = s, D = {
     minWidth: c,
-    width: r(a) ? void 0 : a,
+    width: r(e) ? void 0 : e,
     maxWidth: d,
     minHeight: l,
-    height: r(e) ? void 0 : e,
+    height: r(o) ? void 0 : o,
     maxHeight: p,
     flexGrow: g,
     flexShrink: k,
-    zIndex: A,
-    overflow: C,
+    zIndex: B,
+    overflow: N,
     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
+    paddingTop: x,
+    paddingBottom: z,
+    margin: w,
+    marginBlock: P,
+    marginInline: R,
+    marginInlineStart: W,
+    marginInlineEnd: Z,
+    marginTop: j,
+    marginBottom: A
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     q,
     {
       ref: b,
@@ -72,14 +72,14 @@ const T = F.forwardRef(function({
         ...G(D),
         ...i
       },
-      className: E(H["z-stack"], B, "z-stack", "stack"),
+      className: E(H["z-stack"], C, "z-stack", "stack"),
       "data-inline": !!f,
       "data-v-alignment": m,
       "data-h-alignment": n,
-      "data-height": e,
-      "data-width": a,
+      "data-height": o,
+      "data-width": e,
       ...U,
-      children: typeof t == "string" ? /* @__PURE__ */ o("span", { children: t }) : t
+      children: typeof t == "string" ? /* @__PURE__ */ a("span", { children: t }) : t
     }
   );
 });

package/dist/stacks/z_stack.js.map

@@ -1 +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;"}
+{"version":3,"file":"z_stack.js","sources":["../../src/stacks/z_stack.tsx"],"sourcesContent":["import { clsx } from 'clsx';\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={clsx(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","clsx","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,EAAKC,EAAO,SAAS,GAAGV,GAAW,WAAW,OAAO;AAAA,MAChE,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/surfaces/alert/alert.js

@@ -1,21 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import p from "classnames";
+import { clsx as p } from "clsx";
 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 { Button as c } 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) {
+import { Confirm as f } from "../confirm/confirm.js";
+const C = e.forwardRef(function({ className: o, onAccept: t, ...i }, m) {
   return /* @__PURE__ */ r(
-    c,
+    f,
     {
-      ref: i,
+      ref: m,
       className: p(o, "alert"),
-      ...m,
-      actions: /* @__PURE__ */ r(a, { onClick: t, hierarchy: "primary", width: "100%", children: "OK" })
+      ...i,
+      actions: /* @__PURE__ */ r(c, { onClick: t, hierarchy: "primary", width: "100%", children: "OK" })
     }
   );
 });

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

@@ -1 +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;"}
+{"version":3,"file":"alert.js","sources":["../../../src/surfaces/alert/alert.tsx"],"sourcesContent":["import { clsx } from 'clsx';\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={clsx(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","clsx","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,EAAKN,GAAW,OAAO;AAAA,MACjC,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.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"card.js","sources":["../../../src/surfaces/card/card.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\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={clsx(className, styles.card, 'card')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","VStack","clsx","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,EAAKL,GAAWM,EAAO,MAAM,MAAM;AAAA,MAC7C,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1 +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"}
+{"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,qFAoElB,CAAC"}

package/dist/surfaces/confirm/confirm.js

@@ -1,7 +1,7 @@
 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 w, { useRef as S, useState as C, useLayoutEffect as n } from "react";
+import { clsx as s } from "clsx";
+import { Spacer as N } 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";
@@ -22,11 +22,11 @@ import '../../confirm.css';const b = "_confirm_e53f865", v = "_shake_d5d9154", z
   veilProps: d,
   className: u,
   ...k
-}, g) {
-  const t = N(!1), [e, o] = S(!1);
-  s(() => (t.current = !0, () => {
+}, x) {
+  const t = S(!1), [e, o] = C(!1);
+  n(() => (t.current = !0, () => {
     t.current = !1;
-  }), []), s(() => {
+  }), []), n(() => {
     if (e && t.current) {
       const y = window.setTimeout(() => {
         o(!1);
@@ -34,31 +34,24 @@ import '../../confirm.css';const b = "_confirm_e53f865", v = "_shake_d5d9154", z
       return () => window.clearTimeout(y);
     }
   }, [e]);
-  function x() {
+  function g() {
     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(c, { onClick: g, ...d, height: "100%" }),
     /* @__PURE__ */ r(
       "div",
       {
-        ref: g,
-        className: n(m.confirm, u, "confirm"),
+        ref: x,
+        className: s(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
-            }
-          )
+          /* @__PURE__ */ r(N, { height: "16px" }),
+          /* @__PURE__ */ r(c, { className: s(m.actions, "confirm-actions"), height: "auto", children: p })
         ] })
       }
     )

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

@@ -1 +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;"}
+{"version":3,"file":"confirm.js","sources":["../../../src/surfaces/confirm/confirm.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\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={clsx(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 className={clsx(styles.actions, 'confirm-actions')} height=\"auto\">\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","clsx","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,EAAKC,EAAO,SAASlB,GAAW,SAAS;AAAA,QACpD,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,EAACK,GAAA,EAAI,WAAWC,EAAKC,EAAO,SAAS,iBAAiB,GAAG,QAAO,QAC7D,UAAApB,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,GACF,GAEJ;AAEJ,CAAC;"}

package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js

@@ -1,11 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { VStack as e } from "../../../stacks/v_stack.js";
-import s from "classnames";
+import { jsx as e } from "react/jsx-runtime";
+import { VStack as a } from "../../../stacks/v_stack.js";
+import { clsx as s } from "clsx";
 import c from "react";
 import '../../../drawer_bottom.css';const f = "_drawerBottom_9359033", n = { drawerBottom: f }, l = c.forwardRef(
   function({ children: o, className: t, ...r }, m) {
-    return /* @__PURE__ */ a(
-      e,
+    return /* @__PURE__ */ e(
+      a,
       {
         ref: m,
         as: "section",

package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_bottom.js","sources":["../../../../src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './drawer_bottom.module.css';\n\nexport interface DrawerBottomProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerBottom = React.forwardRef<HTMLElement, DrawerBottomProps>(\n  function DrawerBottom({ children, className, ...props }: DrawerBottomProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={classNames(styles.drawerBottom, className, 'drawer-bottom')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerBottom","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;4DASaA,IAAeC,EAAM;AAAA,EAChC,SAAsB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA4BC,GAAK;AAC/E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAWC,EAAO,cAAcN,GAAW,eAAe;AAAA,QACpE,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"drawer_bottom.js","sources":["../../../../src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_bottom.module.css';\n\nexport interface DrawerBottomProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerBottom = React.forwardRef<HTMLElement, DrawerBottomProps>(\n  function DrawerBottom({ children, className, ...props }: DrawerBottomProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles.drawerBottom, className, 'drawer-bottom')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerBottom","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAeC,EAAM;AAAA,EAChC,SAAsB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA4BC,GAAK;AAC/E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,cAAcN,GAAW,eAAe;AAAA,QAC9D,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/surfaces/drawers/drawer_end/drawer_end.js

@@ -1,15 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { VStack as n } from "../../../stacks/v_stack.js";
-import s from "classnames";
-import d from "react";
-import '../../../drawer_end.css';const c = "_drawerEnd_39acb27", m = { drawerEnd: c }, l = d.forwardRef(function({ children: r, className: a, ...o }, e) {
-  return /* @__PURE__ */ t(
+import { clsx as d } from "clsx";
+import s from "react";
+import '../../../drawer_end.css';const c = "_drawerEnd_39acb27", m = { drawerEnd: c }, l = s.forwardRef(function({ children: r, className: o, ...t }, a) {
+  return /* @__PURE__ */ e(
     n,
     {
-      ref: e,
+      ref: a,
       as: "section",
-      className: s(m.drawerEnd, a, "drawerEnd"),
-      ...o,
+      className: d(m.drawerEnd, o, "drawerEnd"),
+      ...t,
       children: r
     }
   );

package/dist/surfaces/drawers/drawer_end/drawer_end.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_end.js","sources":["../../../../src/surfaces/drawers/drawer_end/drawer_end.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './drawer_end.module.css';\n\nexport interface DrawerEndProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerEnd = React.forwardRef<HTMLElement, DrawerEndProps>(function DrawerEnd(\n  { children, className, ...props }: DrawerEndProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={classNames(styles.drawerEnd, className, 'drawerEnd')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerEnd","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;sDASaA,IAAYC,EAAM,WAAwC,SACrE,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,EAAWC,EAAO,WAAWN,GAAW,WAAW;AAAA,MAC7D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"drawer_end.js","sources":["../../../../src/surfaces/drawers/drawer_end/drawer_end.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_end.module.css';\n\nexport interface DrawerEndProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerEnd = React.forwardRef<HTMLElement, DrawerEndProps>(function DrawerEnd(\n  { children, className, ...props }: DrawerEndProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerEnd, className, 'drawerEnd')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerEnd","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;sDASaA,IAAYC,EAAM,WAAwC,SACrE,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,EAAKC,EAAO,WAAWN,GAAW,WAAW;AAAA,MACvD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/drawers/drawer_start/drawer_start.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
 import { VStack as s } from "../../../stacks/v_stack.js";
-import m from "classnames";
-import c from "react";
-import '../../../drawer_start.css';const f = "_drawerStart_3abbf56", n = { drawerStart: f }, l = c.forwardRef(
+import { clsx as c } from "clsx";
+import m from "react";
+import '../../../drawer_start.css';const f = "_drawerStart_3abbf56", n = { drawerStart: f }, l = m.forwardRef(
   function({ children: r, className: t, ...a }, o) {
     return /* @__PURE__ */ e(
       s,
       {
         ref: o,
         as: "section",
-        className: m(n.drawerStart, t, "drawerStart"),
+        className: c(n.drawerStart, t, "drawerStart"),
         ...a,
         children: r
       }

package/dist/surfaces/drawers/drawer_start/drawer_start.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_start.js","sources":["../../../../src/surfaces/drawers/drawer_start/drawer_start.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './drawer_start.module.css';\n\nexport interface DrawerStartProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerStart = React.forwardRef<HTMLElement, DrawerStartProps>(\n  function DrawerStart({ children, className, ...props }: DrawerStartProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={classNames(styles.drawerStart, className, 'drawerStart')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerStart","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;0DASaA,IAAcC,EAAM;AAAA,EAC/B,SAAqB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA2BC,GAAK;AAC7E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAWC,EAAO,aAAaN,GAAW,aAAa;AAAA,QACjE,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"drawer_start.js","sources":["../../../../src/surfaces/drawers/drawer_start/drawer_start.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_start.module.css';\n\nexport interface DrawerStartProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerStart = React.forwardRef<HTMLElement, DrawerStartProps>(\n  function DrawerStart({ children, className, ...props }: DrawerStartProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles.drawerStart, className, 'drawerStart')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerStart","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;0DASaA,IAAcC,EAAM;AAAA,EAC/B,SAAqB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA2BC,GAAK;AAC7E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,aAAaN,GAAW,aAAa;AAAA,QAC3D,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/surfaces/drawers/drawer_top/drawer_top.js

@@ -1,14 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
-import { VStack as s } from "../../../stacks/v_stack.js";
-import m from "classnames";
+import { VStack as m } from "../../../stacks/v_stack.js";
+import { clsx as s } from "clsx";
 import c from "react";
 import '../../../drawer_top.css';const p = "_drawerBottom_7a0635a", f = { drawerBottom: p }, l = c.forwardRef(function({ children: r, className: o, ...t }, a) {
   return /* @__PURE__ */ e(
-    s,
+    m,
     {
       ref: a,
       as: "section",
-      className: m(f.drawerTop, o, "drawerTop"),
+      className: s(f.drawerTop, o, "drawerTop"),
       ...t,
       children: r
     }

package/dist/surfaces/drawers/drawer_top/drawer_top.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_top.js","sources":["../../../../src/surfaces/drawers/drawer_top/drawer_top.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './drawer_top.module.css';\n\nexport interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(\n  { children, className, ...props }: DrawerTopProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={classNames(styles.drawerTop, className, 'drawerTop')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerTop","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;4DASaA,IAAYC,EAAM,WAAwC,SACrE,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,EAAWC,EAAO,WAAWN,GAAW,WAAW;AAAA,MAC7D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"drawer_top.js","sources":["../../../../src/surfaces/drawers/drawer_top/drawer_top.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_top.module.css';\n\nexport interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(\n  { children, className, ...props }: DrawerTopProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerTop, className, 'drawerTop')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerTop","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAYC,EAAM,WAAwC,SACrE,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,EAAKC,EAAO,WAAWN,GAAW,WAAW;AAAA,MACvD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1,7 +1,5 @@
 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>>;
+export type ModalProps = Omit<VStackProps<HTMLDialogElement>, 'as'>;
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
 //# sourceMappingURL=modal.d.ts.map

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

@@ -1 +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"}
+{"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,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;AAEpE,eAAO,MAAM,KAAK,sFAchB,CAAC"}

package/dist/surfaces/modal/modal.js

@@ -1,11 +1,20 @@
-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 });
+import { jsx as r } from "react/jsx-runtime";
+import { VStack as c } from "../../stacks/v_stack.js";
+import { clsx as l } from "clsx";
+import s from "react";
+import '../../modal.css';const d = "_modal_473c6ef", f = { modal: d }, u = s.forwardRef(function({ children: o, className: t, ...a }, m) {
+  return /* @__PURE__ */ r(
+    c,
+    {
+      ref: m,
+      className: l(f.modal, "tcn-modal", t),
+      as: "dialog",
+      ...a,
+      children: o
+    }
+  );
 });
 export {
-  x as Modal
+  u as Modal
 };
 //# sourceMappingURL=modal.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './modal.module.css';\n\nexport type ModalProps = Omit<VStackProps<HTMLDialogElement>, 'as'>;\n\nexport const Modal = React.forwardRef<HTMLDialogElement, ModalProps>(function Modal(\n  { children, className, ...props }: ModalProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      className={clsx(styles['modal'], 'tcn-modal', className)}\n      as=\"dialog\"\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Modal","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;8CAOaA,IAAQC,EAAM,WAA0C,SACnE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,OAAU,aAAaN,CAAS;AAAA,MACvD,IAAG;AAAA,MACF,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/page/h_page.js

@@ -1,22 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
-import s from "classnames";
+import { clsx as s } from "clsx";
 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) {
+const H = e.forwardRef(function({ children: r, className: o, ...t }, a) {
   return /* @__PURE__ */ m(
     i,
     {
-      ref: t,
+      ref: a,
       as: "main",
-      className: s(f.page, a, "page"),
+      className: s(f.page, o, "page"),
       vAlign: "start",
-      ...o,
+      ...t,
       children: r
     }
   );
 });
 export {
-  u as HPage
+  H as HPage
 };
 //# sourceMappingURL=h_page.js.map

package/dist/surfaces/page/h_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={classNames(styles.page, className, 'page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","React","children","className","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,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,EAAWC,EAAO,MAAMN,GAAW,MAAM;AAAA,MACpD,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,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,EAAKC,EAAO,MAAMN,GAAW,MAAM;AAAA,MAC9C,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/page/v_page.js

@@ -1,21 +1,21 @@
-import { jsx as s } from "react/jsx-runtime";
-import { VStack as t } from "../../stacks/v_stack.js";
-import e from "classnames";
+import { jsx as t } from "react/jsx-runtime";
+import { VStack as e } from "../../stacks/v_stack.js";
+import { clsx as s } from "clsx";
 import f from "react";
 import { s as p } from "../../page.module-DXhph-u6.js";
-const u = f.forwardRef(function({ children: r, className: a, ...o }, m) {
-  return /* @__PURE__ */ s(
-    t,
+const V = f.forwardRef(function({ children: r, className: o, ...a }, m) {
+  return /* @__PURE__ */ t(
+    e,
     {
       ref: m,
       as: "main",
-      className: e(p.page, a, "page"),
-      ...o,
+      className: s(p.page, o, "page"),
+      ...a,
       children: r
     }
   );
 });
 export {
-  u as VPage
+  V as VPage
 };
 //# sourceMappingURL=v_page.js.map

package/dist/surfaces/page/v_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={classNames(styles.page, className, 'page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,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,EAAWC,EAAO,MAAMN,GAAW,MAAM;AAAA,MACnD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,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,EAAKC,EAAO,MAAMN,GAAW,MAAM;AAAA,MAC7C,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/panel/h_panel.d.ts

@@ -1,6 +1,6 @@
+import { default as React } from 'react';
 import { BoxProps } from '../../stacks/box/box.js';
 import { Alignment } from '../../stacks/types/alignment.js';
-import { default as React } from 'react';
 export interface HPanelProps extends Omit<BoxProps, 'as'> {
     vAlign?: Alignment;
     hAlign?: Alignment;

package/dist/surfaces/panel/h_panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/h_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFA8CjB,CAAC"}
+{"version":3,"file":"h_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/h_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFAmDjB,CAAC"}