@tcn/ui 0.12.5 → 0.13.0

package/src/themes/themes/ergo/ergo_theme.css

@@ -110,8 +110,8 @@
     --quaternary-color-strong: #008cff;
 
     --background-color-primary: #ffffff;
-    --background-color-secondary: #ffffff;
-    --background-color-tertiary: #ffffff;
+    --background-color-secondary: #fafafa;
+    --background-color-tertiary: #f1f1f1;
     --background-color-quaternary: #ffffff;
 
     --foreground-color-primary: #aaa;
@@ -716,14 +716,6 @@
     gap: var(--gap-medium);
   }
 
-  .tcn-rail {
-    :where(.tcn-rail-stack) {
-      gap: var(--gap-medium);
-    }
-    :where(.tcn-body) {
-      gap: var(--gap-medium);
-    }
-  }
   /* Scaffold: */
   .tcn-footer,
   .tcn-header,
@@ -758,27 +750,60 @@
       border-top: calc(var(--scaffold-divide-footer) * 1px) solid
         var(--foreground-color-primary);
     }
-
-    :where(.tcn-body) {
-      gap: var(--gap-medium);
-    }
   }
 
+  /* .tcn-body > .tcn-scaffold > .tcn-scaffold-stack,
+  .tcn-body > .tcn-rail > .tcn-rail-stack {
+    gap: var(--gap-medium);
+  } */
+
   .tcn-frame-veil[data-is-veil="true"] {
     background-color: rgba(0, 0, 0, 0.5);
   }
 
+  /* PAGE: */
+  .tcn-page {
+    --divide-header: 0;
+    --divide-footer: 0;
+    --material: var(--background-color-tertiary);
+    background-color: var(--material);
+    padding: var(--padding-medium);
+  }
+
+  .tcn-body > .tcn-scaffold > .tcn-scaffold-stack,
+  .tcn-body > .tcn-rail > .tcn-rail-stack {
+    gap: var(--gap-medium);
+  }
+
   /* MODAL: */
   .tcn-modal {
     --divide-header: 0;
     box-shadow: 0px 4px 34px 0px #00000096;
+    border-radius: var(--shape-radius-medium);
+    background-color: var(--background-color-primary);
+    overflow: hidden;
+    border: 1px solid var(--foreground-color-primary);
 
-    :where(.tcn-scaffold) {
-      border-radius: var(--shape-radius-medium);
-      background-color: var(--background-color-primary);
-      overflow: hidden;
-      border: 1px solid var(--foreground-color-primary);
+    :where(.tcn-header) {
+      --material: var(--ergo-secondary-dark);
+      --on-material: var(--ergo-white);
+      --action: var(--ergo-tertiary);
+      --on-action: var(--ergo-secondary-dark);
+
+      background-color: var(--material);
+      color: var(--on-material);
+      :where(.tcn-typography) {
+        color: inherit;
+      }
     }
+  }
+
+  /* DRAWER: */
+  .tcn-drawer {
+    --divide-header: 0;
+    box-shadow: 0px 4px 34px 0px #00000096;
+    background-color: var(--background-color-primary);
+    overflow: hidden;
 
     :where(.tcn-header) {
       --material: var(--ergo-secondary-dark);
@@ -797,15 +822,11 @@
   /* WINDOW: */
   .tcn-window {
     box-shadow: 0px 4px 34px 0px #00000096;
-
     --divide-header: 0;
-
-    :where(.tcn-scaffold) {
-      border-radius: var(--shape-radius-medium);
-      background-color: var(--background-color-primary);
-      overflow: hidden;
-      border: 2px solid white;
-    }
+    border-radius: var(--shape-radius-medium);
+    background-color: var(--background-color-primary);
+    overflow: hidden;
+    border: 2px solid white;
 
     :where(.tcn-header) {
       --material: var(--ergo-secondary-dark);
@@ -824,6 +845,14 @@
   .tcn-pop-confirm {
     --divide-header: 0;
     --tether-pad-size: 16px;
+    --pad-inline: var(--padding-medium);
+
+    .tcn-pop-confirm-scaffold > .tcn-scaffold-stack {
+      border-radius: var(--shape-radius-medium);
+      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
+      background-color: var(--background-color-primary);
+    }
+
     :where(.tcn-tethered-origin-indicator) {
       --material: var(--ergo-white);
     }
@@ -835,15 +864,6 @@
       }
     }
 
-    :where(.tcn-scaffold) {
-      --pad-inline: var(--padding-medium);
-
-      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
-      border-radius: var(--shape-radius-medium);
-      background-color: var(--background-color-primary);
-      overflow: hidden;
-    }
-
     :where(.tcn-header) {
       min-height: var(--bar-md);
 
@@ -861,7 +881,8 @@
   }
 
   .tcn-confirm {
-    background-color: var(--background-color-primary);
+    --material: var(--background-color-primary);
+    background-color: var(--material);
   }
 
   .tcn-bar {
@@ -881,15 +902,44 @@
 
   /* PANEL */
   .tcn-panel {
+    --divide-header: 1;
+    --divide-footer: 1;
     --material: var(--background-color-primary);
     background-color: var(--material);
     border-radius: var(--shape-radius-medium);
     overflow: hidden;
+
+    :where(.tcn-title) {
+      font-size: 18px;
+    }
+  }
+
+  /* Aside */
+  .tcn-aside {
+    --divide-header: 1;
+    --divide-footer: 1;
+
+    --material: var(--background-color-secondary);
+    background-color: var(--material);
+    overflow: hidden;
+
+    :where(.tcn-header) {
+      min-height: var(--bar-md);
+    }
+
+    :where(.tcn-footer) {
+      min-height: var(--bar-md);
+    }
+
+    :where(.tcn-title) {
+      font-size: 16px;
+    }
   }
 
   /* Card */
   .tcn-card {
     --divide-header: 0;
+    --divide-footer: 1;
 
     background-color: var(--background-color-primary);
     border-radius: var(--shape-radius-medium);
@@ -933,7 +983,7 @@
 
   .tcn-heading {
     background-color: #f1f1f1;
-    padding-inline-start: 8px;
+    padding-inline-start: var(--pad-inline, var(--padding-medium));
     height: 30px;
     z-index: 5;
   }
@@ -1148,6 +1198,7 @@
   }
 
   /* ===== INPUTS ===== */
+  .tcn-entry,
   .tcn-control {
     --act: var(--action);
     --mat: var(--material);
@@ -1165,7 +1216,7 @@
     background: var(--act-raised);
   }
 
-  .tcn-control:focus-visible {
+  .tcn-control:focus-within {
     outline: 2px solid var(--ergo-primary);
     outline-offset: 2px;
   }
@@ -1188,6 +1239,43 @@
     color: var(--on-material-disabled);
   }
 
+  .tcn-control {
+    display: flex;
+    justify-content: center;
+    gap: var(--gap-small);
+  }
+
+  .tcn-control-row {
+    min-height: 22px;
+    height: auto;
+    align-items: center;
+    gap: var(--gap-small);
+    padding-block: 2px;
+  }
+
+  .tcn-control-row > .tcn-icon {
+    color: var(--ergo-grey);
+  }
+
+  .tcn-control .tcn-entry {
+    border: none;
+    background: transparent;
+    padding: 0;
+    min-height: unset;
+    border-radius: 0;
+    height: 100%;
+    flex-grow: 1;
+
+    &:hover,
+    &:active,
+    &:focus-visible,
+    &:focus {
+      outline: none;
+      border: none;
+      background: transparent;
+    }
+  }
+
   .tcn-input {
     height: auto;
   }
@@ -1197,7 +1285,7 @@
     cursor: text;
   }
 
-  .tcn-input-group {
+  .tcn-control-set {
     border-radius: var(--shape-radius-medium);
 
     &:focus-within {
@@ -1205,7 +1293,7 @@
       outline-offset: 2px;
     }
 
-    .tcn-input-group-slot {
+    .tcn-control-set-item {
       z-index: 1;
       border-radius: 0;
       height: auto;
@@ -1218,16 +1306,16 @@
       }
     }
 
-    .tcn-input-group-slot:first-child {
+    .tcn-control-set-item:first-child {
       border-top-left-radius: var(--shape-radius-medium);
       border-bottom-left-radius: var(--shape-radius-medium);
     }
 
-    .tcn-input-group-slot:not(:last-child) {
+    .tcn-control-set-item:not(:last-child) {
       margin-right: -1px;
     }
 
-    .tcn-input-group-slot:last-child {
+    .tcn-control-set-item:last-child {
       border-top-right-radius: var(--shape-radius-medium);
       border-bottom-right-radius: var(--shape-radius-medium);
     }
@@ -1299,11 +1387,13 @@
   .tcn-input,
   .tcn-select,
   .tcn-slider,
+  .tcn-textarea,
   .tcn-checkbox,
   .tcn-switch-wrapper,
   .tcn-date-picker,
   .tcn-date-picker-year-selector,
   .tcn-radio,
+  .tcn-date-picker-input,
   .tcn-suggestion-list-search-input,
   .tcn-suggestion-list {
     --accent-color: var(--ergo-primary);

package/src/utils/dnd/hooks/use_drag_container.ts

@@ -10,14 +10,7 @@ export interface UseDragContainerOptions {
 export function useMakeDragContainer(options: UseDragContainerOptions): DragContainer {
   const [handles, setHandles] = useState<React.RefObject<HTMLElement>[]>([]);
   const positionRef = useRef<Position>(options.initialPosition ?? { x: 0, y: 0 });
-  /**
-   *  The value that triggers re-renders. It’s updated in dragCallback so the UI
-   *  moves while dragging, and it’s what the hook returns so the consumer can
-   *  render the element at that position
-   *  (e.g. style={{ left: position.x, top: position.y }}).
-   */
   const [position, setPosition] = useState(positionRef.current);
-
   const [isDragging, setIsDragging] = useState(false);
 
   useDraggable({

package/dist/body.module-BbFZ7KNP.js

@@ -1,5 +0,0 @@
-import './body.css';const o = "_body_42a1eac", d = "_h-body_cda9f1f", y = "_v-body_a12af62", s = { body: o, "h-body": d, "v-body": y };
-export {
-  s
-};
-//# sourceMappingURL=body.module-BbFZ7KNP.js.map

package/dist/body.module-BbFZ7KNP.js.map

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

package/dist/drawer_bottom.css

@@ -1 +0,0 @@
-@layer tcn-system{:where(._drawerBottom_9359033){background-color:var(--background-color-primary)}}

package/dist/drawer_end.css

@@ -1 +0,0 @@
-@layer tcn-system{:where(._drawerEnd_39acb27){background-color:var(--background-color-primary)}}

package/dist/drawer_start.css

@@ -1 +0,0 @@
-@layer tcn-system{:where(._drawerStart_3abbf56){background-color:var(--background-color-primary)}}

package/dist/drawer_top.css

@@ -1 +0,0 @@
-@layer tcn-system{:where(._drawerBottom_7a0635a){background-color:var(--background-color-primary)}}

package/dist/inputs/input_group/input_group.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { HStackProps } from '../../stacks/h_stack.js';
-export type InputGroupProps = HStackProps;
-export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=input_group.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input_group.d.ts","sourceRoot":"","sources":["../../../src/inputs/input_group/input_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC;AAE1C,eAAO,MAAM,UAAU,qFAmBtB,CAAC"}

package/dist/inputs/input_group/input_group.js

@@ -1,20 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import r from "react";
-import { clsx as t } from "clsx";
-import { HStack as c } from "../../stacks/h_stack.js";
-const N = r.forwardRef(
-  function({ children: n, as: p = "div", className: e, ...m }, s) {
-    const a = r.Children.map(
-      n,
-      (o) => r.isValidElement(o) ? r.cloneElement(o, {
-        ...o.props,
-        className: t(o.props.className, "tcn-input-group-slot")
-      }) : o
-    );
-    return /* @__PURE__ */ u(c, { ref: s, as: p, className: t(e, "tcn-input-group"), ...m, children: a });
-  }
-);
-export {
-  N as InputGroup
-};
-//# sourceMappingURL=input_group.js.map

package/dist/layouts/body/h_body.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"h_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/h_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,gFAoBhB,CAAC"}

package/dist/layouts/body/h_body.js

@@ -1,27 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { HStack as f } from "../../stacks/h_stack.js";
-import a from "react";
-import { clsx as c } from "clsx";
-import { s as o } from "../../body.module-BbFZ7KNP.js";
-const l = a.forwardRef(function({ children: r, className: t, ...m }, s) {
-  return /* @__PURE__ */ d(
-    f,
-    {
-      ref: s,
-      as: "div",
-      className: c(
-        o.body,
-        o["h-body"],
-        t,
-        "tcn-h-body",
-        "tcn-body"
-      ),
-      ...m,
-      children: r
-    }
-  );
-});
-export {
-  l as HBody
-};
-//# sourceMappingURL=h_body.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"h_body.js","sources":["../../../src/layouts/body/h_body.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface HBodyProps extends Omit<HStackProps, 'as'> {}\n\nexport const HBody = React.forwardRef<HTMLElement, HBodyProps>(function HBody(\n  { children, className, ...props }: HBodyProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      className={clsx(\n        styles['body'],\n        styles['h-body'],\n        className,\n        'tcn-h-body',\n        'tcn-body'\n      )}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HBody","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,QAAQ;AAAA,QACfN;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

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

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

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

package/dist/layouts/body/v_body.js

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

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

@@ -1 +0,0 @@
-{"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 { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface VBodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const VBody = React.forwardRef<HTMLElement, VBodyProps>(function VBody(\n  { children, className, ...props }: VBodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      className={clsx(\n        styles['body'],\n        styles['v-body'],\n        className,\n        'tcn-body',\n        'tcn-v-body'\n      )}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VBody","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,QAAQ;AAAA,QACfN;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/page.module-DXhph-u6.js

@@ -1,5 +0,0 @@
-import './page.css';const s = "_page_b219ddf", e = { page: s };
-export {
-  e as s
-};
-//# sourceMappingURL=page.module-DXhph-u6.js.map

package/dist/page.module-DXhph-u6.js.map

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

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

@@ -1,7 +0,0 @@
-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/surfaces/drawers/drawer_bottom/drawer_bottom.d.ts.map

@@ -1 +0,0 @@
-{"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/surfaces/drawers/drawer_bottom/drawer_bottom.js

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

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

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

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

@@ -1,7 +0,0 @@
-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/surfaces/drawers/drawer_end/drawer_end.d.ts.map

@@ -1 +0,0 @@
-{"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/surfaces/drawers/drawer_end/drawer_end.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer_end.js","sources":["../../../../src/surfaces/drawers/drawer_end/drawer_end.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_end.module.css';\n\nexport interface DrawerEndProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerEnd = React.forwardRef<HTMLElement, DrawerEndProps>(function DrawerEnd(\n  { children, className, ...props }: DrawerEndProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerEnd, className, 'tcn-drawerEnd')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerEnd","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;sDASaA,IAAYC,EAAM,WAAwC,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,WAAWN,GAAW,eAAe;AAAA,MAC3D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1,7 +0,0 @@
-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/surfaces/drawers/drawer_start/drawer_start.d.ts.map

@@ -1 +0,0 @@
-{"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/surfaces/drawers/drawer_start/drawer_start.js

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

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

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

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

@@ -1,7 +0,0 @@
-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/surfaces/drawers/drawer_top/drawer_top.d.ts.map

@@ -1 +0,0 @@
-{"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/surfaces/drawers/drawer_top/drawer_top.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer_top.js","sources":["../../../../src/surfaces/drawers/drawer_top/drawer_top.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_top.module.css';\n\nexport interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(\n  { children, className, ...props }: DrawerTopProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerTop, className, 'tcn-drawerTop')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerTop","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAYC,EAAM,WAAwC,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,WAAWN,GAAW,eAAe;AAAA,MAC3D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}