@tcn/ui 0.0.1 → 0.0.3

package/dist/layouts/body/v_body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/v_body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAehB,CAAC"}

package/dist/layouts/body/v_body.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import { VStack as m } from "../../stacks/v_stack.js";
+import a from "react";
+import y from "classnames";
+import '../../v_body.css';const f = "_v-body_d8f1917", n = { "v-body": f }, l = a.forwardRef(function({ children: o, className: t, overflowY: r = "auto", ...s }, d) {
+  return /* @__PURE__ */ c(
+    m,
+    {
+      ref: d,
+      as: "div",
+      overflowY: r,
+      className: y(n["v-body"], t, "tcn-body", "tcn-v-body"),
+      ...s,
+      children: o
+    }
+  );
+});
+export {
+  l as VBody
+};
+//# sourceMappingURL=v_body.js.map

package/dist/layouts/body/v_body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v_body.js","sources":["../../../src/layouts/body/v_body.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport React from 'react';\nimport classNames from 'classnames';\nimport styles from './v_body.module.css';\n\nexport interface VBodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const VBody = React.forwardRef<HTMLElement, VBodyProps>(function VBody(\n  { children, className, overflowY = 'auto', ...props }: VBodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      overflowY={overflowY}\n      className={classNames(styles['v-body'], className, 'tcn-body', 'tcn-v-body')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VBody","React","children","className","overflowY","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;kDAOaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAWC,EAAO,QAAQ,GAAGP,GAAW,YAAY,YAAY;AAAA,MAC1E,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/divider/divider.d.ts

@@ -1,6 +1,6 @@
-import { Emphasis, Size } from '../../utils/index.js';
-import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 import { default as React, CSSProperties } from 'react';
+import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
+import { Emphasis, Size } from '../../utils/index.js';
 export type DividerOrientation = {
     horizontal?: boolean;
     vertical?: never;

package/dist/layouts/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/layouts/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,MAAM,kBAAkB,GAC1B;IACE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6C1C,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/layouts/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,MAAM,kBAAkB,GAC1B;IACE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8C1C,CAAC"}

package/dist/layouts/divider/divider.js

@@ -1,30 +1,30 @@
 import { jsxs as h, jsx as f } from "react/jsx-runtime";
 import r from "classnames";
-import '../../divider.css';const p = "_divider_af0a0c6", _ = "_divider-line_cae0189", s = { divider: p, "divider-line": _ }, u = ({
+import '../../divider.css';const p = "_divider_af0a0c6", _ = "_divider-line_cae0189", n = { divider: p, "divider-line": _ }, u = ({
   emphasis: i = "normal",
   thickness: e = "sm",
-  length: a = "full",
+  length: d = "full",
   style: x,
-  horizontal: n,
+  horizontal: s,
   vertical: y,
-  width: o,
-  height: l,
-  className: d,
+  width: l,
+  height: o,
+  className: t,
   children: v,
   ...c
 }) => {
-  const t = n ? "horizontal" : "vertical", m = {
-    "--divider-width": o,
-    "--divider-height": l
+  const a = s ? "horizontal" : "vertical", m = {
+    "--divider-width": l,
+    "--divider-height": o
   };
   return /* @__PURE__ */ h(
     "div",
     {
       "data-emphasis": i,
       "data-thickness": e,
-      "data-length": a,
-      "data-orientation": t,
-      className: r(s.divider, "divider", d),
+      "data-length": d,
+      "data-orientation": a,
+      className: r(n.divider, "divider", "tcn-divider", t),
       ...c,
       children: [
         /* @__PURE__ */ f(
@@ -32,14 +32,15 @@ import '../../divider.css';const p = "_divider_af0a0c6", _ = "_divider-line_cae0
           {
             "data-emphasis": i,
             "data-thickness": e,
-            "data-length": a,
-            "data-orientation": t,
+            "data-length": d,
+            "data-orientation": a,
             style: m,
             className: r(
-              s["divider-line"],
+              n["divider-line"],
               "divider-line",
+              "tcn-divider-line",
               "material",
-              d
+              t
             )
           }
         ),

package/dist/layouts/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../src/layouts/divider/divider.tsx"],"sourcesContent":["import { Emphasis, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport classnames from 'classnames';\nimport React, { CSSProperties } from 'react';\nimport styles from './divider.module.css';\n\nexport type DividerOrientation =\n  | {\n      horizontal?: boolean;\n      vertical?: never;\n    }\n  | {\n      horizontal?: never;\n      vertical?: boolean;\n    };\n\nexport interface DividerClasses {\n  line?: string;\n}\n\nexport interface DividerProperties {\n  width?: CSSProperties['width'];\n  height?: CSSProperties['height'];\n}\n\nexport type DividerOwnProps = DividerOrientation &\n  DividerProperties & {\n    emphasis?: Emphasis;\n    thickness?: Size;\n    length?: Size | 'full';\n    classes?: Partial<DividerClasses>;\n  };\n\nexport type DividerProps = WithDetailedHTMLProps<DividerOwnProps, 'div'>;\n\nexport const Divider: React.FC<DividerProps> = ({\n  emphasis = 'normal',\n  thickness = 'sm',\n  length = 'full',\n  style,\n  horizontal,\n  vertical,\n  width,\n  height,\n  className,\n  children,\n  ...props\n}) => {\n  const orientation = horizontal ? 'horizontal' : 'vertical';\n\n  const cssVariables = {\n    '--divider-width': width,\n    '--divider-height': height,\n  } as CSSProperties;\n\n  return (\n    <div\n      data-emphasis={emphasis}\n      data-thickness={thickness}\n      data-length={length}\n      data-orientation={orientation}\n      className={classnames(styles[`divider`], 'divider', className)}\n      {...props}\n    >\n      <div\n        data-emphasis={emphasis}\n        data-thickness={thickness}\n        data-length={length}\n        data-orientation={orientation}\n        style={cssVariables}\n        className={classnames(\n          styles[`divider-line`],\n          'divider-line',\n          'material',\n          className\n        )}\n      />\n      {children}\n    </div>\n  );\n};\n"],"names":["Divider","emphasis","thickness","length","style","horizontal","vertical","width","height","className","children","props","orientation","cssVariables","jsxs","classnames","styles","jsx"],"mappings":";;kGAmCaA,IAAkC,CAAC;AAAA,EAC9C,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcP,IAAa,eAAe,YAE1CQ,IAAe;AAAA,IACnB,mBAAmBN;AAAA,IACnB,oBAAoBC;AAAA,EAAA;AAGtB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeb;AAAA,MACf,kBAAgBC;AAAA,MAChB,eAAaC;AAAA,MACb,oBAAkBS;AAAA,MAClB,WAAWG,EAAWC,EAAO,SAAY,WAAWP,CAAS;AAAA,MAC5D,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,iBAAehB;AAAA,YACf,kBAAgBC;AAAA,YAChB,eAAaC;AAAA,YACb,oBAAkBS;AAAA,YAClB,OAAOC;AAAA,YACP,WAAWE;AAAAA,cACTC,EAAO,cAAc;AAAA,cACrB;AAAA,cACA;AAAA,cACAP;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEDC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"divider.js","sources":["../../../src/layouts/divider/divider.tsx"],"sourcesContent":["import React, { type CSSProperties } from 'react';\nimport classnames from 'classnames';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport type { Emphasis, Size } from '../../utils/index.js';\nimport styles from './divider.module.css';\n\nexport type DividerOrientation =\n  | {\n      horizontal?: boolean;\n      vertical?: never;\n    }\n  | {\n      horizontal?: never;\n      vertical?: boolean;\n    };\n\nexport interface DividerClasses {\n  line?: string;\n}\n\nexport interface DividerProperties {\n  width?: CSSProperties['width'];\n  height?: CSSProperties['height'];\n}\n\nexport type DividerOwnProps = DividerOrientation &\n  DividerProperties & {\n    emphasis?: Emphasis;\n    thickness?: Size;\n    length?: Size | 'full';\n    classes?: Partial<DividerClasses>;\n  };\n\nexport type DividerProps = WithDetailedHTMLProps<DividerOwnProps, 'div'>;\n\nexport const Divider: React.FC<DividerProps> = ({\n  emphasis = 'normal',\n  thickness = 'sm',\n  length = 'full',\n  style,\n  horizontal,\n  vertical,\n  width,\n  height,\n  className,\n  children,\n  ...props\n}) => {\n  const orientation = horizontal ? 'horizontal' : 'vertical';\n\n  const cssVariables = {\n    '--divider-width': width,\n    '--divider-height': height,\n  } as CSSProperties;\n\n  return (\n    <div\n      data-emphasis={emphasis}\n      data-thickness={thickness}\n      data-length={length}\n      data-orientation={orientation}\n      className={classnames(styles[`divider`], 'divider', 'tcn-divider', className)}\n      {...props}\n    >\n      <div\n        data-emphasis={emphasis}\n        data-thickness={thickness}\n        data-length={length}\n        data-orientation={orientation}\n        style={cssVariables}\n        className={classnames(\n          styles[`divider-line`],\n          'divider-line',\n          'tcn-divider-line',\n          'material',\n          className\n        )}\n      />\n      {children}\n    </div>\n  );\n};\n"],"names":["Divider","emphasis","thickness","length","style","horizontal","vertical","width","height","className","children","props","orientation","cssVariables","jsxs","classnames","styles","jsx"],"mappings":";;kGAmCaA,IAAkC,CAAC;AAAA,EAC9C,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcP,IAAa,eAAe,YAE1CQ,IAAe;AAAA,IACnB,mBAAmBN;AAAA,IACnB,oBAAoBC;AAAA,EAAA;AAGtB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeb;AAAA,MACf,kBAAgBC;AAAA,MAChB,eAAaC;AAAA,MACb,oBAAkBS;AAAA,MAClB,WAAWG,EAAWC,EAAO,SAAY,WAAW,eAAeP,CAAS;AAAA,MAC3E,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,iBAAehB;AAAA,YACf,kBAAgBC;AAAA,YAChB,eAAaC;AAAA,YACb,oBAAkBS;AAAA,YAClB,OAAOC;AAAA,YACP,WAAWE;AAAAA,cACTC,EAAO,cAAc;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,cACAP;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEDC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/layouts/footer/footer.d.ts

@@ -1,5 +1,5 @@
-import { HStackProps } from '../../stacks/h_stack.js';
 import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
 export interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {
     hierarchy?: Hierarchy;

package/dist/layouts/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}

package/dist/layouts/footer/footer.js

@@ -1,14 +1,14 @@
 import { jsx as f } from "react/jsx-runtime";
-import { HStack as c } from "../../stacks/h_stack.js";
+import c from "react";
 import m from "classnames";
-import i from "react";
-import '../../footer.css';const n = "_footer_4a43c3e", d = { footer: n }, x = i.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, s) {
+import { HStack as n } from "../../stacks/h_stack.js";
+import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, x = c.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, s) {
   return /* @__PURE__ */ f(
-    c,
+    n,
     {
       ref: s,
       as: "footer",
-      className: m(d.footer, e, "footer"),
+      className: m(d.footer, e, "footer", "tcn-footer"),
       "data-hierarchy": o,
       "data-size": r,
       ...a,

package/dist/layouts/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './footer.module.css';\nimport type { Hierarchy, Size } from '../../utils/index.js';\n\nexport interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children?: React.ReactNode;\n}\n\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(function Footer(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: FooterProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"footer\"\n      className={classNames(styles.footer, className, 'footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D,EAAE,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAChEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQN,GAAW,QAAQ;AAAA,MACxD,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './footer.module.css';\n\nexport interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children?: React.ReactNode;\n}\n\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(function Footer(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: FooterProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"footer\"\n      className={classNames(styles.footer, className, 'footer', 'tcn-footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D,EAAE,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAChEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQN,GAAW,UAAU,YAAY;AAAA,MACtE,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/header/header.d.ts

@@ -1,5 +1,5 @@
-import { HStackProps } from '../../stacks/h_stack.js';
 import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
 export interface HeaderProps extends Omit<HStackProps, 'as'> {
     hierarchy?: Hierarchy;

package/dist/layouts/header/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/layouts/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAwBjB,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/layouts/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAwBjB,CAAC"}

package/dist/layouts/header/header.js

@@ -1,23 +1,23 @@
-import { jsx as m } from "react/jsx-runtime";
-import { HStack as c } from "../../stacks/h_stack.js";
+import { jsx as c } from "react/jsx-runtime";
+import m from "react";
 import f from "classnames";
-import h from "react";
-import '../../header.css';const i = "_header_3155fa4", n = { header: i }, x = h.forwardRef(function({
+import { HStack as h } from "../../stacks/h_stack.js";
+import '../../header.css';const n = "_header_3155fa4", i = { header: n }, x = m.forwardRef(function({
   hierarchy: e = "secondary",
   height: a = "auto",
   children: r,
-  className: o,
-  size: t = "md",
+  className: t,
+  size: o = "md",
   ...s
 }, d) {
-  return /* @__PURE__ */ m(
-    c,
+  return /* @__PURE__ */ c(
+    h,
     {
       ref: d,
       as: "header",
-      className: f(n.header, o, "header"),
+      className: f(i.header, t, "tcn-header", "header"),
       "data-hierarchy": e,
-      "data-size": t,
+      "data-size": o,
       height: a,
       ...s,
       children: r

package/dist/layouts/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../src/layouts/header/header.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './header.module.css';\nimport type { Hierarchy, Size } from '../../utils/index.js';\n\n// UtilityBar\nexport interface HeaderProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const Header = React.forwardRef<HTMLElement, HeaderProps>(function Header(\n  {\n    hierarchy = 'secondary',\n    height = 'auto',\n    children,\n    className,\n    size = 'md',\n    ...props\n  }: HeaderProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"header\"\n      className={classNames(styles.header, className, 'header')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      height={height}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Header","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQP,GAAW,QAAQ;AAAA,MACxD,kBAAgBH;AAAA,MAChB,aAAWI;AAAA,MACX,QAAAH;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"header.js","sources":["../../../src/layouts/header/header.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './header.module.css';\n\n// UtilityBar\nexport interface HeaderProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const Header = React.forwardRef<HTMLElement, HeaderProps>(function Header(\n  {\n    hierarchy = 'secondary',\n    height = 'auto',\n    children,\n    className,\n    size = 'md',\n    ...props\n  }: HeaderProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"header\"\n      className={classNames(styles.header, className, 'tcn-header', 'header')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      height={height}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Header","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQP,GAAW,cAAc,QAAQ;AAAA,MACtE,kBAAgBH;AAAA,MAChB,aAAWI;AAAA,MACX,QAAAH;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/index.d.ts

@@ -1,9 +1,5 @@
 export * from './column/column.js';
 export * from './divider/divider.js';
-export * from './drawers/drawer_bottom/drawer_bottom.js';
-export * from './drawers/drawer_top/drawer_top.js';
-export * from './drawers/drawer_start/drawer_start.js';
-export * from './drawers/drawer_end/drawer_end.js';
 export * from './footer/footer.js';
 export * from './grid/grid.js';
 export * from './header/header.js';
@@ -12,4 +8,6 @@ export * from './list/list.js';
 export * from './list/section_header.js';
 export * from './sidebar_end/sidebar_end.js';
 export * from './sidebar_start/sidebar_start.js';
+export * from './body/h_body.js';
+export * from './body/v_body.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/layouts/index.js

@@ -1,31 +1,27 @@
 import { Column as e } from "./column/column.js";
 import { Divider as m } from "./divider/divider.js";
-import { DrawerBottom as f } from "./drawers/drawer_bottom/drawer_bottom.js";
-import { DrawerTop as a } from "./drawers/drawer_top/drawer_top.js";
-import { DrawerStart as i } from "./drawers/drawer_start/drawer_start.js";
-import { DrawerEnd as S } from "./drawers/drawer_end/drawer_end.js";
-import { Footer as w } from "./footer/footer.js";
-import { Grid as E } from "./grid/grid.js";
-import { Header as c } from "./header/header.js";
-import { Item as s } from "./list/item.js";
-import { List as v } from "./list/list.js";
-import { SectionHeader as C } from "./list/section_header.js";
-import { SidebarEnd as G } from "./sidebar_end/sidebar_end.js";
-import { SidebarStart as L } from "./sidebar_start/sidebar_start.js";
+import { Footer as p } from "./footer/footer.js";
+import { Grid as d } from "./grid/grid.js";
+import { Header as a } from "./header/header.js";
+import { Item as n } from "./list/item.js";
+import { List as b } from "./list/list.js";
+import { SectionHeader as B } from "./list/section_header.js";
+import { SidebarEnd as l } from "./sidebar_end/sidebar_end.js";
+import { SidebarStart as u } from "./sidebar_start/sidebar_start.js";
+import { HBody as C } from "./body/h_body.js";
+import { VBody as E } from "./body/v_body.js";
 export {
   e as Column,
   m as Divider,
-  f as DrawerBottom,
-  S as DrawerEnd,
-  i as DrawerStart,
-  a as DrawerTop,
-  w as Footer,
-  E as Grid,
-  c as Header,
-  s as Item,
-  v as List,
-  C as SectionHeader,
-  G as SidebarEnd,
-  L as SidebarStart
+  p as Footer,
+  d as Grid,
+  C as HBody,
+  a as Header,
+  n as Item,
+  b as List,
+  B as SectionHeader,
+  l as SidebarEnd,
+  u as SidebarStart,
+  E as VBody
 };
 //# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

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

package/dist/layouts/utility_bar/utility_bar.d.ts

@@ -1,5 +1,5 @@
-import { HStackProps } from '../../stacks/h_stack.js';
 import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
 export interface UtilityBarProps extends Omit<HStackProps, 'as'> {
     hierarchy?: Hierarchy;

package/dist/layouts/utility_bar/utility_bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility_bar.d.ts","sourceRoot":"","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,UAAU,qFA0BtB,CAAC"}
+{"version":3,"file":"utility_bar.d.ts","sourceRoot":"","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,UAAU,qFA+BtB,CAAC"}

package/dist/layouts/utility_bar/utility_bar.js

@@ -1,8 +1,8 @@
-import { jsx as m } from "react/jsx-runtime";
-import { HStack as c } from "../../stacks/h_stack.js";
-import l from "classnames";
-import y from "react";
-import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-bar": u }, B = y.forwardRef(
+import { jsx as c } from "react/jsx-runtime";
+import l from "react";
+import m from "classnames";
+import { HStack as y } from "../../stacks/h_stack.js";
+import '../../utility_bar.css';const u = "_utility-bar_3a92315", n = { "utility-bar": u }, B = l.forwardRef(
   function({
     hierarchy: t = "secondary",
     height: a = "auto",
@@ -11,12 +11,17 @@ import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-
     size: o = "md",
     ...s
   }, e) {
-    return /* @__PURE__ */ m(
-      c,
+    return /* @__PURE__ */ c(
+      y,
       {
         ref: e,
         as: "header",
-        className: l(f["utility-bar"], i, "utility-bar"),
+        className: m(
+          n["utility-bar"],
+          i,
+          "utility-bar",
+          "tcn-utility-bar"
+        ),
         "data-hierarchy": t,
         "data-size": o,
         height: a,

package/dist/layouts/utility_bar/utility_bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"utility_bar.js","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './utility_bar.module.css';\nimport type { Hierarchy, Size } from '../../utils/index.js';\n\n// UtilityBar\nexport interface UtilityBarProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityBar = React.forwardRef<HTMLElement, UtilityBarProps>(\n  function UtilityBar(\n    {\n      hierarchy = 'secondary',\n      height = 'auto',\n      children,\n      className,\n      size = 'md',\n      ...props\n    }: UtilityBarProps,\n    ref\n  ) {\n    return (\n      <HStack\n        ref={ref}\n        as=\"header\"\n        className={classNames(styles['utility-bar'], className, 'utility-bar')}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        height={height}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["UtilityBar","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;4DAYaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAWC,EAAO,aAAa,GAAGP,GAAW,aAAa;AAAA,QACrE,kBAAgBH;AAAA,QAChB,aAAWI;AAAA,QACX,QAAAH;AAAA,QACC,GAAGI;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"utility_bar.js","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './utility_bar.module.css';\n\n// UtilityBar\nexport interface UtilityBarProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityBar = React.forwardRef<HTMLElement, UtilityBarProps>(\n  function UtilityBar(\n    {\n      hierarchy = 'secondary',\n      height = 'auto',\n      children,\n      className,\n      size = 'md',\n      ...props\n    }: UtilityBarProps,\n    ref\n  ) {\n    return (\n      <HStack\n        ref={ref}\n        as=\"header\"\n        className={classNames(\n          styles['utility-bar'],\n          className,\n          'utility-bar',\n          'tcn-utility-bar'\n        )}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        height={height}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["UtilityBar","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;4DAYaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG;AAAA,UACTC,EAAO,aAAa;AAAA,UACpBP;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,kBAAgBH;AAAA,QAChB,aAAWI;AAAA,QACX,QAAAH;AAAA,QACC,GAAGI;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/overlay/index.d.ts

@@ -0,0 +1,6 @@
+export * from './portal/portal.js';
+export * from './context_menu/context_menu.js';
+export * from './menu/menu.js';
+export * from './tooltip/tooltip.js';
+export * from './popper/popper.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/overlay/index.js

@@ -0,0 +1,14 @@
+import { P as e } from "../portal-qqIp4SIl.js";
+import { ContextMenu as p } from "./context_menu/context_menu.js";
+import { Menu as x, MenuItem as f } from "./menu/menu.js";
+import { Tooltip as u } from "./tooltip/tooltip.js";
+import { Popper as P } from "./popper/popper.js";
+export {
+  p as ContextMenu,
+  x as Menu,
+  f as MenuItem,
+  P as Popper,
+  e as Portal,
+  u as Tooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/overlay/index.js.map

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

package/dist/panel.css

@@ -1 +1 @@
-._panel_c1dbe05{background-color:#fff;border-radius:4px}._panel-stack_f1896f3{width:100%;height:100%;overflow:auto}._page-stack_53ad282>.stack{gap:var(--gap)}
+._panel-stack_f1896f3{width:100%;height:100%;overflow:auto}

package/dist/panel.module-DwGKncon.js

@@ -0,0 +1,5 @@
+import './panel.css';const s = "_panel-stack_f1896f3", a = { "panel-stack": s };
+export {
+  a as s
+};
+//# sourceMappingURL=panel.module-DwGKncon.js.map

package/dist/panel.module-DwGKncon.js.map

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

package/dist/stack.css

@@ -1 +1 @@
-._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}
+._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex],._box_16766f3[data-height=fill]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]),:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=fill]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=fill]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=fill]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=fill]),:where(._h-stack_f3d929e>._box_16766f3[data-width=fill]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-height=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-height=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-height=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-height=flex]),:where(._h-stack_f3d929e>._h-stack_f3d929e[data-height=fill]),:where(._h-stack_f3d929e>._z-stack_0734316[data-height=fill]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-height=fill]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-height=fill]),:where(._h-stack_f3d929e>._box_16766f3[data-height=fill]){height:100%}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]),:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=fill]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=fill]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=fill]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=fill]),:where(._v-stack_c5b98b6>._box_16766f3[data-height=fill]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-width=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-width=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-width=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-width=flex]),:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-width=fill]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-width=fill]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-width=fill]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-width=fill]),:where(._v-stack_c5b98b6>._box_16766f3[data-width=fill]){width:100%}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=fill]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._h-stack_f3d929e[data-height=fill]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._h-stack_f3d929e[data-width=fill]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=fill]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}

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

@@ -2,10 +2,10 @@ import { Alignment } from './alignment.js';
 export interface StackStyleProps {
     hAlign?: Alignment;
     vAlign?: Alignment;
-    width?: 'default' | 'flex' | 'auto' | string | number;
+    width?: 'default' | 'flex' | 'auto' | 'fill' | string | number;
     minWidth?: string | number;
     maxWidth?: string | number;
-    height?: 'default' | 'flex' | 'auto' | string | number;
+    height?: 'default' | 'flex' | 'auto' | 'fill' | string | number;
     minHeight?: string | number;
     maxHeight?: string | number;
     growWeight?: number;

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

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

package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_bottom.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,uFAaxB,CAAC"}

package/dist/{layouts → surfaces}/drawers/drawer_bottom/drawer_bottom.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { VStack as e } from "../../../stacks/v_stack.js";
 import s from "classnames";
 import c from "react";
-import '../../../drawer_bottom.css';const f = "_drawerBottom_005ffd5", n = { drawerBottom: f }, l = c.forwardRef(
+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,

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

@@ -0,0 +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;"}

package/dist/surfaces/drawers/drawer_end/drawer_end.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_end.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/drawers/drawer_end/drawer_end.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,oFAcpB,CAAC"}

package/dist/{layouts → surfaces}/drawers/drawer_end/drawer_end.js

@@ -2,13 +2,13 @@ import { jsx as t } 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 m = "_drawerEnd_14b62a0", c = { drawerEnd: m }, l = d.forwardRef(function({ children: r, className: a, ...o }, e) {
+import '../../../drawer_end.css';const c = "_drawerEnd_39acb27", m = { drawerEnd: c }, l = d.forwardRef(function({ children: r, className: a, ...o }, e) {
   return /* @__PURE__ */ t(
     n,
     {
       ref: e,
       as: "section",
-      className: s(c.drawerEnd, a, "drawerEnd"),
+      className: s(m.drawerEnd, a, "drawerEnd"),
       ...o,
       children: r
     }

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

@@ -0,0 +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;"}

package/dist/surfaces/drawers/drawer_start/drawer_start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_start.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/drawers/drawer_start/drawer_start.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,sFAavB,CAAC"}

package/dist/{layouts → surfaces}/drawers/drawer_start/drawer_start.js

@@ -2,7 +2,7 @@ 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_ab65130", n = { drawerStart: f }, l = c.forwardRef(
+import '../../../drawer_start.css';const f = "_drawerStart_3abbf56", n = { drawerStart: f }, l = c.forwardRef(
   function({ children: r, className: t, ...a }, o) {
     return /* @__PURE__ */ e(
       s,

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

@@ -0,0 +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;"}

package/dist/surfaces/drawers/drawer_top/drawer_top.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_top.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/drawers/drawer_top/drawer_top.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,oFAcpB,CAAC"}

package/dist/{layouts → surfaces}/drawers/drawer_top/drawer_top.js

@@ -2,7 +2,7 @@ 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_top.css';const p = "_drawerBottom_a42b248", f = { drawerBottom: p }, l = c.forwardRef(function({ children: r, className: o, ...t }, a) {
+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,
     {

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

@@ -0,0 +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;"}