@tcn/ui 0.0.1

package/dist/inputs/switch/switch_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch_row.js","sources":["../../../src/inputs/switch/switch_row.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useSignalValue } from '@tcn/state';\nimport { FieldPresenter } from '../../form/field_presenters/field_presenter.js';\nimport { Switch, SwitchProps } from './switch.js';\nimport { HField } from '../../form/field/h_field/h_field.js';\n\nexport interface SwitchRowProps\n  extends Omit<\n    SwitchProps,\n    'onChange' | 'checked' | 'label' | 'description' | 'errorMessage'\n  > {\n  presenter?: FieldPresenter<boolean>;\n  id: string;\n}\n\nexport function SwitchRow({ presenter, id, ...props }: SwitchRowProps) {\n  const [finalPresenter] = useState(() => {\n    if (presenter == null) {\n      return new FieldPresenter<boolean>('Label', false);\n    }\n    return presenter;\n  });\n\n  const { label, value, description, error } = useSignalValue(\n    finalPresenter.stateBroadcast\n  );\n\n  return (\n    <HField id={id} label={label} description={description} errorMessage={error}>\n      <Switch {...props} checked={value} onChange={finalPresenter.setValue} />\n    </HField>\n  );\n}\n"],"names":["SwitchRow","presenter","id","props","finalPresenter","useState","FieldPresenter","label","value","description","error","useSignalValue","HField","jsx","Switch"],"mappings":";;;;;;AAeO,SAASA,EAAU,EAAE,WAAAC,GAAW,IAAAC,GAAI,GAAGC,KAAyB;AACrE,QAAM,CAACC,CAAc,IAAIC,EAAS,MAC5BJ,KACK,IAAIK,EAAwB,SAAS,EAAK,CAGpD,GAEK,EAAE,OAAAC,GAAO,OAAAC,GAAO,aAAAC,GAAa,OAAAC,MAAUC;AAAA,IAC3CP,EAAe;AAAA,EAAA;AAGjB,2BACGQ,GAAA,EAAO,IAAAV,GAAQ,OAAAK,GAAc,aAAAE,GAA0B,cAAcC,GACpE,UAAA,gBAAAG,EAACC,GAAA,EAAQ,GAAGX,GAAO,SAASK,GAAO,UAAUJ,EAAe,UAAU,GACxE;AAEJ;"}

package/dist/inputs/textarea/textarea.d.ts

@@ -0,0 +1,11 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface TextareaProps extends Omit<HTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    value?: string;
+    width?: string;
+    height?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/inputs/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/inputs/textarea/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACnF;AAED,eAAO,MAAM,QAAQ,2FAgBnB,CAAC"}

package/dist/inputs/textarea/textarea.js

@@ -0,0 +1,22 @@
+import { jsx as l } from "react/jsx-runtime";
+import m from "classnames";
+import f from "react";
+import '../../textarea.css';const i = "_textarea_8286394", n = { textarea: i }, p = f.forwardRef(function({ className: r, width: s, height: o, style: x, onChange: a, ...e }, c) {
+  return /* @__PURE__ */ l(
+    "textarea",
+    {
+      style: { width: s, height: o, ...x },
+      className: m(r, n.textarea, "textarea"),
+      "data-is-disabled": e.disabled || !1,
+      ref: c,
+      onChange: (t) => {
+        a && a(t.currentTarget.value, t);
+      },
+      ...e
+    }
+  );
+});
+export {
+  p as Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/inputs/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../src/inputs/textarea/textarea.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport { HTMLAttributes } from 'react';\nimport styles from './textarea.module.css';\n\nexport interface TextareaProps\n  extends Omit<HTMLAttributes<HTMLTextAreaElement>, 'onChange'> {\n  value?: string;\n  width?: string;\n  height?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nexport const Textarea = React.forwardRef(function Textarea(\n  { className, width, height, style, onChange, ...props }: TextareaProps,\n  ref: React.Ref<HTMLTextAreaElement>\n) {\n  return (\n    <textarea\n      style={{ width, height, ...style }}\n      className={classnames(className, styles.textarea, 'textarea')}\n      data-is-disabled={props.disabled || false}\n      ref={ref}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n    />\n  );\n});\n"],"names":["Textarea","React","className","width","height","style","onChange","props","ref","jsx","classnames","styles","e"],"mappings":";;;oDAeaA,IAAWC,EAAM,WAAW,SACvC,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAChDC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,OAAAN,GAAO,QAAAC,GAAQ,GAAGC,EAAA;AAAA,MAC3B,WAAWK,EAAWR,GAAWS,EAAO,UAAU,UAAU;AAAA,MAC5D,oBAAkBJ,EAAM,YAAY;AAAA,MACpC,KAAAC;AAAA,MACA,UAAU,CAAAI,MAAK;AACb,QAAAN,KAAYA,EAASM,EAAE,cAAc,OAAOA,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/inputs/textarea/textarea_row.d.ts

@@ -0,0 +1,8 @@
+import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
+import { TextareaProps } from './textarea.js';
+export interface TextareaRowProps extends Omit<TextareaProps, 'onChange' | 'value' | 'label' | 'description' | 'errorMessage'> {
+    presenter: FieldPresenter<string>;
+    id: string;
+}
+export declare function TextareaRow({ presenter, id, ...props }: TextareaRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=textarea_row.d.ts.map

package/dist/inputs/textarea/textarea_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea_row.d.ts","sourceRoot":"","sources":["../../../src/inputs/textarea/textarea_row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,aAAa,EACb,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,cAAc,CAChE;IACD,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQxE"}

package/dist/inputs/textarea/textarea_row.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useSignalValue as n } from "@tcn/state";
+import { HField as s } from "../../form/field/h_field/h_field.js";
+import { Textarea as u } from "./textarea.js";
+function x({ presenter: r, id: o, ...a }) {
+  const { label: t, value: i, description: l, error: m } = n(r.stateBroadcast);
+  return /* @__PURE__ */ e(s, { id: o, label: t, description: l, errorMessage: m, children: /* @__PURE__ */ e(u, { ...a, value: i, onChange: r.setValue }) });
+}
+export {
+  x as TextareaRow
+};
+//# sourceMappingURL=textarea_row.js.map

package/dist/inputs/textarea/textarea_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea_row.js","sources":["../../../src/inputs/textarea/textarea_row.tsx"],"sourcesContent":["import { useSignalValue } from '@tcn/state';\nimport React from 'react';\nimport { HField } from '../../form/field/h_field/h_field.js';\nimport { FieldPresenter } from '../../form/field_presenters/field_presenter.js';\nimport { Textarea, TextareaProps } from './textarea.js';\n\nexport interface TextareaRowProps\n  extends Omit<\n    TextareaProps,\n    'onChange' | 'value' | 'label' | 'description' | 'errorMessage'\n  > {\n  presenter: FieldPresenter<string>;\n  id: string;\n}\n\nexport function TextareaRow({ presenter, id, ...props }: TextareaRowProps) {\n  const { label, value, description, error } = useSignalValue(presenter.stateBroadcast);\n\n  return (\n    <HField id={id} label={label} description={description} errorMessage={error}>\n      <Textarea {...props} value={value} onChange={presenter.setValue} />\n    </HField>\n  );\n}\n"],"names":["TextareaRow","presenter","id","props","label","value","description","error","useSignalValue","jsx","HField","Textarea"],"mappings":";;;;AAeO,SAASA,EAAY,EAAE,WAAAC,GAAW,IAAAC,GAAI,GAAGC,KAA2B;AACzE,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,aAAAC,GAAa,OAAAC,MAAUC,EAAeP,EAAU,cAAc;AAEpF,SACE,gBAAAQ,EAACC,GAAA,EAAO,IAAAR,GAAQ,OAAAE,GAAc,aAAAE,GAA0B,cAAcC,GACpE,UAAA,gBAAAE,EAACE,GAAA,EAAU,GAAGR,GAAO,OAAAE,GAAc,UAAUJ,EAAU,UAAU,GACnE;AAEJ;"}

package/dist/inputs/unit_input/unit_input.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
+import { OptionProps } from '../options/option.js';
+export interface UnitInputProps extends Omit<HStackProps, 'onChange' | 'children'> {
+    value?: number | null;
+    unit?: string;
+    children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];
+    onChange?: (value: number | null, unit: string) => void;
+    inputRef?: React.Ref<HTMLInputElement>;
+    unitRef?: React.Ref<HTMLButtonElement>;
+    disabled?: boolean;
+}
+export declare const UnitInput: React.ForwardRefExoticComponent<UnitInputProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=unit_input.d.ts.map

package/dist/inputs/unit_input/unit_input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/unit_input/unit_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYnD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC9E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,oFAsFpB,CAAC"}

package/dist/inputs/unit_input/unit_input.js

@@ -0,0 +1,83 @@
+import { jsxs as g, jsx as l } from "react/jsx-runtime";
+import y, { useRef as k } from "react";
+import o from "classnames";
+import "../../utils/focus_redirect.js";
+import "../../utils/click_away_listener.js";
+import "../../utils/scroll_away_listener.js";
+import { useForkRef as E } from "../../utils/hooks/use_fork_ref.js";
+import "../../utils/hooks/use_resize_observer.js";
+import { HStack as V } from "../../stacks/h_stack.js";
+import { Input as h } from "../input/input.js";
+import { Select as v } from "../select/select.js";
+import { ZStack as w } from "../../stacks/z_stack.js";
+import '../../unit_input.css';const H = "_unit-input_4bd8bc8", j = "_unit-input-flex-box_8db2f9b", F = "_unit-input-number_c95f85a", U = "_unit-input-select_1bbbad9", s = { "unit-input": H, "unit-input-flex-box": j, "unit-input-number": F, "unit-input-select": U };
+function A(p) {
+  return p.replace(/[^.\d-]/g, "").replace(/(?!^)-/g, "").replace(/(\..*?)\.+/g, "$1");
+}
+const O = y.forwardRef(function({
+  value: B,
+  unit: r,
+  children: d,
+  onChange: t,
+  inputRef: b,
+  unitRef: x,
+  disabled: c,
+  ...N
+}, R) {
+  const a = k(null), S = E(b, a);
+  function I(e, u) {
+    if (u == null)
+      return;
+    const n = u.currentTarget, f = n.selectionStart || 0, i = A(e), m = Number(i);
+    n.value = i, i.length < e.length && n.setSelectionRange(f - 1, f - 1), i === "" ? t && t(null, r || "") : isNaN(m) || t && t(m, r || "");
+  }
+  function _(e) {
+    const u = a.current;
+    if (u == null)
+      return;
+    const n = Number(u.value);
+    isNaN(n) ? t && t(null, e) : t && t(n, e);
+  }
+  return /* @__PURE__ */ g(
+    V,
+    {
+      ref: R,
+      className: o(s["unit-input"], "unit-input"),
+      height: "auto",
+      ...N,
+      children: [
+        /* @__PURE__ */ l(w, { width: "flex", children: /* @__PURE__ */ l(
+          h,
+          {
+            className: o(s["unit-input-number"], "unit-input-number"),
+            ref: S,
+            onChange: I,
+            disabled: c,
+            style: {
+              borderEndEndRadius: 0,
+              borderStartEndRadius: 0,
+              textAlign: "start"
+            }
+          }
+        ) }),
+        /* @__PURE__ */ l(
+          v,
+          {
+            className: o(s["unit-input-select"], "unit-input-select"),
+            ref: x,
+            width: "auto",
+            value: r,
+            onChange: _,
+            disabled: c,
+            style: { borderStartStartRadius: 0, borderEndStartRadius: 0 },
+            children: d
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  O as UnitInput
+};
+//# sourceMappingURL=unit_input.js.map

package/dist/inputs/unit_input/unit_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit_input.js","sources":["../../../src/inputs/unit_input/unit_input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { Input } from '../input/input.js';\nimport { Select } from '../select/select.js';\nimport { OptionProps } from '../options/option.js';\nimport styles from './unit_input.module.css';\n\nimport { ZStack } from '../../stacks/z_stack.js';\n\nfunction getDisplayValue(value: string) {\n  return value\n    .replace(/[^.\\d-]/g, '') // Remove invalid characters\n    .replace(/(?!^)-/g, '') // Ensure `-` only at the start\n    .replace(/(\\..*?)\\.+/g, '$1'); // Allow only one dot\n}\n\nexport interface UnitInputProps extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: number | null;\n  unit?: string;\n  children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n  onChange?: (value: number | null, unit: string) => void;\n  inputRef?: React.Ref<HTMLInputElement>;\n  unitRef?: React.Ref<HTMLButtonElement>;\n  disabled?: boolean;\n}\n\nexport const UnitInput = React.forwardRef(function UnitInput(\n  {\n    value,\n    unit,\n    children,\n    onChange,\n    inputRef,\n    unitRef,\n    disabled,\n    ...props\n  }: UnitInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n\n  function valueHandler(value: string, event?: React.ChangeEvent<HTMLInputElement>) {\n    if (event == null) {\n      return;\n    }\n\n    const input = event.currentTarget;\n    const cursorPosition = input.selectionStart || 0;\n    const displayValue = getDisplayValue(value);\n    const potentialValue = Number(displayValue);\n\n    input.value = displayValue;\n\n    if (displayValue.length < value.length) {\n      input.setSelectionRange(cursorPosition - 1, cursorPosition - 1);\n    }\n\n    if (displayValue === '') {\n      onChange && onChange(null, unit || '');\n    } else if (!isNaN(potentialValue)) {\n      onChange && onChange(potentialValue, unit || '');\n    }\n  }\n\n  function unitHandler(unit: string) {\n    const input = internalInputRef.current;\n    if (input == null) {\n      return;\n    }\n\n    const potentialValue = Number(input.value);\n    if (isNaN(potentialValue)) {\n      onChange && onChange(null, unit);\n    } else {\n      onChange && onChange(potentialValue, unit);\n    }\n  }\n\n  return (\n    <HStack\n      ref={ref}\n      className={classNames(styles['unit-input'], 'unit-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <ZStack width=\"flex\">\n        <Input\n          className={classNames(styles['unit-input-number'], 'unit-input-number')}\n          ref={forkedInputRef}\n          onChange={valueHandler}\n          disabled={disabled}\n          style={{\n            borderEndEndRadius: 0,\n            borderStartEndRadius: 0,\n            textAlign: 'start',\n          }}\n        />\n      </ZStack>\n      <Select\n        className={classNames(styles['unit-input-select'], 'unit-input-select')}\n        ref={unitRef}\n        width=\"auto\"\n        value={unit}\n        onChange={unitHandler}\n        disabled={disabled}\n        style={{ borderStartStartRadius: 0, borderEndStartRadius: 0 }}\n      >\n        {children}\n      </Select>\n    </HStack>\n  );\n});\n"],"names":["getDisplayValue","value","UnitInput","React","unit","children","onChange","inputRef","unitRef","disabled","props","ref","internalInputRef","useRef","forkedInputRef","useForkRef","valueHandler","event","input","cursorPosition","displayValue","potentialValue","unitHandler","jsxs","HStack","classNames","styles","jsx","ZStack","Input","Select"],"mappings":";;;;;;;;;;;;;AAWA,SAASA,EAAgBC,GAAe;AACtC,SAAOA,EACJ,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,QAAQ,eAAe,IAAI;AAChC;AAYO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,OAAAF;AAAA,EACA,MAAAG;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWR,GAAUK,CAAgB;AAE5D,WAASI,EAAaf,GAAegB,GAA6C;AAChF,QAAIA,KAAS;AACX;AAGF,UAAMC,IAAQD,EAAM,eACdE,IAAiBD,EAAM,kBAAkB,GACzCE,IAAepB,EAAgBC,CAAK,GACpCoB,IAAiB,OAAOD,CAAY;AAE1C,IAAAF,EAAM,QAAQE,GAEVA,EAAa,SAASnB,EAAM,UAC9BiB,EAAM,kBAAkBC,IAAiB,GAAGA,IAAiB,CAAC,GAG5DC,MAAiB,KACnBd,KAAYA,EAAS,MAAMF,KAAQ,EAAE,IAC3B,MAAMiB,CAAc,KAC9Bf,KAAYA,EAASe,GAAgBjB,KAAQ,EAAE;AAAA,EAEnD;AAEA,WAASkB,EAAYlB,GAAc;AACjC,UAAMc,IAAQN,EAAiB;AAC/B,QAAIM,KAAS;AACX;AAGF,UAAMG,IAAiB,OAAOH,EAAM,KAAK;AACzC,IAAI,MAAMG,CAAc,IACtBf,KAAYA,EAAS,MAAMF,CAAI,IAE/BE,KAAYA,EAASe,GAAgBjB,CAAI;AAAA,EAE7C;AAEA,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAWC,EAAO,YAAY,GAAG,YAAY;AAAA,MACxD,QAAO;AAAA,MACN,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAiB,EAACC,GAAA,EAAO,OAAM,QACZ,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWJ,EAAWC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,YACtE,KAAKZ;AAAA,YACL,UAAUE;AAAA,YACV,UAAAP;AAAA,YACA,OAAO;AAAA,cACL,oBAAoB;AAAA,cACpB,sBAAsB;AAAA,cACtB,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAkB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWL,EAAWC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,YACtE,KAAKlB;AAAA,YACL,OAAM;AAAA,YACN,OAAOJ;AAAA,YACP,UAAUkB;AAAA,YACV,UAAAb;AAAA,YACA,OAAO,EAAE,wBAAwB,GAAG,sBAAsB,EAAA;AAAA,YAEzD,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/layouts/column/column.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BoxProps } from '../../stacks/box/box.js';
+import { Alignment } from '../../stacks/types/alignment.js';
+export interface ColumnProps extends Omit<BoxProps, 'as' | 'children'> {
+    hAlign?: Alignment;
+    vAlign?: Alignment;
+    children?: React.ReactNode;
+}
+export declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=column.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../src/layouts/column/column.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,UAAU,CAAC;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iFA2CjB,CAAC"}

package/dist/layouts/column/column.js

@@ -0,0 +1,52 @@
+import { jsx as n } from "react/jsx-runtime";
+import t from "classnames";
+import N from "react";
+import { Box as b } from "../../stacks/box/box.js";
+import { VStack as i } from "../../stacks/v_stack.js";
+import '../../column.css';const x = "_column_ce05462", C = "_column-stack_80b940b", r = { column: x, "column-stack": C }, z = N.forwardRef(function({
+  children: l,
+  width: a,
+  height: u,
+  minWidth: o,
+  maxWidth: c,
+  minHeight: s,
+  maxHeight: m,
+  hAlign: e,
+  vAlign: f = "start",
+  className: k,
+  ...p
+}, _) {
+  return /* @__PURE__ */ n(
+    b,
+    {
+      width: a,
+      height: u,
+      minWidth: o,
+      maxWidth: c,
+      minHeight: s,
+      maxHeight: m,
+      className: t(k, r.column, "column"),
+      ...p,
+      children: /* @__PURE__ */ n(
+        i,
+        {
+          minWidth: o,
+          maxWidth: c,
+          minHeight: s,
+          maxHeight: m,
+          hAlign: e,
+          vAlign: f,
+          ref: _,
+          as: "section",
+          className: t(r["column-stack"], "column-stack"),
+          zIndex: 0,
+          children: l
+        }
+      )
+    }
+  );
+});
+export {
+  z as Column
+};
+//# sourceMappingURL=column.js.map

package/dist/layouts/column/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sources":["../../../src/layouts/column/column.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport styles from './column.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n\nexport interface ColumnProps extends Omit<BoxProps, 'as' | 'children'> {\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n  children?: React.ReactNode;\n}\n\nexport const Column = React.forwardRef<HTMLElement, ColumnProps>(function Column(\n  {\n    children,\n    width,\n    height,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: ColumnProps,\n  ref\n) {\n  return (\n    <Box\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      className={classNames(className, styles['column'], 'column')}\n      {...props}\n    >\n      <VStack\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        as=\"section\"\n        className={classNames(styles['column-stack'], 'column-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Column","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","classNames","styles","VStack"],"mappings":";;;;;gGAaaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAZ;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWQ,EAAWL,GAAWM,EAAO,QAAW,QAAQ;AAAA,MAC1D,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,IAAG;AAAA,UACH,WAAWG,EAAWC,EAAO,cAAc,GAAG,cAAc;AAAA,UAC5D,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -0,0 +1,26 @@
+import { Emphasis, Size } from '../../utils/index.js';
+import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
+import { default as React, CSSProperties } from 'react';
+export type DividerOrientation = {
+    horizontal?: boolean;
+    vertical?: never;
+} | {
+    horizontal?: never;
+    vertical?: boolean;
+};
+export interface DividerClasses {
+    line?: string;
+}
+export interface DividerProperties {
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+}
+export type DividerOwnProps = DividerOrientation & DividerProperties & {
+    emphasis?: Emphasis;
+    thickness?: Size;
+    length?: Size | 'full';
+    classes?: Partial<DividerClasses>;
+};
+export type DividerProps = WithDetailedHTMLProps<DividerOwnProps, 'div'>;
+export declare const Divider: React.FC<DividerProps>;
+//# sourceMappingURL=divider.d.ts.map

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

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

package/dist/layouts/divider/divider.js

@@ -0,0 +1,54 @@
+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 = ({
+  emphasis: i = "normal",
+  thickness: e = "sm",
+  length: a = "full",
+  style: x,
+  horizontal: n,
+  vertical: y,
+  width: o,
+  height: l,
+  className: d,
+  children: v,
+  ...c
+}) => {
+  const t = n ? "horizontal" : "vertical", m = {
+    "--divider-width": o,
+    "--divider-height": l
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      "data-emphasis": i,
+      "data-thickness": e,
+      "data-length": a,
+      "data-orientation": t,
+      className: r(s.divider, "divider", d),
+      ...c,
+      children: [
+        /* @__PURE__ */ f(
+          "div",
+          {
+            "data-emphasis": i,
+            "data-thickness": e,
+            "data-length": a,
+            "data-orientation": t,
+            style: m,
+            className: r(
+              s["divider-line"],
+              "divider-line",
+              "material",
+              d
+            )
+          }
+        ),
+        v
+      ]
+    }
+  );
+};
+export {
+  u as Divider
+};
+//# sourceMappingURL=divider.js.map

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

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

package/dist/layouts/draggable_list/draggable_list.d.ts

@@ -0,0 +1,2 @@
+export declare const DraggableList: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=draggable_list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draggable_list.d.ts","sourceRoot":"","sources":["../../../src/layouts/draggable_list/draggable_list.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,+CAEzB,CAAC"}

package/dist/layouts/draggable_list/draggable_list.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+const e = () => /* @__PURE__ */ r("div", { children: "DraggableList" });
+export {
+  e as DraggableList
+};
+//# sourceMappingURL=draggable_list.js.map

package/dist/layouts/draggable_list/draggable_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable_list.js","sources":["../../../src/layouts/draggable_list/draggable_list.tsx"],"sourcesContent":["// TODO: Implement DraggableList\n\nexport const DraggableList = () => {\n  return <div>DraggableList</div>;\n};\n"],"names":["DraggableList","jsx"],"mappings":";AAEO,MAAMA,IAAgB,MACpB,gBAAAC,EAAC,SAAI,UAAA,gBAAA,CAAa;"}

package/dist/layouts/drawers/drawer_bottom/drawer_bottom.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_bottom.d.ts","sourceRoot":"","sources":["../../../../src/layouts/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/drawers/drawer_bottom/drawer_bottom.js

@@ -0,0 +1,22 @@
+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(
+  function({ children: o, className: t, ...r }, m) {
+    return /* @__PURE__ */ a(
+      e,
+      {
+        ref: m,
+        as: "section",
+        className: s(n.drawerBottom, t, "drawer-bottom"),
+        ...r,
+        children: o
+      }
+    );
+  }
+);
+export {
+  l as DrawerBottom
+};
+//# sourceMappingURL=drawer_bottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_bottom.js","sources":["../../../../src/layouts/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/layouts/drawers/drawer_end/drawer_end.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_end.d.ts","sourceRoot":"","sources":["../../../../src/layouts/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/drawers/drawer_end/drawer_end.js

@@ -0,0 +1,20 @@
+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) {
+  return /* @__PURE__ */ t(
+    n,
+    {
+      ref: e,
+      as: "section",
+      className: s(c.drawerEnd, a, "drawerEnd"),
+      ...o,
+      children: r
+    }
+  );
+});
+export {
+  l as DrawerEnd
+};
+//# sourceMappingURL=drawer_end.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_end.js","sources":["../../../../src/layouts/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/layouts/drawers/drawer_start/drawer_start.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_start.d.ts","sourceRoot":"","sources":["../../../../src/layouts/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/drawers/drawer_start/drawer_start.js

@@ -0,0 +1,22 @@
+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(
+  function({ children: r, className: t, ...a }, o) {
+    return /* @__PURE__ */ e(
+      s,
+      {
+        ref: o,
+        as: "section",
+        className: m(n.drawerStart, t, "drawerStart"),
+        ...a,
+        children: r
+      }
+    );
+  }
+);
+export {
+  l as DrawerStart
+};
+//# sourceMappingURL=drawer_start.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_start.js","sources":["../../../../src/layouts/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/layouts/drawers/drawer_top/drawer_top.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_top.d.ts","sourceRoot":"","sources":["../../../../src/layouts/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/drawers/drawer_top/drawer_top.js

@@ -0,0 +1,20 @@
+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) {
+  return /* @__PURE__ */ e(
+    s,
+    {
+      ref: a,
+      as: "section",
+      className: m(f.drawerTop, o, "drawerTop"),
+      ...t,
+      children: r
+    }
+  );
+});
+export {
+  l as DrawerTop
+};
+//# sourceMappingURL=drawer_top.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_top.js","sources":["../../../../src/layouts/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;"}

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

@@ -0,0 +1,10 @@
+import { HStackProps } from '../../stacks/h_stack.js';
+import { default as React } from 'react';
+import { Hierarchy, Size } from '../../utils/index.js';
+export interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {
+    hierarchy?: Hierarchy;
+    size?: Size;
+    children?: React.ReactNode;
+}
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=footer.d.ts.map

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

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

package/dist/layouts/footer/footer.js

@@ -0,0 +1,22 @@
+import { jsx as f } from "react/jsx-runtime";
+import { HStack as c } from "../../stacks/h_stack.js";
+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) {
+  return /* @__PURE__ */ f(
+    c,
+    {
+      ref: s,
+      as: "footer",
+      className: m(d.footer, e, "footer"),
+      "data-hierarchy": o,
+      "data-size": r,
+      ...a,
+      children: t
+    }
+  );
+});
+export {
+  x as Footer
+};
+//# sourceMappingURL=footer.js.map

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

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