@tcn/ui 0.16.0 → 0.18.0

package/dist/stacks/box/start_resize_handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"start_resize_handle.js","sources":["../../../src/stacks/box/start_resize_handle.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createHorizontalResizeHandler } from './resize_handlers.js';\nimport styles from './start_resize_handle.module.css';\nimport type { HorizontalResizeHandleProps } from './types.js';\nimport { CSSProperties } from 'react';\n\nexport type StartResizeHandleProps = HorizontalResizeHandleProps;\n\nexport function StartResizeHandle({\n  targetRef,\n  handleProps,\n  onWidthResize,\n  onWidthResizeEnd,\n}: StartResizeHandleProps) {\n  const resizeHandler = createHorizontalResizeHandler(\n    targetRef,\n    onWidthResize,\n    onWidthResizeEnd,\n    'left',\n    true\n  );\n\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const startResizeHandleStyle = {\n    ...handleProps?.style,\n    '--resize-offset': `${offset}px`,\n    width: handleProps?.size || '16px',\n  } as CSSProperties;\n\n  return (\n    <div\n      className={clsx(styles['start-resize-handle'], 'tcn-start-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={startResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["StartResizeHandle","targetRef","handleProps","onWidthResize","onWidthResizeEnd","resizeHandler","createHorizontalResizeHandler","offset","startResizeHandleStyle","jsx","clsx","styles"],"mappings":";;;;AAQO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,GAA2B;AACzB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAAyB;AAAA,IAC7B,GAAGN,GAAa;AAAA,IAChB,mBAAmB,GAAGK,CAAM;AAAA,IAC5B,OAAOL,GAAa,QAAQ;AAAA,EAAA;AAG9B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,qBAAqB,GAAG,yBAAyB;AAAA,MACxE,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"start_resize_handle.js","sources":["../../../src/stacks/box/start_resize_handle.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createHorizontalResizeHandler } from './resize_handlers.js';\nimport styles from './start_resize_handle.module.css';\nimport type { HorizontalResizeHandleProps } from './types.js';\nimport { CSSProperties } from 'react';\n\nexport type StartResizeHandleProps = HorizontalResizeHandleProps;\n\nexport function StartResizeHandle({\n  targetRef,\n  handleProps,\n  onWidthResize,\n  onWidthResizeEnd,\n}: StartResizeHandleProps) {\n  const resizeHandler = createHorizontalResizeHandler(\n    targetRef,\n    onWidthResize,\n    onWidthResizeEnd,\n    'start',\n    true\n  );\n\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const startResizeHandleStyle = {\n    ...handleProps?.style,\n    '--resize-offset': `${offset}px`,\n    width: handleProps?.size || '16px',\n  } as CSSProperties;\n\n  return (\n    <div\n      className={clsx(styles['start-resize-handle'], 'tcn-start-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={startResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["StartResizeHandle","targetRef","handleProps","onWidthResize","onWidthResizeEnd","resizeHandler","createHorizontalResizeHandler","offset","startResizeHandleStyle","jsx","clsx","styles"],"mappings":";;;;AAQO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,GAA2B;AACzB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAAyB;AAAA,IAC7B,GAAGN,GAAa;AAAA,IAChB,mBAAmB,GAAGK,CAAM;AAAA,IAC5B,OAAOL,GAAa,QAAQ;AAAA,EAAA;AAG9B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,qBAAqB,GAAG,yBAAyB;AAAA,MACxE,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1,6 +1,7 @@
 import { HandleProps } from './handle_props.js';
-export type WidthResizeOrigin = 'left' | 'right';
-export type HeightResizeOrigin = 'top' | 'bottom';
+import { HorizontalSide, VerticalSide } from '../../utils/types/sides.js';
+export type WidthResizeOrigin = HorizontalSide;
+export type HeightResizeOrigin = VerticalSide;
 export interface BaseOnResizePayload<Origin extends WidthResizeOrigin | HeightResizeOrigin> {
     origin: Origin;
     totalDelta: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,mBAAmB,CAClC,MAAM,SAAS,iBAAiB,GAAG,kBAAkB;IAErD,MAAM,EAAE,MAAM,CAAC;IAEf,UAAU,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IAClF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,kBAAkB,CAAC;IACpF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAClF,MAAM,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAErF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;AAEtE,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAC/C,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,mBAAmB,CAClC,MAAM,SAAS,iBAAiB,GAAG,kBAAkB;IAErD,MAAM,EAAE,MAAM,CAAC;IAEf,UAAU,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IAClF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,kBAAkB,CAAC;IACpF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAClF,MAAM,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAErF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;AAEtE,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC"}

package/dist/stacks/h_collapsible_box.js

@@ -1,46 +1,50 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { clsx as d } from "clsx";
-import t, { useLayoutEffect as u } from "react";
-import "../utils/click_away_listener.js";
-import "../utils/focus_redirect.js";
-import "../utils/scroll_away_listener.js";
+import i, { useLayoutEffect as u } from "react";
+import "../utils/listeners/click_away_listener.js";
+import "../utils/listeners/focus_redirect.js";
+import "../utils/listeners/scroll_away_listener.js";
 import { useForkRef as R } from "../utils/hooks/use_fork_ref.js";
 import "../utils/hooks/use_resize_observer.js";
-import "../utils/dnd/context.js";
-import "../draggable.module-BgelQsuJ.js";
+import "../utils/hooks/labelled_by_context.js";
+import "../utils/decorators/draggable/context.js";
+import "../draggable.module-DFYR5n3n.js";
+import "../utils/decorators/resizable/context.js";
+import "../resizable.module-ur5FBfxo.js";
+import "../utils/decorators/resizable/resize_handle.js";
 import { Box as x } from "./box/box.js";
 import { s as z } from "../collapsible_box.module-BiS98xXA.js";
 import { useIsCollapsed as b } from "./utils/use_is_collapsed.js";
-const L = t.forwardRef(function({ open: l = !1, defaultWidth: i = "400px", ...e }, a) {
-  const o = t.useRef(null), n = R(a, o), [c, r] = t.useState(!1);
+const v = i.forwardRef(function({ open: t = !1, defaultWidth: l = "400px", ...e }, a) {
+  const o = i.useRef(null), m = R(a, o), [n, r] = i.useState(!1);
   u(() => {
-    o.current?.style.setProperty("--collapsible-size", i);
-  }, [i]);
-  const m = b(l, o) && !l ? null : e.children;
-  return /* @__PURE__ */ p(
+    o.current?.style.setProperty("--collapsible-size", l);
+  }, [l]);
+  const c = b(t, o) && !t ? null : e.children;
+  return /* @__PURE__ */ f(
     x,
     {
-      ref: n,
+      ref: m,
       ...e,
-      "data-is-collapsed": !l,
+      "data-is-collapsed": !t,
       "data-collapse-orientation": "horizontal",
-      "data-is-resizing": c,
+      "data-is-resizing": n,
       onWidthResize: (...s) => {
         r(!0), e.onWidthResize?.(...s);
       },
-      onWidthResizeEnd: (s, f) => {
-        r(!1), e.onWidthResizeEnd?.(s, f), o.current?.style.setProperty("--collapsible-size", `${s}px`);
+      onWidthResizeEnd: (s, p) => {
+        r(!1), e.onWidthResizeEnd?.(s, p), o.current?.style.setProperty("--collapsible-size", `${s}px`);
       },
       className: d(
         e.className,
         z["collapsible-box"],
         "tcn-h-collapsible-box"
       ),
-      children: m
+      children: c
     }
   );
 });
 export {
-  L as HCollapsibleBox
+  v as HCollapsibleBox
 };
 //# sourceMappingURL=h_collapsible_box.js.map

package/dist/stacks/h_collapsible_box.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_collapsible_box.js","sources":["../../src/stacks/h_collapsible_box.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { useLayoutEffect } from 'react';\nimport { useForkRef } from '../utils/index.js';\nimport { Box, BoxProps } from './box/box.js';\nimport styles from './collapsible_box.module.css';\nimport { useIsCollapsed } from './utils/use_is_collapsed.js';\n\nexport interface HCollapsibleBoxProps extends BoxProps {\n  open?: boolean;\n  defaultWidth?: string;\n}\n\nexport const HCollapsibleBox = React.forwardRef(function CollapsibleBox(\n  { open = false, defaultWidth = '400px', ...props }: HCollapsibleBoxProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const collapsibleRef = React.useRef<HTMLDivElement | null>(null);\n  const forkRef = useForkRef(ref, collapsibleRef);\n  const [resizing, setIsResizing] = React.useState(false);\n\n  useLayoutEffect(() => {\n    collapsibleRef.current?.style.setProperty('--collapsible-size', defaultWidth);\n  }, [defaultWidth]);\n\n  const isCollapsed = useIsCollapsed(open, collapsibleRef);\n  const children = isCollapsed && !open ? null : props.children;\n\n  return (\n    <Box\n      ref={forkRef}\n      {...props}\n      data-is-collapsed={!open}\n      data-collapse-orientation=\"horizontal\"\n      data-is-resizing={resizing}\n      onWidthResize={(...args) => {\n        setIsResizing(true);\n        props.onWidthResize?.(...args);\n      }}\n      onWidthResizeEnd={(width, origin) => {\n        setIsResizing(false);\n        props.onWidthResizeEnd?.(width, origin);\n        collapsibleRef.current?.style.setProperty('--collapsible-size', `${width}px`);\n      }}\n      className={clsx(\n        props.className,\n        styles['collapsible-box'],\n        'tcn-h-collapsible-box'\n      )}\n      children={children}\n    />\n  );\n});\n"],"names":["HCollapsibleBox","React","open","defaultWidth","props","ref","collapsibleRef","forkRef","useForkRef","resizing","setIsResizing","useLayoutEffect","children","useIsCollapsed","jsx","Box","args","width","origin","clsx","styles"],"mappings":";;;;;;;;;;;;;AAYO,MAAMA,IAAkBC,EAAM,WAAW,SAC9C,EAAE,MAAAC,IAAO,IAAO,cAAAC,IAAe,SAAS,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAiBL,EAAM,OAA8B,IAAI,GACzDM,IAAUC,EAAWH,GAAKC,CAAc,GACxC,CAACG,GAAUC,CAAa,IAAIT,EAAM,SAAS,EAAK;AAEtD,EAAAU,EAAgB,MAAM;AACpB,IAAAL,EAAe,SAAS,MAAM,YAAY,sBAAsBH,CAAY;AAAA,EAC9E,GAAG,CAACA,CAAY,CAAC;AAGjB,QAAMS,IADcC,EAAeX,GAAMI,CAAc,KACvB,CAACJ,IAAO,OAAOE,EAAM;AAErD,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACJ,GAAGH;AAAA,MACJ,qBAAmB,CAACF;AAAA,MACpB,6BAA0B;AAAA,MAC1B,oBAAkBO;AAAA,MAClB,eAAe,IAAIO,MAAS;AAC1B,QAAAN,EAAc,EAAI,GAClBN,EAAM,gBAAgB,GAAGY,CAAI;AAAA,MAC/B;AAAA,MACA,kBAAkB,CAACC,GAAOC,MAAW;AACnC,QAAAR,EAAc,EAAK,GACnBN,EAAM,mBAAmBa,GAAOC,CAAM,GACtCZ,EAAe,SAAS,MAAM,YAAY,sBAAsB,GAAGW,CAAK,IAAI;AAAA,MAC9E;AAAA,MACA,WAAWE;AAAA,QACTf,EAAM;AAAA,QACNgB,EAAO,iBAAiB;AAAA,QACxB;AAAA,MAAA;AAAA,MAEF,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"h_collapsible_box.js","sources":["../../src/stacks/h_collapsible_box.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { useLayoutEffect } from 'react';\nimport { useForkRef } from '../utils/index.js';\nimport { Box, BoxProps } from './box/box.js';\nimport styles from './collapsible_box.module.css';\nimport { useIsCollapsed } from './utils/use_is_collapsed.js';\n\nexport interface HCollapsibleBoxProps extends BoxProps {\n  open?: boolean;\n  defaultWidth?: string;\n}\n\nexport const HCollapsibleBox = React.forwardRef(function CollapsibleBox(\n  { open = false, defaultWidth = '400px', ...props }: HCollapsibleBoxProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const collapsibleRef = React.useRef<HTMLDivElement | null>(null);\n  const forkRef = useForkRef(ref, collapsibleRef);\n  const [resizing, setIsResizing] = React.useState(false);\n\n  useLayoutEffect(() => {\n    collapsibleRef.current?.style.setProperty('--collapsible-size', defaultWidth);\n  }, [defaultWidth]);\n\n  const isCollapsed = useIsCollapsed(open, collapsibleRef);\n  const children = isCollapsed && !open ? null : props.children;\n\n  return (\n    <Box\n      ref={forkRef}\n      {...props}\n      data-is-collapsed={!open}\n      data-collapse-orientation=\"horizontal\"\n      data-is-resizing={resizing}\n      onWidthResize={(...args) => {\n        setIsResizing(true);\n        props.onWidthResize?.(...args);\n      }}\n      onWidthResizeEnd={(width, origin) => {\n        setIsResizing(false);\n        props.onWidthResizeEnd?.(width, origin);\n        collapsibleRef.current?.style.setProperty('--collapsible-size', `${width}px`);\n      }}\n      className={clsx(\n        props.className,\n        styles['collapsible-box'],\n        'tcn-h-collapsible-box'\n      )}\n      children={children}\n    />\n  );\n});\n"],"names":["HCollapsibleBox","React","open","defaultWidth","props","ref","collapsibleRef","forkRef","useForkRef","resizing","setIsResizing","useLayoutEffect","children","useIsCollapsed","jsx","Box","args","width","origin","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;AAYO,MAAMA,IAAkBC,EAAM,WAAW,SAC9C,EAAE,MAAAC,IAAO,IAAO,cAAAC,IAAe,SAAS,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAiBL,EAAM,OAA8B,IAAI,GACzDM,IAAUC,EAAWH,GAAKC,CAAc,GACxC,CAACG,GAAUC,CAAa,IAAIT,EAAM,SAAS,EAAK;AAEtD,EAAAU,EAAgB,MAAM;AACpB,IAAAL,EAAe,SAAS,MAAM,YAAY,sBAAsBH,CAAY;AAAA,EAC9E,GAAG,CAACA,CAAY,CAAC;AAGjB,QAAMS,IADcC,EAAeX,GAAMI,CAAc,KACvB,CAACJ,IAAO,OAAOE,EAAM;AAErD,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACJ,GAAGH;AAAA,MACJ,qBAAmB,CAACF;AAAA,MACpB,6BAA0B;AAAA,MAC1B,oBAAkBO;AAAA,MAClB,eAAe,IAAIO,MAAS;AAC1B,QAAAN,EAAc,EAAI,GAClBN,EAAM,gBAAgB,GAAGY,CAAI;AAAA,MAC/B;AAAA,MACA,kBAAkB,CAACC,GAAOC,MAAW;AACnC,QAAAR,EAAc,EAAK,GACnBN,EAAM,mBAAmBa,GAAOC,CAAM,GACtCZ,EAAe,SAAS,MAAM,YAAY,sBAAsB,GAAGW,CAAK,IAAI;AAAA,MAC9E;AAAA,MACA,WAAWE;AAAA,QACTf,EAAM;AAAA,QACNgB,EAAO,iBAAiB;AAAA,QACxB;AAAA,MAAA;AAAA,MAEF,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/stacks/v_collapsible_box.js

@@ -1,46 +1,50 @@
-import { jsx as p } from "react/jsx-runtime";
-import t, { useLayoutEffect as u } from "react";
-import "../utils/click_away_listener.js";
-import "../utils/focus_redirect.js";
-import "../utils/scroll_away_listener.js";
+import { jsx as f } from "react/jsx-runtime";
+import i, { useLayoutEffect as u } from "react";
+import "../utils/listeners/click_away_listener.js";
+import "../utils/listeners/focus_redirect.js";
+import "../utils/listeners/scroll_away_listener.js";
 import { useForkRef as d } from "../utils/hooks/use_fork_ref.js";
 import "../utils/hooks/use_resize_observer.js";
-import "../utils/dnd/context.js";
+import "../utils/hooks/labelled_by_context.js";
+import "../utils/decorators/draggable/context.js";
 import { clsx as R } from "clsx";
-import "../draggable.module-BgelQsuJ.js";
+import "../draggable.module-DFYR5n3n.js";
+import "../utils/decorators/resizable/context.js";
+import "../resizable.module-ur5FBfxo.js";
+import "../utils/decorators/resizable/resize_handle.js";
 import { Box as x } from "./box/box.js";
 import { s as b } from "../collapsible_box.module-BiS98xXA.js";
 import { useIsCollapsed as z } from "./utils/use_is_collapsed.js";
-const F = t.forwardRef(function({ open: l = !1, defaultHeight: i = "400px", ...e }, a) {
-  const s = t.useRef(null), c = d(a, s), [n, r] = t.useState(!1);
+const $ = i.forwardRef(function({ open: t = !1, defaultHeight: l = "400px", ...e }, a) {
+  const o = i.useRef(null), m = d(a, o), [c, r] = i.useState(!1);
   u(() => {
-    s.current?.style.setProperty("--collapsible-size", i);
-  }, [i]);
-  const m = z(l, s) && !l ? null : e.children;
-  return /* @__PURE__ */ p(
+    o.current?.style.setProperty("--collapsible-size", l);
+  }, [l]);
+  const n = z(t, o) && !t ? null : e.children;
+  return /* @__PURE__ */ f(
     x,
     {
-      ref: c,
+      ref: m,
       ...e,
-      "data-is-collapsed": !l,
+      "data-is-collapsed": !t,
       "data-collapse-orientation": "vertical",
-      "data-is-resizing": n,
-      onHeightResize: (...o) => {
-        r(!0), e.onHeightResize?.(...o);
+      "data-is-resizing": c,
+      onHeightResize: (...s) => {
+        r(!0), e.onHeightResize?.(...s);
       },
-      onHeightResizeEnd: (o, f) => {
-        r(!1), s.current?.style.setProperty("--collapsible-size", `${o}px`), e.onHeightResizeEnd?.(o, f);
+      onHeightResizeEnd: (s, p) => {
+        r(!1), o.current?.style.setProperty("--collapsible-size", `${s}px`), e.onHeightResizeEnd?.(s, p);
       },
       className: R(
         e.className,
         b["collapsible-box"],
         "tcn-v-collapsible-box"
       ),
-      children: m
+      children: n
     }
   );
 });
 export {
-  F as VCollapsibleBox
+  $ as VCollapsibleBox
 };
 //# sourceMappingURL=v_collapsible_box.js.map

package/dist/stacks/v_collapsible_box.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_collapsible_box.js","sources":["../../src/stacks/v_collapsible_box.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { useForkRef } from '../utils/index.js';\nimport { clsx } from 'clsx';\nimport { Box, BoxProps } from './box/box.js';\nimport styles from './collapsible_box.module.css';\nimport { useIsCollapsed } from './utils/use_is_collapsed.js';\n\nexport interface VCollapsibleBoxProps extends BoxProps {\n  open?: boolean;\n  defaultHeight?: string;\n}\n\nexport const VCollapsibleBox = React.forwardRef(function CollapsibleBox(\n  { open = false, defaultHeight = '400px', ...props }: VCollapsibleBoxProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const collapsibleRef = React.useRef<HTMLDivElement | null>(null);\n  const forkRef = useForkRef(ref, collapsibleRef);\n  const [resizing, setIsResizing] = React.useState(false);\n\n  useLayoutEffect(() => {\n    collapsibleRef.current?.style.setProperty('--collapsible-size', defaultHeight);\n  }, [defaultHeight]);\n\n  const isCollapsed = useIsCollapsed(open, collapsibleRef);\n  const children = isCollapsed && !open ? null : props.children;\n\n  return (\n    <Box\n      ref={forkRef}\n      {...props}\n      data-is-collapsed={!open}\n      data-collapse-orientation=\"vertical\"\n      data-is-resizing={resizing}\n      onHeightResize={(...args) => {\n        setIsResizing(true);\n        props.onHeightResize?.(...args);\n      }}\n      onHeightResizeEnd={(height, origin) => {\n        setIsResizing(false);\n        collapsibleRef.current?.style.setProperty('--collapsible-size', `${height}px`);\n        props.onHeightResizeEnd?.(height, origin);\n      }}\n      className={clsx(\n        props.className,\n        styles['collapsible-box'],\n        'tcn-v-collapsible-box'\n      )}\n      children={children}\n    />\n  );\n});\n"],"names":["VCollapsibleBox","React","open","defaultHeight","props","ref","collapsibleRef","forkRef","useForkRef","resizing","setIsResizing","useLayoutEffect","children","useIsCollapsed","jsx","Box","args","height","origin","clsx","styles"],"mappings":";;;;;;;;;;;;;AAYO,MAAMA,IAAkBC,EAAM,WAAW,SAC9C,EAAE,MAAAC,IAAO,IAAO,eAAAC,IAAgB,SAAS,GAAGC,EAAA,GAC5CC,GACA;AACA,QAAMC,IAAiBL,EAAM,OAA8B,IAAI,GACzDM,IAAUC,EAAWH,GAAKC,CAAc,GACxC,CAACG,GAAUC,CAAa,IAAIT,EAAM,SAAS,EAAK;AAEtD,EAAAU,EAAgB,MAAM;AACpB,IAAAL,EAAe,SAAS,MAAM,YAAY,sBAAsBH,CAAa;AAAA,EAC/E,GAAG,CAACA,CAAa,CAAC;AAGlB,QAAMS,IADcC,EAAeX,GAAMI,CAAc,KACvB,CAACJ,IAAO,OAAOE,EAAM;AAErD,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACJ,GAAGH;AAAA,MACJ,qBAAmB,CAACF;AAAA,MACpB,6BAA0B;AAAA,MAC1B,oBAAkBO;AAAA,MAClB,gBAAgB,IAAIO,MAAS;AAC3B,QAAAN,EAAc,EAAI,GAClBN,EAAM,iBAAiB,GAAGY,CAAI;AAAA,MAChC;AAAA,MACA,mBAAmB,CAACC,GAAQC,MAAW;AACrC,QAAAR,EAAc,EAAK,GACnBJ,EAAe,SAAS,MAAM,YAAY,sBAAsB,GAAGW,CAAM,IAAI,GAC7Eb,EAAM,oBAAoBa,GAAQC,CAAM;AAAA,MAC1C;AAAA,MACA,WAAWC;AAAA,QACTf,EAAM;AAAA,QACNgB,EAAO,iBAAiB;AAAA,QACxB;AAAA,MAAA;AAAA,MAEF,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"v_collapsible_box.js","sources":["../../src/stacks/v_collapsible_box.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { useForkRef } from '../utils/index.js';\nimport { clsx } from 'clsx';\nimport { Box, BoxProps } from './box/box.js';\nimport styles from './collapsible_box.module.css';\nimport { useIsCollapsed } from './utils/use_is_collapsed.js';\n\nexport interface VCollapsibleBoxProps extends BoxProps {\n  open?: boolean;\n  defaultHeight?: string;\n}\n\nexport const VCollapsibleBox = React.forwardRef(function CollapsibleBox(\n  { open = false, defaultHeight = '400px', ...props }: VCollapsibleBoxProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const collapsibleRef = React.useRef<HTMLDivElement | null>(null);\n  const forkRef = useForkRef(ref, collapsibleRef);\n  const [resizing, setIsResizing] = React.useState(false);\n\n  useLayoutEffect(() => {\n    collapsibleRef.current?.style.setProperty('--collapsible-size', defaultHeight);\n  }, [defaultHeight]);\n\n  const isCollapsed = useIsCollapsed(open, collapsibleRef);\n  const children = isCollapsed && !open ? null : props.children;\n\n  return (\n    <Box\n      ref={forkRef}\n      {...props}\n      data-is-collapsed={!open}\n      data-collapse-orientation=\"vertical\"\n      data-is-resizing={resizing}\n      onHeightResize={(...args) => {\n        setIsResizing(true);\n        props.onHeightResize?.(...args);\n      }}\n      onHeightResizeEnd={(height, origin) => {\n        setIsResizing(false);\n        collapsibleRef.current?.style.setProperty('--collapsible-size', `${height}px`);\n        props.onHeightResizeEnd?.(height, origin);\n      }}\n      className={clsx(\n        props.className,\n        styles['collapsible-box'],\n        'tcn-v-collapsible-box'\n      )}\n      children={children}\n    />\n  );\n});\n"],"names":["VCollapsibleBox","React","open","defaultHeight","props","ref","collapsibleRef","forkRef","useForkRef","resizing","setIsResizing","useLayoutEffect","children","useIsCollapsed","jsx","Box","args","height","origin","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;AAYO,MAAMA,IAAkBC,EAAM,WAAW,SAC9C,EAAE,MAAAC,IAAO,IAAO,eAAAC,IAAgB,SAAS,GAAGC,EAAA,GAC5CC,GACA;AACA,QAAMC,IAAiBL,EAAM,OAA8B,IAAI,GACzDM,IAAUC,EAAWH,GAAKC,CAAc,GACxC,CAACG,GAAUC,CAAa,IAAIT,EAAM,SAAS,EAAK;AAEtD,EAAAU,EAAgB,MAAM;AACpB,IAAAL,EAAe,SAAS,MAAM,YAAY,sBAAsBH,CAAa;AAAA,EAC/E,GAAG,CAACA,CAAa,CAAC;AAGlB,QAAMS,IADcC,EAAeX,GAAMI,CAAc,KACvB,CAACJ,IAAO,OAAOE,EAAM;AAErD,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACJ,GAAGH;AAAA,MACJ,qBAAmB,CAACF;AAAA,MACpB,6BAA0B;AAAA,MAC1B,oBAAkBO;AAAA,MAClB,gBAAgB,IAAIO,MAAS;AAC3B,QAAAN,EAAc,EAAI,GAClBN,EAAM,iBAAiB,GAAGY,CAAI;AAAA,MAChC;AAAA,MACA,mBAAmB,CAACC,GAAQC,MAAW;AACrC,QAAAR,EAAc,EAAK,GACnBJ,EAAe,SAAS,MAAM,YAAY,sBAAsB,GAAGW,CAAM,IAAI,GAC7Eb,EAAM,oBAAoBa,GAAQC,CAAM;AAAA,MAC1C;AAAA,MACA,WAAWC;AAAA,QACTf,EAAM;AAAA,QACNgB,EAAO,iBAAiB;AAAA,QACxB;AAAA,MAAA;AAAA,MAEF,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/surfaces/alert/alert.js

@@ -1,24 +1,23 @@
 import { jsx as r } from "react/jsx-runtime";
 import { clsx as e } from "clsx";
-import p from "react";
+import c from "react";
 import "../../actions/button/base_button/base_button.js";
 import "../../actions/button/button_group/button_group.js";
-import "../../actions/button/slim_button/slim_button.js";
-import { Button as c } from "../../actions/button/button/button.js";
+import { Button as f } from "../../actions/button/button/button.js";
 import "../../actions/toggle/toggle.js";
-import { Confirm as f } from "../confirm/confirm.js";
-const A = p.forwardRef(function({ className: t, onAccept: o, ...i }, m) {
+import { Confirm as n } from "../confirm/confirm.js";
+const y = c.forwardRef(function({ className: t, onAccept: o, ...i }, m) {
   return /* @__PURE__ */ r(
-    f,
+    n,
     {
       ref: m,
       className: e(t, "tcn-alert"),
       ...i,
-      actions: /* @__PURE__ */ r(c, { onClick: o, hierarchy: "primary", width: "100%", children: "OK" })
+      actions: /* @__PURE__ */ r(f, { onClick: o, hierarchy: "primary", width: "100%", children: "OK" })
     }
   );
 });
 export {
-  A as Alert
+  y as Alert
 };
 //# sourceMappingURL=alert.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/surfaces/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAEpF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,+EASf,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/surfaces/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAEpF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,+EAaf,CAAC"}

package/dist/surfaces/card/card.js

@@ -1,11 +1,19 @@
 import { jsx as a } from "react/jsx-runtime";
-import { clsx as c } from "clsx";
-import m from "react";
-import { Scaffold as e } from "../../layouts/containers/scaffold.js";
-const l = m.forwardRef(function({ children: r, className: o, ...t }, f) {
-  return /* @__PURE__ */ a(e, { ref: f, className: c(o, "tcn-surface", "tcn-card"), ...t, children: r });
+import { clsx as f } from "clsx";
+import s from "react";
+import { Scaffold as d } from "../../layouts/containers/scaffold.js";
+import '../../card.css';const m = "_card_a3c9492", e = { card: m }, _ = s.forwardRef(function({ children: r, className: c, ...o }, t) {
+  return /* @__PURE__ */ a(
+    d,
+    {
+      ref: t,
+      className: f(c, e.card, "tcn-surface", "tcn-card"),
+      ...o,
+      children: r
+    }
+  );
 });
 export {
-  l as Card
+  _ as Card
 };
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../src/surfaces/card/card.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/containers/scaffold.js';\n\nexport interface CardProps extends Omit<ScaffoldProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Card = React.forwardRef<HTMLElement, CardProps>(function Card(\n  { children, className, ...props }: CardProps,\n  ref\n) {\n  return (\n    <Scaffold ref={ref} className={clsx(className, 'tcn-surface', 'tcn-card')} {...props}>\n      {children}\n    </Scaffold>\n  );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","Scaffold","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAS,KAAAF,GAAU,WAAWG,EAAKL,GAAW,eAAe,UAAU,GAAI,GAAGC,GAC5E,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
+{"version":3,"file":"card.js","sources":["../../../src/surfaces/card/card.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/containers/scaffold.js';\nimport styles from './card.module.css';\nexport interface CardProps extends Omit<ScaffoldProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Card = React.forwardRef<HTMLElement, CardProps>(function Card(\n  { children, className, ...props }: CardProps,\n  ref\n) {\n  return (\n    <Scaffold\n      ref={ref}\n      className={clsx(className, styles.card, 'tcn-surface', 'tcn-card')}\n      {...props}\n    >\n      {children}\n    </Scaffold>\n  );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","Scaffold","clsx","styles"],"mappings":";;;;4CAQaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKL,GAAWM,EAAO,MAAM,eAAe,UAAU;AAAA,MAChE,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/pop_confirm/pop_confirm.js

@@ -28,10 +28,12 @@ import "../../stacks/v_stack.js";
 import "../../stacks/z_stack.js";
 import "../../layouts/containers/rail.js";
 import "../../layouts/containers/columns/columns.js";
+import "../../layouts/containers/rows/row.js";
+import "../../layouts/containers/rows/rows.js";
 import "../../layouts/containers/utility_strip/utility_strip.js";
 import { PopperDismissal as a } from "../../overlay/popper/base/dismissal_decorator.js";
 import { ElementPopper as s } from "../../overlay/popper/element_popper.js";
-const O = e.forwardRef(
+const T = e.forwardRef(
   function({
     children: r,
     className: m,
@@ -61,6 +63,6 @@ const O = e.forwardRef(
   }
 );
 export {
-  O as PopConfirm
+  T as PopConfirm
 };
 //# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/pop_confirm/pop_confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm(\n    {\n      children,\n      className,\n      precision = 'high',\n      dismissals = [PopperDismissal.CLICK_AWAY],\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        precision={precision}\n        className={clsx(className, 'tcn-pop-confirm')}\n        dismissals={dismissals}\n        {...props}\n      >\n        <Scaffold\n          width={'100%'}\n          height={'100%'}\n          className={'tcn-overlay-content tcn-pop-confirm-scaffold'}\n        >\n          {children}\n        </Scaffold>\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","precision","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa,CAACC,EAAgB,UAAU;AAAA,IACxC,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAAJ;AAAA,QACA,WAAWO,EAAKR,GAAW,iBAAiB;AAAA,QAC5C,YAAAE;AAAA,QACC,GAAGE;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YAEV,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm(\n    {\n      children,\n      className,\n      precision = 'high',\n      dismissals = [PopperDismissal.CLICK_AWAY],\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        precision={precision}\n        className={clsx(className, 'tcn-pop-confirm')}\n        dismissals={dismissals}\n        {...props}\n      >\n        <Scaffold\n          width={'100%'}\n          height={'100%'}\n          className={'tcn-overlay-content tcn-pop-confirm-scaffold'}\n        >\n          {children}\n        </Scaffold>\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","precision","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa,CAACC,EAAgB,UAAU;AAAA,IACxC,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAAJ;AAAA,QACA,WAAWO,EAAKR,GAAW,iBAAiB;AAAA,QAC5C,YAAAE;AAAA,QACC,GAAGE;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YAEV,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/dist/test-setup.js

@@ -0,0 +1,10 @@
+globalThis.ResizeObserver = class {
+  observe() {
+  }
+  unobserve() {
+  }
+  disconnect() {
+  }
+};
+globalThis.IS_REACT_ACT_ENVIRONMENT = !0;
+//# sourceMappingURL=test-setup.js.map

package/dist/test-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.js","sources":["../src/test-setup.ts"],"sourcesContent":["// ResizeObserver is not available in vitest's jsdom environment.\n// `use_resize_observer.ts` instantiates a registry singleton at module load\n// time, so this stub must be in place before any imports run.\nglobalThis.ResizeObserver = class ResizeObserver {\n  observe() {}\n  unobserve() {}\n  disconnect() {}\n};\n\n// Required for React's act() to work correctly in jsdom tests.\nglobalThis.IS_REACT_ACT_ENVIRONMENT = true;\n"],"names":[],"mappings":"AAGA,WAAW,iBAAiB,MAAqB;AAAA,EAC/C,UAAU;AAAA,EAAC;AAAA,EACX,YAAY;AAAA,EAAC;AAAA,EACb,aAAa;AAAA,EAAC;AAChB;AAGA,WAAW,2BAA2B;"}

package/dist/themes/stories/button_showcase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button_showcase.d.ts","sourceRoot":"","sources":["../../../src/themes/stories/button_showcase.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,4CA6G7B"}
+{"version":3,"file":"button_showcase.d.ts","sourceRoot":"","sources":["../../../src/themes/stories/button_showcase.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CA8G7B"}

package/dist/themes/stories/controls_fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls_fieldset.d.ts","sourceRoot":"","sources":["../../../src/themes/stories/controls_fieldset.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,gBAAgB,4CAgO/B"}
+{"version":3,"file":"controls_fieldset.d.ts","sourceRoot":"","sources":["../../../src/themes/stories/controls_fieldset.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,4CAiO/B"}

package/dist/themes/stories/menu_showcase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu_showcase.d.ts","sourceRoot":"","sources":["../../../src/themes/stories/menu_showcase.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,YAAY,4CAie3B"}
+{"version":3,"file":"menu_showcase.d.ts","sourceRoot":"","sources":["../../../src/themes/stories/menu_showcase.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,4CAke3B"}

package/dist/themes/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/themes/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,yBAAyB,CAAC;AAIjC,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,UAAU,2CA4BlF"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/themes/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,yBAAyB,CAAC;AAGjC,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,UAAU,2CAmBlF"}

package/dist/themes/theme.js

@@ -1,36 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useLayoutEffect as r } from "react";
-import { Box as i } from "../stacks/box/box.js";
+import { jsx as p } from "react/jsx-runtime";
+import f, { useLayoutEffect as s } from "react";
+import { Box as n } from "../stacks/box/box.js";
 import "../stacks/h_collapsible_box.js";
 import "../stacks/h_stack.js";
 import "../stacks/spacer.js";
 import "../stacks/v_collapsible_box.js";
 import "../stacks/v_stack.js";
 import "../stacks/z_stack.js";
-import { clsx as s } from "clsx";
+import { clsx as c } from "clsx";
 import './stylesheets/reset.css';/* empty css                      */
-import { s as p } from "../theme_provider.module-ChZQ5Xsk.js";
-const d = `@layer tcn-reset, tcn-system, tcn-theme;
-`;
-function j({ styleSheets: e, children: o, className: m, ...c }) {
-  return r(() => {
-    document.adoptedStyleSheets = e;
-  }, [e]), r(() => {
-    if (document.getElementById("critical-css")) return;
-    const t = document.createElement("style");
-    return t.id = "critical-css", t.textContent = d, document.head.prepend(t), () => {
-      document.getElementById("critical-css")?.remove();
-    };
-  }, []), /* @__PURE__ */ n(
-    i,
+import { s as u } from "../theme_provider.module-ChZQ5Xsk.js";
+function v({ styleSheets: o, children: e, className: m, ...i }) {
+  const r = f.useRef(null);
+  return s(() => {
+    const t = r.current?.getRootNode();
+    !t || !("adoptedStyleSheets" in t) || (t.adoptedStyleSheets = o);
+  }, [o]), /* @__PURE__ */ p(
+    n,
     {
-      className: s("tcn-theme-root", p["tcn-theme-provider"], m),
-      ...c,
-      children: o
+      ref: r,
+      className: c("tcn-theme-root", u["tcn-theme-provider"], m),
+      ...i,
+      children: e
     }
   );
 }
 export {
-  j as Theme
+  v as Theme
 };
 //# sourceMappingURL=theme.js.map

package/dist/themes/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../src/css/layers.css?raw","../../src/themes/theme.tsx"],"sourcesContent":["export default \"@layer tcn-reset, tcn-system, tcn-theme;\\n\"","import React, { useLayoutEffect } from 'react';\nimport { Box, type BoxProps } from '../stacks/index.js';\nimport { clsx } from 'clsx';\n\n// Styles\nimport './stylesheets/reset.css';\nimport styles from './theme_provider.module.css';\nimport layers from '../css/layers.css?raw';\n\nexport interface ThemeProps extends BoxProps {\n  styleSheets: CSSStyleSheet[];\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Theme({ styleSheets, children, className, ...boxProps }: ThemeProps) {\n  useLayoutEffect(() => {\n    document.adoptedStyleSheets = styleSheets;\n  }, [styleSheets]);\n\n  // I used this approach instead to guarantee the order of the stylesheets\n  useLayoutEffect(() => {\n    if (document.getElementById('critical-css')) return;\n\n    const style = document.createElement('style');\n    style.id = 'critical-css';\n    style.textContent = layers;\n\n    document.head.prepend(style);\n\n    return () => {\n      document.getElementById('critical-css')?.remove();\n    };\n  }, []);\n\n  return (\n    <Box\n      className={clsx('tcn-theme-root', styles['tcn-theme-provider'], className)}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":["layers","Theme","styleSheets","children","className","boxProps","useLayoutEffect","style","jsx","Box","clsx","styles"],"mappings":";;;;;;;;;;;;AAAA,MAAAA,IAAe;AAAA;ACeR,SAASC,EAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAwB;AACnF,SAAAC,EAAgB,MAAM;AACpB,aAAS,qBAAqBJ;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC,GAGhBI,EAAgB,MAAM;AACpB,QAAI,SAAS,eAAe,cAAc,EAAG;AAE7C,UAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,WAAAA,EAAM,KAAK,gBACXA,EAAM,cAAcP,GAEpB,SAAS,KAAK,QAAQO,CAAK,GAEpB,MAAM;AACX,eAAS,eAAe,cAAc,GAAG,OAAA;AAAA,IAC3C;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kBAAkBC,EAAO,oBAAoB,GAAGP,CAAS;AAAA,MACxE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"theme.js","sources":["../../src/themes/theme.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { Box, type BoxProps } from '../stacks/index.js';\nimport { clsx } from 'clsx';\n\n// Styles\nimport './stylesheets/reset.css';\nimport styles from './theme_provider.module.css';\n\nexport interface ThemeProps extends BoxProps {\n  styleSheets: CSSStyleSheet[];\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Theme({ styleSheets, children, className, ...boxProps }: ThemeProps) {\n  const ref = React.useRef<HTMLElement>(null);\n\n  useLayoutEffect(() => {\n    const root = ref.current?.getRootNode();\n    if (!root || !('adoptedStyleSheets' in root)) return;\n\n    (root as Document | ShadowRoot).adoptedStyleSheets = styleSheets;\n  }, [styleSheets]);\n\n  return (\n    <Box\n      ref={ref}\n      className={clsx('tcn-theme-root', styles['tcn-theme-provider'], className)}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":["Theme","styleSheets","children","className","boxProps","ref","React","useLayoutEffect","root","jsx","Box","clsx","styles"],"mappings":";;;;;;;;;;;;AAcO,SAASA,EAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAwB;AACnF,QAAMC,IAAMC,EAAM,OAAoB,IAAI;AAE1C,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAOH,EAAI,SAAS,YAAA;AAC1B,IAAI,CAACG,KAAQ,EAAE,wBAAwBA,OAEtCA,EAA+B,qBAAqBP;AAAA,EACvD,GAAG,CAACA,CAAW,CAAC,GAGd,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWM,EAAK,kBAAkBC,EAAO,oBAAoB,GAAGT,CAAS;AAAA,MACxE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/themes/themes/ergo/ergo_theme.css

@@ -1 +1 @@
-@layer tcn-theme{.tcn-theme-root{font-family:var(--font-family);color:var(--font-color);--action: var(--ergo-primary);--on-action: var(--ergo-white);--material: var(--ergo-white);--on-material: var(--ergo-accent-blue)}.tcn-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s,background .1s,color .1s;--ink: var(--on-material);--act: var(--action);--mat: var(--material);--act-down: color-mix(in srgb, var(--mat), black 12%);--act-raised: color-mix(in srgb, var(--mat), var(--act) 12%);--act-focus: color-mix(in srgb, var(--mat), var(--act) 16%);--act-drag: color-mix(in srgb, var(--mat), var(--act) 24%);background:var(--mat);color:var(--ink);transition:background .1s,color .1s}.tcn-interactive:focus-visible,.tcn-interactive[data-focus-visible]{background:var(--act-focus);outline:2px solid var(--ergo-primary);outline-offset:2px}.tcn-interactive:hover,.tcn-interactive[data-hover]{background:var(--act-raised)}.tcn-interactive:active,.tcn-interactive[data-active]{background:var(--act-down)}.tcn-interactive[data-is-disabled=true]{pointer-events:none}.tcn-base-button{--btn-size-base: 26px;--btn-pad-base: 12px;--btn-pad-delta: 4px;--btn-size-delta: 4px;--btn-font-size-delta: 2px;--btn-step: 1;--btn-pad: calc(var(--btn-pad-base) + var(--btn-pad-delta) * var(--btn-step));--btn-size: calc(var(--btn-size-base) + var(--btn-size-delta) * var(--btn-step));border-radius:var(--ergo-shape-radius-medium);min-height:var(--btn-size);padding:var(--padding-small) var(--btn-pad)}.tcn-base-button[data-size=sm]{--btn-step: -1}.tcn-base-button[data-size=md]{--btn-step: 0}.tcn-base-button[data-size=lg]{--btn-step: 1}.tcn-base-button[data-is-utility=true]{height:auto;width:auto;min-width:var(--btn-size);padding:0;--util-ratio: .75;--btn-size-base: 18px;font-size:calc(var(--font-size) + var(--btn-font-size-delta) * var(--btn-step))}.tcn-base-button[data-is-utility=true] .tcn-icon{min-height:min(2px,calc(var(--btn-size) * var(--util-ratio)));min-width:min(2px,calc(var(--btn-size) * var(--util-ratio)))}.tcn-button{--btn-primary: var(--action);--btn-on-primary: var(--on-action);--btn-variant: var(--on-material);transition:box-shadow .1s,transform .1s}.tcn-button[data-severity=dangerous]{--btn-primary: var(--action-severity-dangerous);--btn-variant: var(--ergo-status-red-dark)}.tcn-button[data-severity=cautious]{--btn-primary: var(--action-severity-cautious);--btn-on-primary: var(--ergo-accent-blue);--btn-variant: var(--ergo-status-yellow-dark)}.tcn-button[data-severity=suggested]{--btn-primary: var(--action-severity-suggested);--btn-variant: var(--ergo-status-blue-dark)}.tcn-button[data-severity=encouraged]{--btn-primary: var(--action-severity-encouraged);--btn-variant: var(--ergo-status-green-dark)}.tcn-button[data-hierarchy=primary]{--act: var(--ergo-white);--ink: var(--tcn-button-text-color, var(--btn-on-primary));--mat: var(--tcn-button-color, var(--btn-primary))}.tcn-button[data-hierarchy=primary][data-is-disabled=true]{--ink: var(--ergo-white);--mat: var(--ergo-grey-light)}.tcn-button[data-hierarchy=secondary],.tcn-button[data-hierarchy=tertiary]{--act: var(--tcn-button-color, var(--btn-variant));--ink: var(--tcn-button-color, var(--btn-variant))}:is(.tcn-button[data-hierarchy=secondary],.tcn-button[data-hierarchy=tertiary])[data-is-disabled=true]{--ink: var(--ergo-grey-light)}.tcn-button[data-hierarchy=tertiary]:hover{text-decoration:underline;text-decoration-color:var(--ink);text-decoration-thickness:1px;text-underline-offset:4px}.tcn-button[data-hierarchy=tertiary]{border:1px solid transparent}.tcn-button[data-hierarchy=secondary]{border:1px solid var(--ink)}.tcn-button[data-hierarchy=primary]{border:1px solid var(--mat)}.tcn-button:hover,.tcn-button[data-hover]{transform:translateY(-1px);box-shadow:0 4px 4px #0000001f}:is(.tcn-button:hover,.tcn-button[data-hover]) :not(.tcn-select):before,:is(.tcn-button:hover,.tcn-button[data-hover]) :not(.tcn-select):after{content:"";position:absolute;left:0;right:0;height:4px}:is(.tcn-button:hover,.tcn-button[data-hover]) :not(.tcn-select):before{top:-2px}:is(.tcn-button:hover,.tcn-button[data-hover]) :not(.tcn-select):after{bottom:-2px}.tcn-button:active,.tcn-button[data-active]{transform:translateY(1px);box-shadow:inset 0 2px 2px #0000001f}.tcn-slim-button{height:auto;width:auto;padding:0}.tcn-slim-button[data-size=sm]{min-height:12px;min-width:12px;padding:0}.tcn-slim-button[data-size=sm] .tcn-icon{min-height:10px;min-width:10px}.tcn-slim-button[data-size=md]{min-height:18px;min-width:18px;padding:0}.tcn-slim-button[data-size=md] .tcn-icon{min-height:14px;min-width:14px}.tcn-slim-button[data-size=lg]{min-height:24px;min-width:24px;padding:0}.tcn-slim-button[data-size=lg] .tcn-icon{min-height:20px;min-width:20px}.tcn-button[data-size].tcn-select{padding-inline-end:26px}.tcn-toggle{--tgl-false: var(--ergo-accent-blue);--tgl-true: var(--ergo-accent-blue);--on-tgl-true: var(--ergo-white);--ink: var(--tcn-button-color, var(--tgl-false));--act: var(--tcn-button-color, var(--tgl-false))}.tcn-toggle[data-is-disabled=true]{--ink: var(--ergo-grey-light)}.tcn-toggle[data-is-selected=true]{--mat: var(--tcn-button-color, var(--tgl-true));--ink: var(--tcn-button-text-color, var(--ergo-white));--act: var(--ergo-white)}.tcn-toggle[data-is-selected=true][data-is-disabled=true]{--ink: var(--ergo-white);--mat: var(--ergo-grey-light)}.tcn-fab{border-radius:50%}.tcn-mobile-button{--btn-size-base: 44px;--btn-pad-base: 16px;--btn-size-delta: 8px;--btn-pad-delta: 4px;font-size:calc(16px * var(--scalar, 1))}.tcn-mobile-button[data-size=sm]{--btn-size-base: 36px}.tcn-mobile-button[data-size=lg]{--btn-size-base: 52px}.tcn-button-group .tcn-button-group-button.tcn-mobile-button{--btn-size-base: 44px;--btn-pad-base: 16px;--btn-size-delta: 8px;--btn-pad-delta: 4px;font-size:calc(16px * var(--scalar, 1))}.tcn-button-group .tcn-button-group-button:hover,.tcn-button-group .tcn-button-group-button:active{transform:none}.tcn-button-group .tcn-button-group-button{border-radius:0}.tcn-button-group .tcn-button-group-button:first-child{border-start-start-radius:var(--ergo-shape-radius-medium);border-end-start-radius:var(--ergo-shape-radius-medium)}.tcn-button-group .tcn-button-group-button:last-child{border-start-end-radius:var(--ergo-shape-radius-medium);border-end-end-radius:var(--ergo-shape-radius-medium)}.tcn-button-group .tcn-button-group-button[data-hierarchy=tertiary]{border:0}.tcn-button-group .tcn-button-group-button[data-hierarchy=tertiary]:not(:last-child){border-right:1px solid var(--on-mat-faint)}.tcn-button-group .tcn-button-group-button[data-hierarchy=tertiary]:not(:first-child){border-left:1px solid var(--on-mat-faint)}.tcn-button-group .tcn-button-group-button[data-hierarchy=primary]:not(:last-child){border-right:1px solid var(--act-down)}.tcn-button-group .tcn-button-group-button[data-hierarchy=primary]:not(:first-child){border-left:1px solid var(--act-down)}.tcn-select-group .tcn-select-group-option:hover,.tcn-select-group .tcn-select-group-option:active{transform:none}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary]{color:var(--act);border-color:var(--act)}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary]:hover{background:var(--act-faint)}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary]:active{background:var(--act-down);color:var(--on-act)}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary][data-is-disabled=true]{color:var(--ergo-material-disabled-outline);border:1px solid var(--ergo-material-disabled-outline)}.tcn-select-group .tcn-select-group-option[data-hierarchy=primary][data-is-disabled=true]{background:var(--ergo-material-disabled-outline);color:#fff;border:1px solid var(--ergo-material-disabled-outline)}.tcn-select-group .tcn-select-group-option{border-radius:0}.tcn-select-group .tcn-select-group-option:first-child{border-top-left-radius:var(--ergo-shape-radius-medium);border-bottom-left-radius:var(--ergo-shape-radius-medium)}.tcn-select-group .tcn-select-group-option:last-child{border-top-right-radius:var(--ergo-shape-radius-medium);border-bottom-right-radius:var(--ergo-shape-radius-medium)}.tcn-tabs-bar .tcn-tabs-list .tcn-tab-item{min-height:24px;padding:0px var(--padding-medium);text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item{box-sizing:border-box;border:none;padding:0px var(--padding-medium);border-radius:0}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item[data-is-selected=true]{--mat: var(--tcn-button-color, var(--material));--ink: var(--tcn-button-text-color, var(--ergo-primary));--act: var(--ergo-primary)}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item:focus-visible{z-index:2}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item[data-is-selected=false]:hover:after,.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item[data-is-selected=false]:focus-visible:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ergo-accent-blue);pointer-events:none;width:100%;z-index:3}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list:after{content:"";position:absolute;bottom:-1px;left:0;min-height:2px;transform:translate(var(--tabs-active-rectangle-position-x, 0));width:var(--tabs-active-rectangle-width, 0);background:var(--ergo-primary);pointer-events:none;border-bottom-left-radius:2px;border-bottom-right-radius:2px;transition:transform .3s ease-in-out,width .3s ease-in-out;will-change:transform,width;z-index:2}.tcn-tabs-bar[data-variant=default]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--ergo-material-divider);pointer-events:none;z-index:1}.tcn-tabs-bar[data-variant=inline]{font-size:12px;min-width:min-content;width:auto;flex-grow:0;border-radius:6px;border:1px solid var(--on-material);padding:2px}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list{height:20px;gap:var(--ergo-spacing-xs)}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list .tcn-tab-item{border-radius:var(--ergo-shape-radius-medium);min-height:20px}.material{background-color:var(--material);color:var(--on-material)}.tcn-divider-line,.tcn-divider-line[data-emphasis=normal]{background:var(--material-line)}.tcn-divider-line[data-emphasis=strong]{background:color-mix(in srgb,var(--material-line) 80%,black 20%)}.tcn-divider-line[data-emphasis=faint]{background:color-mix(in srgb,var(--material-line) 80%,white 20%)}.tcn-draggable[data-is-draggable=true] .tcn-drag-handle{cursor:move}.tcn-frame-dialog{border:inherit}.tcn-tethered{--tether-pad-x: 0px;--tether-pad-y: 0px;--indicator-pad-x: 0px;--indicator-pad-y: 0px;--tether-pad-size: 0px;--tether-pad-pos: var(--tether-pad-size);--tether-pad-neg: calc(-1 * var(--tether-pad-size));left:calc(var(--tether-pad-x, 0) - var(--indicator-pad-x, 0) + var(--tethered-left, 0));top:calc(var(--tether-pad-y, 0) + var(--tethered-top, 0))}.tcn-tethered :where(.tcn-tethered-origin-indicator){left:calc(var(--indicator-pad-x, 0) + var(--tethered-origin-delta-x, 0));top:calc(var(--indicator-pad-y, 0) + var(--tethered-origin-delta-y, 0))}.tcn-tethered[data-h-anchor=start]{--tether-pad-x: var(--tether-pad-pos)}.tcn-tethered[data-h-anchor=end]{--tether-pad-x: var(--tether-pad-neg)}.tcn-tethered[data-h-origin=start]{--indicator-pad-x: var(--tether-pad-pos)}.tcn-tethered[data-h-origin=end]{--indicator-pad-x: var(--tether-pad-neg)}.tcn-tethered[data-v-origin=center]{--indicator-pad-x: 0px;--tether-pad-x: 0px}.tcn-tethered[data-v-origin=center][data-v-anchor=top]{--tether-pad-y: var(--tether-pad-pos)}.tcn-tethered[data-v-origin=center][data-v-anchor=bottom]{--tether-pad-y: var(--tether-pad-neg)}.tcn-tethered[data-anchor-direction=bottom]{padding-bottom:var(--ergo-shape-triangle-medium)}.tcn-tethered[data-anchor-direction=top]{padding-top:var(--ergo-shape-triangle-medium)}.tcn-tethered[data-anchor-direction=start]{padding-left:var(--ergo-shape-triangle-medium)}.tcn-tethered[data-anchor-direction=end]{padding-right:var(--ergo-shape-triangle-medium)}.tcn-tooltip{--tether-pad-size: 16px;background:transparent;--material: var(--ergo-secondary-dark);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark)}.tcn-tooltip .tcn-tooltip-label{box-shadow:0 4px 7px #414141a8;color:var(--on-material);background:var(--material);border-radius:var(--ergo-shape-radius-medium);padding:var(--padding-medium)}.tcn-list{gap:var(--gap-medium)}.tcn-list .tcn-item{height:24px;padding:0px var(--padding-medium);border-radius:var(--ergo-shape-radius-medium)}.tcn-utility-strip{min-width:var(--ergo-sizing-bar-md)}.tcn-utility-strip{padding-block:var(--padding-medium);gap:var(--gap-medium)}.tcn-footer,.tcn-header,.tcn-utility-bar{padding-inline:var(--pad-inline, var(--padding-medium));gap:var(--gap-medium)}.tcn-utility-bar{min-height:var(--ergo-sizing-bar-md)}.tcn-footer,.tcn-header{min-height:var(--ergo-sizing-bar-lg)}.tcn-scaffold{--scaffold-divide-footer: var(--divide-footer, 1);--scaffold-divide-header: var(--divide-header, 1);--pad-inline: var(--padding-large)}.tcn-scaffold :where(.tcn-header)+:where(.tcn-scaffold),.tcn-scaffold :where(.tcn-header)+:where(.tcn-rail),.tcn-scaffold :where(.tcn-utility-bar)+:where(.tcn-scaffold),.tcn-scaffold :where(.tcn-utility-bar)+:where(.tcn-rail){border-top:calc(var(--scaffold-divide-header) * 1px) solid var(--ergo-material-border)}.tcn-scaffold :where(.tcn-scaffold)+:where(.tcn-footer),.tcn-scaffold :where(.tcn-rail)+:where(.tcn-footer){border-top:calc(var(--scaffold-divide-footer) * 1px) solid var(--ergo-material-border)}.tcn-frame-veil[data-is-veil=true]{background-color:#00000080}.tcn-page{--divide-header: 0;--divide-footer: 0;--material: var(--background-color-tertiary);background-color:var(--material)}.tcn-modal{--divide-header: 0;box-shadow:0 4px 34px #00000096;border-radius:var(--ergo-shape-radius-medium);background-color:var(--background-color-primary);overflow:hidden;border:1px solid var(--ergo-material-border)}.tcn-modal :where(.tcn-header){--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-modal :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-drawer{--divide-header: 0;box-shadow:0 4px 34px #00000096;background-color:var(--background-color-primary);overflow:hidden}.tcn-drawer :where(.tcn-header){--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-drawer :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-window{box-shadow:0 4px 34px #00000096;--divide-header: 0;border-radius:var(--ergo-shape-radius-medium);background-color:var(--background-color-primary);overflow:hidden;border:2px solid white}.tcn-window :where(.tcn-header){--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-window :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-pop-confirm{--divide-header: 0;--tether-pad-size: 16px;--pad-inline: var(--padding-medium)}.tcn-pop-confirm .tcn-pop-confirm-scaffold>.tcn-scaffold-stack{border-radius:var(--ergo-shape-radius-medium);box-shadow:0 4px 8px #0006;background-color:var(--background-color-primary)}.tcn-pop-confirm :where(.tcn-tethered-origin-indicator){--material: var(--ergo-white)}.tcn-pop-confirm[data-v-origin=top] :where(.tcn-tethered-origin-indicator){--material: var(--ergo-material-overlay)}.tcn-pop-confirm :where(.tcn-header){min-height:var(--ergo-sizing-bar-md);--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-pop-confirm :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-confirm{--material: var(--background-color-primary);background-color:var(--material)}.tcn-bar{gap:var(--gap-medium)}.tcn-bar :where(.tcn-group:not(:last-child):not(:has(+.tcn-spacer))):after{content:"";display:block;min-width:2px;height:18px;background:var(--ergo-grey);border-radius:var(--ergo-shape-radius-small);align-self:center}.tcn-panel{--divide-header: 1;--divide-footer: 1;--material: var(--background-color-primary);background-color:var(--material);border-radius:var(--ergo-shape-radius-medium);overflow:hidden}.tcn-panel :where(.tcn-title){font-size:18px}.tcn-aside{--divide-header: 1;--divide-footer: 1;--material: var(--background-color-secondary);background-color:var(--material);overflow:hidden}.tcn-aside :where(.tcn-header){min-height:var(--ergo-sizing-bar-md)}.tcn-aside :where(.tcn-footer){min-height:var(--ergo-sizing-bar-md)}.tcn-aside :where(.tcn-title){font-size:16px}.tcn-card{--divide-header: 0;--divide-footer: 1;--pad-inline: var(--padding-medium);background-color:var(--background-color-primary);border-radius:var(--ergo-shape-radius-medium);border:1px solid var(--ergo-material-border);overflow:hidden}.tcn-card :where(.tcn-header){min-height:var(--ergo-sizing-bar-md);--material: var(--ergo-secondary-light);--on-material: var(--ergo-accent-blue);--action: var(--ergo-secondary);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material)}.tcn-card :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-card :where(.tcn-utility-bar){min-height:var(--ergo-sizing-bar-sm)}.tcn-card :where(.tcn-scaffold-stack)>:where(.tcn-scaffold)>:where(.tcn-scaffold-stack),.tcn-card :where(.tcn-scaffold-stack)>:where(.tcn-rail)>:where(.tcn-rail-stack),.tcn-card :where(.tcn-rail-stack)>:where(.tcn-scaffold)>:where(.tcn-scaffold-stack),.tcn-card :where(.tcn-rail-stack)>:where(.tcn-rail)>:where(.tcn-rail-stack){padding-inline:var(--padding-medium)}.tcn-panel :where(.tcn-columns){padding:var(--padding-large)}.tcn-panel :where(.tcn-columns) :where(.tcn-column){border-right:1px solid var(--ergo-material-border);padding-inline-end:var(--padding-medium)}.tcn-panel :where(.tcn-columns) :where(.tcn-column):not(:first-child){padding-inline-start:var(--padding-medium)}.tcn-page :where(.tcn-columns){padding:var(--padding-medium)}.tcn-page :where(.tcn-columns) :where(.tcn-column):not(:last-child){padding-inline-end:var(--padding-medium)}.tcn-section{--max-section-depth: 4;--section-tab-width: 4px;--section-tab-start: var(--pad-inline, var(--padding-medium));--section-tab-depth: 0;--section-tab: calc( var(--section-tab-start) + (var(--section-tab-width) * var(--section-tab-depth)) );--section-heading-height: var(--ergo-sizing-bar-md);--section-action: var(--ergo-secondary);--section-mat: var(--ergo-secondary-light);--section-on-mat: var(--ergo-text-color-primary)}.tcn-heading{position:sticky;background-color:var(--material);padding-inline-start:var(--pad-inline, var(--padding-medium));padding-inline-end:var(--pad-inline, var(--padding-medium));height:var(--section-heading-height);z-index:5;-webkit-user-select:none;user-select:none}.tcn-section>.tcn-heading{top:calc(var(--section-heading-height) * var(--section-tab-depth));z-index:calc(var(--max-section-depth) - var(--section-tab-depth));padding-inline-start:var(--section-tab);--material: var(--section-mat);--on-material: var(--section-on-mat);--action: var(--section-action);background-color:var(--material);color:var(--on-material);gap:var(--gap-small)}.tcn-detail{padding-block:var(--padding-medium);gap:var(--padding-medium)}.tcn-section>.tcn-detail{padding-inline-start:var(--section-tab);padding-inline-end:var(--pad-inline, var(--padding-medium))}.tcn-scaffold-stack>.tcn-detail{padding-inline:var(--pad-inline, var(--padding-medium))}.tcn-section>.tcn-section{--section-tab-depth: 1;--section-mat: var(--ergo-accent-blue-light);--section-action: var(--ergo-accent-blue)}.tcn-section>.tcn-section>.tcn-section{--section-tab-depth: 2;--section-mat: var(--ergo-accent-green-light);--section-action: var(--ergo-accent-green-dark)}.tcn-section>.tcn-section>.tcn-section>.tcn-section{--section-tab-depth: 3;--section-mat: var(--ergo-tertiary-light);--section-action: var(--ergo-tertiary-dark)}.tcn-caret{--caret-size: var(--ergo-shape-triangle-medium);--caret-triangle-height: calc(var(--caret-size) / 2);--caret-triangle-width: var(--caret-size);--caret-triangle-base: var(--caret-triangle-height) solid transparent;--caret-triangle-peak: var(--caret-triangle-width) solid var(--material);width:var(--caret-size);height:var(--caret-size);min-width:var(--caret-size);min-height:var(--caret-size);flex-grow:0;display:inline-block}.tcn-caret[data-direction=top]{border-bottom:var(--caret-triangle-peak);border-left:var(--caret-triangle-base);border-right:var(--caret-triangle-base)}.tcn-caret[data-direction=bottom]{border-top:var(--caret-triangle-peak);border-left:var(--caret-triangle-base);border-right:var(--caret-triangle-base)}.tcn-caret[data-direction=start]{border-right:var(--caret-triangle-peak);border-top:var(--caret-triangle-base);border-bottom:var(--caret-triangle-base)}.tcn-caret[data-direction=end]{border-left:var(--caret-triangle-peak);border-top:var(--caret-triangle-base);border-bottom:var(--caret-triangle-base)}.tcn-table{--table-pad-inline: var(--pad-inline, var(--padding-medium));--material: var(--ergo-white);--on-material: var(--ergo-text-color-primary);--action: var(--ergo-accent-blue);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material);border-collapse:separate;display:block}:is(.tcn-table[data-is-sticky=true] .tcn-tbody,.tcn-table[data-is-sticky=true] .tcn-thead) th:first-of-type{border-right:1px solid color-mix(in srgb,var(--material) 80%,black)}:is(.tcn-table[data-is-sticky=true] .tcn-tbody,.tcn-table[data-is-sticky=true] .tcn-thead) th:last-of-type{border-left:1px solid color-mix(in srgb,var(--material) 80%,black)}.tcn-td{text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tcn-thead .tcn-tr{height:var(--ergo-sizing-bar-md)}.tcn-thead .tcn-tr .tcn-th{border-bottom:1px solid var(--ergo-grey-light)}.tcn-thead .tcn-tr .tcn-th:not(:last-of-type):not(:nth-last-of-type(2)){border-right:1px solid var(--ergo-grey)}.tcn-thead .tcn-tr .tcn-th:last-of-type{border-left:1px solid var(--ergo-grey)}.tcn-tfoot{font-weight:700}.tcn-tfoot .tcn-tr{height:var(--ergo-sizing-bar-sm)}.tcn-tfoot .tcn-tr .tcn-th,.tcn-tfoot .tcn-tr .tcn-td{border-top:1px solid var(--ergo-grey-light)}.tcn-thead,.tcn-tfoot{font-size:14px;--material: var(--ergo-secondary-light);--on-material: var(--ergo-accent-blue);--action: var(--ergo-accent-blue);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material)}:is(.tcn-thead,.tcn-tfoot) .tcn-tr .tcn-th:first-child{padding-inline:var(--table-pad-inline)}.tcn-tr{height:var(--ergo-sizing-bar-sm);align-content:center}.tcn-td,.tcn-th{padding-inline:var(--padding-medium);vertical-align:middle;text-align:start;background:var(--material)}.tcn-table .tcn-tr>.tcn-th:first-child,.tcn-table .tcn-tr>.tcn-td:first-child{padding-inline-start:var(--table-pad-inline)}.tcn-table .tcn-tr>.tcn-th:last-child,.tcn-table .tcn-tr>.tcn-td:last-child{padding-inline-end:var(--table-pad-inline)}.tcn-tbody{font-size:12px}.tcn-tbody .tcn-tr:nth-of-type(2n){--material: var(--ergo-accent-blue-light)}.tcn-tbody .tcn-tr:nth-of-type(odd){--material: var(--ergo-white)}.tcn-tbody .tcn-tr:hover{--material: color-mix(in srgb, var(--ergo-accent-blue-light), var(--action) 12%)}.tcn-tbody .tcn-tr[data-is-selected=true]{--material: var(--ergo-secondary);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-accent-blue)}.tcn-tbody .tcn-tr{--material: var(--bg-row);--on-material: var(--ergo-accent-blue);--action: var(--ergo-accent-blue);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material)}.tcn-entry,.tcn-control{--act: var(--action);--mat: var(--material);--act-raised: color-mix(in srgb, var(--mat), var(--act) 12%);font-size:var(--ergo-text-size-input);border:1px solid var(--ergo-grey);box-sizing:border-box;min-height:var(--ergo-sizing-action-md);border-radius:var(--ergo-shape-radius-medium);padding-inline:4px}.tcn-radio-label,.tcn-select-selected-label{font-size:var(--ergo-text-size-input)}.tcn-control[data-is-disabled=false]:hover{background:var(--act-raised)}.tcn-control:focus-within{outline:2px solid var(--ergo-primary);outline-offset:2px}.tcn-control:focus{border:1px solid var(--act)}.tcn-control::placeholder{color:var(--ergo-grey)}.tcn-control[data-is-disabled=true]{cursor:not-allowed;background:var(--ergo-material-disabled-outline);color:var(--ergo-text-color-disabled-outline)}.tcn-control[data-is-disabled=true]::placeholder{color:var(--ergo-text-color-disabled-outline)}.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}.tcn-control .tcn-entry:hover,.tcn-control .tcn-entry:active,.tcn-control .tcn-entry:focus-visible,.tcn-control .tcn-entry:focus{outline:none;border:none;background:transparent}.tcn-input{height:auto}.tcn-textarea,.tcn-input{cursor:text}.tcn-control-set{border-radius:var(--ergo-shape-radius-medium)}.tcn-control-set:focus-within{outline:2px solid var(--ergo-primary);outline-offset:2px}.tcn-control-set .tcn-control-set-item{z-index:1;border-radius:0;height:auto;min-height:var(--ergo-sizing-action-md);padding-block:0}.tcn-control-set .tcn-control-set-item:focus,.tcn-control-set .tcn-control-set-item:focus-visible{z-index:3;outline:none}.tcn-control-set .tcn-control-set-item:first-child{border-top-left-radius:var(--ergo-shape-radius-medium);border-bottom-left-radius:var(--ergo-shape-radius-medium)}.tcn-control-set .tcn-control-set-item:not(:last-child){margin-right:-1px}.tcn-control-set .tcn-control-set-item:last-child{border-top-right-radius:var(--ergo-shape-radius-medium);border-bottom-right-radius:var(--ergo-shape-radius-medium)}.tcn-control-set .tcn-select,.tcn-control-set .tcn-button,.tcn-control-set .tcn-button[data-hierarchy]{border:1px solid var(--ergo-grey);height:auto;min-height:var(--ergo-sizing-action-md);min-width:var(--ergo-sizing-action-md);box-sizing:border-box}:is(.tcn-control-set .tcn-select,.tcn-control-set .tcn-button,.tcn-control-set .tcn-button[data-hierarchy]):hover,:is(.tcn-control-set .tcn-select,.tcn-control-set .tcn-button,.tcn-control-set .tcn-button[data-hierarchy])[data-hover]{transform:none}.tcn-control-set .tcn-button.tcn-select,.tcn-control-set .tcn-button[data-hierarchy].tcn-select{border-color:var(--ergo-grey)}.tcn-control-set .tcn-select:focus-visible,.tcn-control-set .tcn-button:focus-visible,.tcn-control-set .tcn-button[data-hierarchy]:focus-visible{border-color:var(--ergo-primary)}.tcn-slider[data-is-disabled=true]::-webkit-slider-runnable-track{background:var(--ergo-grey-light)}.tcn-slider[data-is-disabled=true]::-webkit-slider-thumb{background-color:var(--ergo-white);border:1px solid var(--ergo-grey-light)}.tcn-checkbox{--checkbox-color: var(--action, var(--ergo-primary));border-color:var(--checkbox-color)}.tcn-checkbox:focus-visible,.tcn-checkbox:focus{outline:2px solid var(--checkbox-color);outline-offset:2px}.tcn-checkbox[data-is-disabled=true]{cursor:not-allowed;border-color:var(--ergo-material-disabled-outline)}.tcn-checkbox[data-checked=true]{background-color:var(--checkbox-color)}.tcn-checkbox[data-checked=true][data-is-disabled=true]{background-color:var(--ergo-grey-light)}.tcn-checkbox[data-checked=false][data-is-disabled=true]{background:var(--material);border-color:var(--ergo-grey-light);color:var(--ergo-grey-light)}.tcn-checkbox[data-is-disabled=false]:active{background-color:var(--checkbox-color)}.tcn-switch-wrapper[data-focused=true][data-is-checked=false],.tcn-switch-wrapper[data-focused=true][data-is-checked=true]{outline:2px solid var(--ergo-primary);outline-offset:2px}.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-mobile-date-picker,.tcn-mobile-date-picker-year-selector,.tcn-suggestion-list-search-input,.tcn-suggestion-list{--accent-color: var(--ergo-primary)}.tcn-chip{--action: var(--ergo-primary);--accent-color: var(--ergo-primary)}.tcn-datum[data-emphasis=normal]{--datum-font-color: var(--on-material)}.tcn-datum[data-emphasis=strong]{--datum-font-weight: 700}.tcn-datum[data-emphasis=faint]{--datum-font-color: color-mix(in srgb, var(--on-material), transparent 12%)}.tcn-datum[data-severity=dangerous]{--datum-font-color: var(--ergo-status-red)}.tcn-datum[data-severity=cautious]{--datum-font-color: var(--ergo-status-yellow)}.tcn-datum[data-severity=suggested]{--datum-font-color: var(--ergo-status-blue)}.tcn-datum[data-severity=encouraged]{--datum-font-color: var(--ergo-status-green)}.tcn-key{--accent-color: var(--action);font-size:14px;color:var(--datum-font-color);font-weight:var(--datum-font-weight, 400)}.tcn-value{font-size:12px;color:var(--datum-font-color);font-weight:var(--datum-font-weight, 400)}.tcn-term>.tcn-key,.tcn-term>.tcn-value{max-width:50%}.tcn-value :where(.tcn-chip){--action: var(--ergo-accent-blue);--accent-color: var(--ergo-accent-blue)}}
+@layer tcn-theme{.tcn-divider-line,.tcn-divider-line[data-emphasis=normal]{background:var(--ergo-material-divider, #aaa)}.tcn-divider-line[data-emphasis=strong]{background:color-mix(in srgb,var(--ergo-material-divider, #aaa) 80%,black 20%)}.tcn-divider-line[data-emphasis=faint]{background:color-mix(in srgb,var(--ergo-material-divider, #aaa) 80%,white 20%)}.tcn-draggable[data-is-draggable=true] .tcn-drag-handle{cursor:move}.tcn-frame-dialog{border:inherit}.tcn-tethered{--tether-pad-x: 0px;--tether-pad-y: 0px;--indicator-pad-x: 0px;--indicator-pad-y: 0px;--tether-pad-size: 0px;--tether-pad-pos: var(--tether-pad-size);--tether-pad-neg: calc(-1 * var(--tether-pad-size));left:calc(var(--tether-pad-x, 0) - var(--indicator-pad-x, 0) + var(--tethered-left, 0));top:calc(var(--tether-pad-y, 0) + var(--tethered-top, 0))}.tcn-tethered :where(.tcn-tethered-origin-indicator){left:calc(var(--indicator-pad-x, 0) + var(--tethered-origin-delta-x, 0));top:calc(var(--indicator-pad-y, 0) + var(--tethered-origin-delta-y, 0))}.tcn-tethered[data-h-anchor=start]{--tether-pad-x: var(--tether-pad-pos)}.tcn-tethered[data-h-anchor=end]{--tether-pad-x: var(--tether-pad-neg)}.tcn-tethered[data-h-origin=start]{--indicator-pad-x: var(--tether-pad-pos)}.tcn-tethered[data-h-origin=end]{--indicator-pad-x: var(--tether-pad-neg)}.tcn-tethered[data-v-origin=center]{--indicator-pad-x: 0px;--tether-pad-x: 0px}.tcn-tethered[data-v-origin=center][data-v-anchor=top]{--tether-pad-y: var(--tether-pad-pos)}.tcn-tethered[data-v-origin=center][data-v-anchor=bottom]{--tether-pad-y: var(--tether-pad-neg)}.tcn-tethered[data-anchor-direction=bottom]{padding-bottom:var(--ergo-shape-triangle-medium)}.tcn-tethered[data-anchor-direction=top]{padding-top:var(--ergo-shape-triangle-medium)}.tcn-tethered[data-anchor-direction=start]{padding-left:var(--ergo-shape-triangle-medium)}.tcn-tethered[data-anchor-direction=end]{padding-right:var(--ergo-shape-triangle-medium)}.tcn-tooltip{--tether-pad-size: 16px;background:transparent;--material: var(--ergo-secondary-dark);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark)}.tcn-tooltip .tcn-tooltip-label{box-shadow:0 4px 7px #414141a8;color:var(--on-material);background:var(--material);border-radius:var(--ergo-shape-radius-medium);padding:var(--padding-medium)}.tcn-list{gap:var(--gap-medium)}.tcn-list .tcn-item{height:24px;padding:0px var(--padding-medium);border-radius:var(--ergo-shape-radius-medium)}.tcn-utility-strip{min-width:var(--ergo-sizing-bar-md)}.tcn-utility-strip{padding-block:var(--padding-medium);gap:var(--gap-medium)}.tcn-footer,.tcn-header,.tcn-utility-bar{padding-inline:var(--pad-inline, var(--padding-medium));gap:var(--gap-medium)}.tcn-utility-bar{min-height:var(--ergo-sizing-bar-md)}.tcn-footer,.tcn-header{min-height:var(--ergo-sizing-bar-lg)}.tcn-scaffold{--scaffold-divide-footer: var(--divide-footer, 1);--scaffold-divide-header: var(--divide-header, 1)}.tcn-scaffold :where(.tcn-header){border-bottom:calc(var(--scaffold-divide-header) * 1px) solid var(--ergo-material-border)}.tcn-scaffold :where(.tcn-utility-bar){border-bottom:1px solid var(--ergo-material-border)}.tcn-scaffold :where(.tcn-footer){border-top:calc(var(--scaffold-divide-footer) * 1px) solid var(--ergo-material-border)}.tcn-frame-veil[data-is-veil=true]{background-color:#00000080}:where(.tcn-frame){--resize-offset: -6px}.tcn-frame>.tcn-scaffold{overflow:hidden}.tcn-page{--divide-header: 0;--divide-footer: 0;--pad-inline: var(--padding-large);--material: var(--background-color-tertiary);background-color:var(--material)}.tcn-modal{--divide-header: 0;--pad-inline: var(--padding-large);box-shadow:0 4px 34px #00000096;border-radius:var(--ergo-shape-radius-medium);background-color:var(--background-color-primary);border:1px solid var(--ergo-material-border)}.tcn-modal :where(.tcn-header){--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-modal :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-drawer{--divide-header: 0;--pad-inline: var(--padding-large);box-shadow:0 4px 34px #00000096;background-color:var(--background-color-primary)}.tcn-drawer :where(.tcn-header){--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-drawer :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-window{box-shadow:0 4px 34px #00000096;--divide-header: 0;--pad-inline: var(--padding-large);border-radius:var(--ergo-shape-radius-medium);background-color:var(--background-color-primary);border:2px solid white}.tcn-window :where(.tcn-header){--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-window :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-pop-confirm{--divide-header: 0;--tether-pad-size: 16px;--pad-inline: var(--padding-medium)}.tcn-pop-confirm .tcn-pop-confirm-scaffold{border-radius:var(--ergo-shape-radius-medium);box-shadow:0 4px 8px #0006;background-color:var(--background-color-primary)}.tcn-pop-confirm :where(.tcn-tethered-origin-indicator){--material: var(--ergo-white)}.tcn-pop-confirm[data-v-origin=top] :where(.tcn-tethered-origin-indicator){--material: var(--ergo-material-overlay)}.tcn-pop-confirm :where(.tcn-header){min-height:var(--ergo-sizing-bar-md);--material: var(--ergo-material-overlay);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-secondary-dark);background-color:var(--material);color:var(--on-material)}.tcn-pop-confirm :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-confirm{--material: var(--background-color-primary);background-color:var(--material)}.tcn-bar{gap:var(--gap-medium)}.tcn-bar :where(.tcn-group:not(:last-child):not(:has(+.tcn-spacer))):after{content:"";display:block;min-width:2px;height:18px;background:var(--ergo-grey);border-radius:var(--ergo-shape-radius-small);align-self:center}.tcn-panel{--divide-header: 1;--divide-footer: 1;--pad-inline: var(--padding-large);--material: var(--background-color-primary);background-color:var(--material);border-radius:var(--ergo-shape-radius-medium);overflow:hidden}.tcn-panel :where(.tcn-title){font-size:18px}.tcn-aside{--divide-header: 1;--divide-footer: 1;--pad-inline: var(--padding-large);--material: var(--background-color-secondary);background-color:var(--material);overflow:hidden}.tcn-aside :where(.tcn-header){min-height:var(--ergo-sizing-bar-md)}.tcn-aside :where(.tcn-footer){min-height:var(--ergo-sizing-bar-md)}.tcn-aside :where(.tcn-title){font-size:16px}.tcn-card{--divide-header: 0;--divide-footer: 1;--pad-inline: var(--padding-medium);background-color:var(--background-color-primary);border-radius:var(--ergo-shape-radius-medium);border:1px solid var(--ergo-material-border);overflow:hidden}.tcn-card :where(.tcn-header){min-height:var(--ergo-sizing-bar-md);--material: var(--ergo-secondary-light);--on-material: var(--ergo-accent-blue);--action: var(--ergo-secondary);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material)}.tcn-card :where(.tcn-header) :where(.tcn-typography){color:inherit}.tcn-card :where(.tcn-utility-bar){min-height:var(--ergo-sizing-bar-sm)}.tcn-panel :where(.tcn-columns){padding:var(--padding-large)}.tcn-panel :where(.tcn-columns) :where(.tcn-column){gap:var(--gap-medium);border-right:1px solid var(--ergo-material-border);padding-inline-end:var(--padding-medium)}.tcn-panel :where(.tcn-columns) :where(.tcn-column):not(:first-child){padding-inline-start:var(--padding-medium)}:where(.tcn-rail.tcn-columns){--resize-offset: calc(-1 * var(--padding-medium))}:where(.tcn-rail):not(.tcn-columns){--resize-offset: 0px}.tcn-page :where(.tcn-columns){padding:var(--padding-medium)}.tcn-page :where(.tcn-columns) :where(.tcn-column){gap:var(--gap-medium)}.tcn-page :where(.tcn-columns)>.tcn-column:not(:last-child){padding-inline-end:var(--padding-medium)}:is(.tcn-panel,.tcn-card) :where(.tcn-rows) :where(.tcn-row):not(:last-child){border-bottom:1px solid var(--ergo-material-border);padding-block-end:var(--padding-medium)}:is(.tcn-panel,.tcn-card) :where(.tcn-rows) :where(.tcn-row):not(:first-child){padding-block-start:var(--padding-medium)}.tcn-page :where(.tcn-rows){padding:var(--padding-medium)}.tcn-page :where(.tcn-rows) :where(.tcn-row):not(:last-child){padding-block-end:var(--padding-medium)}.tcn-section{--max-section-depth: 4;--section-tab-width: 4px;--section-tab-start: var(--pad-inline, var(--padding-medium));--section-tab-depth: 0;--section-tab: calc( var(--section-tab-start) + (var(--section-tab-width) * var(--section-tab-depth)) );--section-heading-height: var(--ergo-sizing-bar-md);--section-action: var(--ergo-secondary);--section-mat: var(--ergo-secondary-light);--section-on-mat: var(--ergo-text-color-primary)}.tcn-heading{position:sticky;background-color:var(--material);padding-inline-start:var(--pad-inline, var(--padding-medium));padding-inline-end:var(--pad-inline, var(--padding-medium));height:var(--section-heading-height);z-index:5;-webkit-user-select:none;user-select:none}.tcn-section>.tcn-heading{top:calc(var(--section-heading-height) * var(--section-tab-depth));z-index:calc(var(--max-section-depth) - var(--section-tab-depth));padding-inline-start:var(--section-tab);--material: var(--section-mat);--on-material: var(--section-on-mat);--action: var(--section-action);background-color:var(--material);color:var(--on-material);gap:var(--gap-small)}.tcn-detail{padding-block:var(--padding-medium);gap:var(--padding-medium)}.tcn-section>.tcn-detail{padding-inline-start:var(--section-tab);padding-inline-end:var(--pad-inline, var(--padding-medium))}.tcn-scaffold>.tcn-detail{padding-inline:var(--pad-inline, var(--padding-medium))}.tcn-section>.tcn-section{--section-tab-depth: 1;--section-mat: var(--ergo-accent-blue-light);--section-action: var(--ergo-accent-blue)}.tcn-section>.tcn-section>.tcn-section{--section-tab-depth: 2;--section-mat: var(--ergo-accent-green-light);--section-action: var(--ergo-accent-green-dark)}.tcn-section>.tcn-section>.tcn-section>.tcn-section{--section-tab-depth: 3;--section-mat: var(--ergo-tertiary-light);--section-action: var(--ergo-tertiary-dark)}.tcn-caret{--caret-size: var(--ergo-shape-triangle-medium);--caret-triangle-height: calc(var(--caret-size) / 2);--caret-triangle-width: var(--caret-size);--caret-triangle-base: var(--caret-triangle-height) solid transparent;--caret-triangle-peak: var(--caret-triangle-width) solid var(--material);width:var(--caret-size);height:var(--caret-size);min-width:var(--caret-size);min-height:var(--caret-size);flex-grow:0;display:inline-block}.tcn-caret[data-direction=top]{border-bottom:var(--caret-triangle-peak);border-left:var(--caret-triangle-base);border-right:var(--caret-triangle-base)}.tcn-caret[data-direction=bottom]{border-top:var(--caret-triangle-peak);border-left:var(--caret-triangle-base);border-right:var(--caret-triangle-base)}.tcn-caret[data-direction=start]{border-right:var(--caret-triangle-peak);border-top:var(--caret-triangle-base);border-bottom:var(--caret-triangle-base)}.tcn-caret[data-direction=end]{border-left:var(--caret-triangle-peak);border-top:var(--caret-triangle-base);border-bottom:var(--caret-triangle-base)}.tcn-table{--table-pad-inline: var(--pad-inline, var(--padding-medium));--material: var(--ergo-white);--on-material: var(--ergo-text-color-primary);--action: var(--ergo-accent-blue);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material);border-collapse:separate;display:block}:is(.tcn-table[data-is-sticky=true] .tcn-tbody,.tcn-table[data-is-sticky=true] .tcn-thead) th:first-of-type{border-right:1px solid color-mix(in srgb,var(--material) 80%,black)}:is(.tcn-table[data-is-sticky=true] .tcn-tbody,.tcn-table[data-is-sticky=true] .tcn-thead) th:last-of-type{border-left:1px solid color-mix(in srgb,var(--material) 80%,black)}.tcn-td{text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tcn-thead .tcn-tr{height:var(--ergo-sizing-bar-md)}.tcn-thead .tcn-tr .tcn-th{border-bottom:1px solid var(--ergo-grey-light)}.tcn-thead .tcn-tr .tcn-th:not(:last-of-type):not(:nth-last-of-type(2)){border-right:1px solid var(--ergo-grey)}.tcn-thead .tcn-tr .tcn-th:last-of-type{border-left:1px solid var(--ergo-grey)}.tcn-tfoot{font-weight:700}.tcn-tfoot .tcn-tr{height:var(--ergo-sizing-bar-sm)}.tcn-tfoot .tcn-tr .tcn-th,.tcn-tfoot .tcn-tr .tcn-td{border-top:1px solid var(--ergo-grey-light)}.tcn-thead,.tcn-tfoot{font-size:14px;--material: var(--ergo-secondary-light);--on-material: var(--ergo-accent-blue);--action: var(--ergo-accent-blue);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material)}:is(.tcn-thead,.tcn-tfoot) .tcn-tr .tcn-th:first-child{padding-inline:var(--table-pad-inline)}.tcn-tr{height:var(--ergo-sizing-bar-sm);align-content:center}.tcn-td,.tcn-th{padding-inline:var(--padding-medium);vertical-align:middle;text-align:start;background:var(--material)}.tcn-table .tcn-tr>.tcn-th:first-child,.tcn-table .tcn-tr>.tcn-td:first-child{padding-inline-start:var(--table-pad-inline)}.tcn-table .tcn-tr>.tcn-th:last-child,.tcn-table .tcn-tr>.tcn-td:last-child{padding-inline-end:var(--table-pad-inline)}.tcn-tbody{font-size:12px}.tcn-tbody .tcn-tr:nth-of-type(2n){--material: var(--ergo-accent-blue-light)}.tcn-tbody .tcn-tr:nth-of-type(odd){--material: var(--ergo-white)}.tcn-tbody .tcn-tr:hover{--material: color-mix(in srgb, var(--ergo-accent-blue-light), var(--action) 12%)}.tcn-tbody .tcn-tr[data-is-selected=true]{--material: var(--ergo-secondary);--on-material: var(--ergo-white);--action: var(--ergo-tertiary);--on-action: var(--ergo-accent-blue)}.tcn-tbody .tcn-tr{--material: var(--bg-row);--on-material: var(--ergo-accent-blue);--action: var(--ergo-accent-blue);--on-action: var(--ergo-white);background-color:var(--material);color:var(--on-material)}.tcn-body-text[data-emphasis=faint],.tcn-headline[data-emphasis=faint],.tcn-subheadline[data-emphasis=faint],.tcn-callout[data-emphasis=faint],.tcn-footnote[data-emphasis=faint],.tcn-caption[data-emphasis=faint],.tcn-title[data-emphasis=faint]{color:color-mix(in srgb,var(--font-color) 70%,transparent)}.tcn-chip{--action: var(--ergo-primary);--accent-color: var(--ergo-primary)}.tcn-datum[data-emphasis=normal]{--datum-font-color: var(--on-material)}.tcn-datum[data-emphasis=strong]{--datum-font-weight: 700}.tcn-datum[data-emphasis=faint]{--datum-font-color: color-mix(in srgb, var(--on-material), transparent 12%)}.tcn-datum[data-severity=dangerous]{--datum-font-color: var(--ergo-status-red)}.tcn-datum[data-severity=cautious]{--datum-font-color: var(--ergo-status-yellow)}.tcn-datum[data-severity=suggested]{--datum-font-color: var(--ergo-status-blue)}.tcn-datum[data-severity=encouraged]{--datum-font-color: var(--ergo-status-green)}.tcn-key{--accent-color: var(--action);font-size:14px;color:var(--datum-font-color);font-weight:var(--datum-font-weight, 400)}.tcn-value{font-size:12px;color:var(--datum-font-color);font-weight:var(--datum-font-weight, 400)}.tcn-term>.tcn-key,.tcn-term>.tcn-value{max-width:50%}.tcn-value :where(.tcn-chip){--action: var(--ergo-accent-blue);--accent-color: var(--ergo-accent-blue)}.tcn-resize-handle[data-axis=horizontal]{width:8px}.tcn-resize-handle[data-axis=vertical]{height:8px}.tcn-resize-handle[data-axis=horizontal]:after,.tcn-resize-handle[data-axis=vertical]:after{content:"";position:absolute;border-radius:var(--ergo-shape-radius-medium);background-color:var(--ergo-grey-light);pointer-events:none;transition:background-color .3s;top:50%;left:50%;transform:translate(-50%,-50%)}.tcn-resize-handle[data-axis=horizontal]:after{width:4px;height:16px}.tcn-resize-handle[data-axis=vertical]:after{width:16px;height:4px}.tcn-resize-handle[data-axis=corner]:after{content:"";position:absolute;width:8px;height:8px;border-style:solid;border-color:var(--ergo-grey-light);border-width:0;pointer-events:none;transition:border-color .15s}.tcn-resize-handle[data-position=top-left]:after{top:0;left:0;border-top-width:4px;border-left-width:4px}.tcn-resize-handle[data-position=top-right]:after{top:0;right:0;border-top-width:4px;border-right-width:4px}.tcn-resize-handle[data-position=bottom-left]:after{bottom:0;left:0;border-bottom-width:4px;border-left-width:4px}.tcn-resize-handle[data-position=bottom-right]:after{bottom:0;right:0;border-bottom-width:4px;border-right-width:4px}.tcn-resize-handle[data-position=top-start]:dir(ltr):after{top:0;left:0;border-top-width:4px;border-left-width:4px}.tcn-resize-handle[data-position=top-start]:dir(rtl):after{top:0;right:0;border-top-width:4px;border-right-width:4px}.tcn-resize-handle[data-position=top-end]:dir(ltr):after{top:0;right:0;border-top-width:4px;border-right-width:4px}.tcn-resize-handle[data-position=top-end]:dir(rtl):after{top:0;left:0;border-top-width:4px;border-left-width:4px}.tcn-resize-handle[data-position=bottom-start]:dir(ltr):after{bottom:0;left:0;border-bottom-width:4px;border-left-width:4px}.tcn-resize-handle[data-position=bottom-start]:dir(rtl):after{bottom:0;right:0;border-bottom-width:4px;border-right-width:4px}.tcn-resize-handle[data-position=bottom-end]:dir(ltr):after{bottom:0;right:0;border-bottom-width:4px;border-right-width:4px}.tcn-resize-handle[data-position=bottom-end]:dir(rtl):after{bottom:0;left:0;border-bottom-width:4px;border-left-width:4px}.tcn-resize-handle[data-axis=horizontal]:hover:after,.tcn-resize-handle[data-axis=vertical]:hover:after{background-color:var(--ergo-grey-dark)}.tcn-resize-handle:hover:after{border-color:var(--ergo-grey-dark)}}

package/dist/themes/themes/ergo/ergo_theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ergo_theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/themes/ergo/ergo_theme.ts"],"names":[],"mappings":"AAIA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,cAAc,eAAqD,CAAC"}
+{"version":3,"file":"ergo_theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/themes/ergo/ergo_theme.ts"],"names":[],"mappings":"AASA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,cAAc,eASzB,CAAC"}