@tcn/ui 0.3.1 → 0.3.3

package/README.md

@@ -6,6 +6,8 @@ A comprehensive React component library providing a complete set of UI component
 
 `@tcn/ui` is the main UI component package in the Blackcat design system. It provides a unified API with organized sub-exports for different component categories.
 
+This package is primarily composed of "atomic" components meant to be used as building blocks in applications and in more comprehensive components.
+
 ## Usage
 
 Import components from the main package or use sub-exports for better tree-shaking:
@@ -43,4 +45,3 @@ import { VStack } from '@tcn/ui/stacks';
 ## Development
 
 Each component category is organized in its own directory under `src/` with its own index file for clean sub-exports. The package uses Vite for building and Storybook for component documentation.
-

package/dist/actions/button/base_button/base_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base_button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/base_button/base_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GACvD,cAAc,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAExF,eAAO,MAAM,UAAU,wGAkEtB,CAAC"}
+{"version":3,"file":"base_button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/base_button/base_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GACvD,cAAc,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAExF,eAAO,MAAM,UAAU,wGAmEtB,CAAC"}

package/dist/actions/button/base_button/base_button.js

@@ -6,31 +6,31 @@ import '../../../base_button.css';const v = "_base-button_d33aa84", x = { "base-
   function({
     children: s,
     className: i,
-    style: l,
+    style: c,
     color: e,
-    hierarchy: u = "secondary",
-    severity: c = "neutral",
+    hierarchy: l = "secondary",
+    severity: u = "neutral",
     size: d = "md",
-    onTouchStart: n,
-    onContextMenu: a,
-    ...o
+    onTouchStart: a,
+    onContextMenu: o,
+    ...r
   }, f) {
     const b = (t) => {
-      if (n == null) {
+      if (a == null) {
         t.preventDefault();
         return;
       }
-      n(t);
+      a(t);
     }, m = (t) => {
-      if (a == null) {
+      if (o == null) {
         t.preventDefault();
         return;
       }
-      a(t);
-    }, r = {
-      ...l
+      o(t);
+    }, n = {
+      ...c
     };
-    return e && (r["--interactive-color"] = e), /* @__PURE__ */ h(
+    return e && (n["--tcn-interactive-color"] = e, n["--tcn-button-color"] = e), /* @__PURE__ */ h(
       p,
       {
         ref: f,
@@ -38,20 +38,20 @@ import '../../../base_button.css';const v = "_base-button_d33aa84", x = { "base-
         inline: !0,
         vAlign: "center",
         hAlign: "center",
-        "data-severity": c,
-        "data-hierarchy": u,
+        "data-severity": u,
+        "data-hierarchy": l,
         "data-size": d,
-        "data-is-disabled": !!o.disabled,
+        "data-is-disabled": !!r.disabled,
         className: B(
           x["base-button"],
           "tcn-interactive",
           "tcn-base-button",
           i
         ),
-        style: r,
+        style: n,
         onTouchStart: b,
         onContextMenu: m,
-        ...o,
+        ...r,
         children: s
       }
     );

package/dist/actions/button/base_button/base_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"base_button.js","sources":["../../../../src/actions/button/base_button/base_button.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport type { Hierarchy, Size } from '../../../utils/index.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport styles from './base_button.module.css';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport type { ActionSeverity } from '../../types.js';\n\nexport interface BaseButtonOwnProps {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  color?: string;\n  severity?: ActionSeverity;\n}\n\nexport type BaseButtonWithStackProps = BaseButtonOwnProps &\n  HStackOwnProps & {\n    children?: React.ReactNode;\n  };\n\nexport type BaseButtonProps = WithDetailedHTMLProps<BaseButtonWithStackProps, 'button'>;\n\nexport const BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(\n  function BaseButton(\n    {\n      children,\n      className,\n      style,\n      color,\n      hierarchy = 'secondary',\n      severity = 'neutral',\n      size = 'md',\n      onTouchStart,\n      onContextMenu,\n      ...props\n    },\n    ref\n  ) {\n    const handleTouchStart = (event: React.TouchEvent<HTMLButtonElement>) => {\n      if (onTouchStart == null) {\n        event.preventDefault();\n        return;\n      }\n      onTouchStart(event);\n    };\n\n    const handleContextMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (onContextMenu == null) {\n        event.preventDefault();\n        return;\n      }\n      onContextMenu(event);\n    };\n\n    const finalStyle: React.CSSProperties = {\n      ...style,\n    };\n\n    if (color) {\n      finalStyle['--interactive-color'] = color;\n    }\n\n    return (\n      <HStack\n        ref={ref}\n        as=\"button\"\n        inline\n        vAlign=\"center\"\n        hAlign=\"center\"\n        data-severity={severity}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        data-is-disabled={Boolean(props.disabled)}\n        className={clsx(\n          styles['base-button'],\n          'tcn-interactive',\n          'tcn-base-button',\n          className\n        )}\n        style={finalStyle}\n        onTouchStart={handleTouchStart}\n        onContextMenu={handleContextMenu}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["BaseButton","React","children","className","style","color","hierarchy","severity","size","onTouchStart","onContextMenu","props","ref","handleTouchStart","event","handleContextMenu","finalStyle","jsx","HStack","clsx","styles"],"mappings":";;;;4DAuBaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAmB,CAACC,MAA+C;AACvE,UAAIL,KAAgB,MAAM;AACxB,QAAAK,EAAM,eAAA;AACN;AAAA,MACF;AACA,MAAAL,EAAaK,CAAK;AAAA,IACpB,GAEMC,IAAoB,CAACD,MAA+C;AACxE,UAAIJ,KAAiB,MAAM;AACzB,QAAAI,EAAM,eAAA;AACN;AAAA,MACF;AACA,MAAAJ,EAAcI,CAAK;AAAA,IACrB,GAEME,IAAkC;AAAA,MACtC,GAAGZ;AAAA,IAAA;AAGL,WAAIC,MACFW,EAAW,qBAAqB,IAAIX,IAIpC,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,IAAG;AAAA,QACH,QAAM;AAAA,QACN,QAAO;AAAA,QACP,QAAO;AAAA,QACP,iBAAeL;AAAA,QACf,kBAAgBD;AAAA,QAChB,aAAWE;AAAA,QACX,oBAAkB,EAAQG,EAAM;AAAA,QAChC,WAAWQ;AAAA,UACTC,EAAO,aAAa;AAAA,UACpB;AAAA,UACA;AAAA,UACAjB;AAAA,QAAA;AAAA,QAEF,OAAOa;AAAA,QACP,cAAcH;AAAA,QACd,eAAeE;AAAA,QACd,GAAGJ;AAAA,QAEH,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"base_button.js","sources":["../../../../src/actions/button/base_button/base_button.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport type { Hierarchy, Size } from '../../../utils/index.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport styles from './base_button.module.css';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport type { ActionSeverity } from '../../types.js';\n\nexport interface BaseButtonOwnProps {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  color?: string;\n  severity?: ActionSeverity;\n}\n\nexport type BaseButtonWithStackProps = BaseButtonOwnProps &\n  HStackOwnProps & {\n    children?: React.ReactNode;\n  };\n\nexport type BaseButtonProps = WithDetailedHTMLProps<BaseButtonWithStackProps, 'button'>;\n\nexport const BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(\n  function BaseButton(\n    {\n      children,\n      className,\n      style,\n      color,\n      hierarchy = 'secondary',\n      severity = 'neutral',\n      size = 'md',\n      onTouchStart,\n      onContextMenu,\n      ...props\n    },\n    ref\n  ) {\n    const handleTouchStart = (event: React.TouchEvent<HTMLButtonElement>) => {\n      if (onTouchStart == null) {\n        event.preventDefault();\n        return;\n      }\n      onTouchStart(event);\n    };\n\n    const handleContextMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (onContextMenu == null) {\n        event.preventDefault();\n        return;\n      }\n      onContextMenu(event);\n    };\n\n    const finalStyle: React.CSSProperties = {\n      ...style,\n    };\n\n    if (color) {\n      finalStyle['--tcn-interactive-color'] = color;\n      finalStyle['--tcn-button-color'] = color;\n    }\n\n    return (\n      <HStack\n        ref={ref}\n        as=\"button\"\n        inline\n        vAlign=\"center\"\n        hAlign=\"center\"\n        data-severity={severity}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        data-is-disabled={Boolean(props.disabled)}\n        className={clsx(\n          styles['base-button'],\n          'tcn-interactive',\n          'tcn-base-button',\n          className\n        )}\n        style={finalStyle}\n        onTouchStart={handleTouchStart}\n        onContextMenu={handleContextMenu}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["BaseButton","React","children","className","style","color","hierarchy","severity","size","onTouchStart","onContextMenu","props","ref","handleTouchStart","event","handleContextMenu","finalStyle","jsx","HStack","clsx","styles"],"mappings":";;;;4DAuBaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAmB,CAACC,MAA+C;AACvE,UAAIL,KAAgB,MAAM;AACxB,QAAAK,EAAM,eAAA;AACN;AAAA,MACF;AACA,MAAAL,EAAaK,CAAK;AAAA,IACpB,GAEMC,IAAoB,CAACD,MAA+C;AACxE,UAAIJ,KAAiB,MAAM;AACzB,QAAAI,EAAM,eAAA;AACN;AAAA,MACF;AACA,MAAAJ,EAAcI,CAAK;AAAA,IACrB,GAEME,IAAkC;AAAA,MACtC,GAAGZ;AAAA,IAAA;AAGL,WAAIC,MACFW,EAAW,yBAAyB,IAAIX,GACxCW,EAAW,oBAAoB,IAAIX,IAInC,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,IAAG;AAAA,QACH,QAAM;AAAA,QACN,QAAO;AAAA,QACP,QAAO;AAAA,QACP,iBAAeL;AAAA,QACf,kBAAgBD;AAAA,QAChB,aAAWE;AAAA,QACX,oBAAkB,EAAQG,EAAM;AAAA,QAChC,WAAWQ;AAAA,UACTC,EAAO,aAAa;AAAA,UACpB;AAAA,UACA;AAAA,UACAjB;AAAA,QAAA;AAAA,QAEF,OAAOa;AAAA,QACP,cAAcH;AAAA,QACd,eAAeE;AAAA,QACd,GAAGJ;AAAA,QAEH,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/actions/button/button_group/button_group.d.ts

@@ -5,7 +5,7 @@ import { ButtonProps } from '../button/button.js';
 export interface ButtonGroupOwnProps {
     hierarchy?: Hierarchy;
     size?: Size;
-    children: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];
+    children: React.ReactElement<Omit<ButtonProps, 'hierarchy'>> | React.ReactElement<Omit<ButtonProps, 'hierarchy'>>[];
 }
 export type ButtonGroupProps = WithDetailedHTMLProps<ButtonGroupOwnProps, 'div'>;
 export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/actions/button/button_group/button_group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button_group/button_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAC/E;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AAEjF,eAAO,MAAM,WAAW,sGAiDvB,CAAC"}
+{"version":3,"file":"button_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button_group/button_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,GAClD,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC;CAC1D;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AAEjF,eAAO,MAAM,WAAW,sGAoDvB,CAAC"}

package/dist/actions/button/button_group/button_group.js

@@ -4,22 +4,22 @@ import { clsx as n } from "clsx";
 import i from "react";
 import { Button as l } from "../button/button.js";
 import '../../../button_group.css';const _ = "_button-group_87e4f35", v = "_button-group-button_654d1ae", G = "_button-group-divider_9659287", a = { "button-group": _, "button-group-button": v, "button-group-divider": G }, w = i.forwardRef(
-  function({ children: t, className: d, hierarchy: o = "secondary", size: r = "md", ...b }, m) {
+  function({ children: t, className: d, hierarchy: o = "secondary", size: r = "md", ...b }, c) {
     const s = Array.isArray(t) ? t : [t];
     return /* @__PURE__ */ u(
       f,
       {
-        ref: m,
+        ref: c,
         as: "div",
         inline: !0,
         width: "auto",
         height: "auto",
         "data-hierarchy": o,
         "data-size": r,
-        className: n(a["button-group"], "button-group", d),
+        className: n(a["button-group"], "tcn-button-group", d),
         ...b,
         children: s.map((p, e) => {
-          const c = s.length - 1 === e;
+          const m = s.length - 1 === e;
           return /* @__PURE__ */ g(i.Fragment, { children: [
             /* @__PURE__ */ u(
               l,
@@ -27,17 +27,20 @@ import '../../../button_group.css';const _ = "_button-group_87e4f35", v = "_butt
                 ...p.props,
                 className: n(
                   a["button-group-button"],
-                  "button-group-button",
+                  "tcn-button-group-button",
                   p.props.className
                 ),
                 hierarchy: o,
                 size: r
               }
             ),
-            !c && /* @__PURE__ */ u(
+            !m && /* @__PURE__ */ u(
               "div",
               {
-                className: n(a["button-group-divider"], "button-group-divider"),
+                className: n(
+                  a["button-group-divider"],
+                  "tcn-button-group-divider"
+                ),
                 "data-hierarchy": o,
                 "data-size": r
               }

package/dist/actions/button/button_group/button_group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button_group.js","sources":["../../../../src/actions/button/button_group/button_group.tsx"],"sourcesContent":["import type { Hierarchy, Size } from '../../../utils/index.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { Button, ButtonProps } from '../button/button.js';\nimport styles from './button_group.module.css';\n\nexport interface ButtonGroupOwnProps {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];\n}\n\nexport type ButtonGroupProps = WithDetailedHTMLProps<ButtonGroupOwnProps, 'div'>;\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    { children, className, hierarchy = 'secondary', size = 'md', ...props },\n    ref\n  ) {\n    const buttons: React.ReactElement<ButtonProps>[] = Array.isArray(children)\n      ? children\n      : [children];\n\n    return (\n      <HStack\n        ref={ref}\n        as=\"div\"\n        inline\n        width=\"auto\"\n        height=\"auto\"\n        data-hierarchy={hierarchy}\n        data-size={size}\n        className={clsx(styles['button-group'], 'button-group', className)}\n        {...props}\n      >\n        {buttons.map((button, i) => {\n          const isLast = buttons.length - 1 === i;\n\n          return (\n            <React.Fragment key={i}>\n              <Button\n                {...button.props}\n                className={clsx(\n                  styles['button-group-button'],\n                  'button-group-button',\n                  button.props.className\n                )}\n                hierarchy={hierarchy}\n                size={size}\n              />\n              {!isLast && (\n                <div\n                  className={clsx(styles['button-group-divider'], 'button-group-divider')}\n                  data-hierarchy={hierarchy}\n                  data-size={size}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </HStack>\n    );\n  }\n);\n"],"names":["ButtonGroup","React","children","className","hierarchy","size","props","ref","buttons","jsx","HStack","clsx","styles","button","i","isLast","jsxs","Button"],"mappings":";;;;;4LAgBaA,IAAcC,EAAM;AAAA,EAC/B,SACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,GAAGC,EAAA,GAChEC,GACA;AACA,UAAMC,IAA6C,MAAM,QAAQN,CAAQ,IACrEA,IACA,CAACA,CAAQ;AAEb,WACE,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,IAAG;AAAA,QACH,QAAM;AAAA,QACN,OAAM;AAAA,QACN,QAAO;AAAA,QACP,kBAAgBH;AAAA,QAChB,aAAWC;AAAA,QACX,WAAWM,EAAKC,EAAO,cAAc,GAAG,gBAAgBT,CAAS;AAAA,QAChE,GAAGG;AAAA,QAEH,UAAAE,EAAQ,IAAI,CAACK,GAAQC,MAAM;AAC1B,gBAAMC,IAASP,EAAQ,SAAS,MAAMM;AAEtC,iBACE,gBAAAE,EAACf,EAAM,UAAN,EACC,UAAA;AAAA,YAAA,gBAAAQ;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACE,GAAGJ,EAAO;AAAA,gBACX,WAAWF;AAAA,kBACTC,EAAO,qBAAqB;AAAA,kBAC5B;AAAA,kBACAC,EAAO,MAAM;AAAA,gBAAA;AAAA,gBAEf,WAAAT;AAAA,gBACA,MAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAED,CAACU,KACA,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE,EAAKC,EAAO,sBAAsB,GAAG,sBAAsB;AAAA,gBACtE,kBAAgBR;AAAA,gBAChB,aAAWC;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EAAA,GAhBiBS,CAkBrB;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"button_group.js","sources":["../../../../src/actions/button/button_group/button_group.tsx"],"sourcesContent":["import type { Hierarchy, Size } from '../../../utils/index.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { Button, ButtonProps } from '../button/button.js';\nimport styles from './button_group.module.css';\n\nexport interface ButtonGroupOwnProps {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children:\n    | React.ReactElement<Omit<ButtonProps, 'hierarchy'>>\n    | React.ReactElement<Omit<ButtonProps, 'hierarchy'>>[];\n}\n\nexport type ButtonGroupProps = WithDetailedHTMLProps<ButtonGroupOwnProps, 'div'>;\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    { children, className, hierarchy = 'secondary', size = 'md', ...props },\n    ref\n  ) {\n    const buttons: React.ReactElement<ButtonProps>[] = Array.isArray(children)\n      ? children\n      : [children];\n\n    return (\n      <HStack\n        ref={ref}\n        as=\"div\"\n        inline\n        width=\"auto\"\n        height=\"auto\"\n        data-hierarchy={hierarchy}\n        data-size={size}\n        className={clsx(styles['button-group'], 'tcn-button-group', className)}\n        {...props}\n      >\n        {buttons.map((button, i) => {\n          const isLast = buttons.length - 1 === i;\n\n          return (\n            <React.Fragment key={i}>\n              <Button\n                {...button.props}\n                className={clsx(\n                  styles['button-group-button'],\n                  'tcn-button-group-button',\n                  button.props.className\n                )}\n                hierarchy={hierarchy}\n                size={size}\n              />\n              {!isLast && (\n                <div\n                  className={clsx(\n                    styles['button-group-divider'],\n                    'tcn-button-group-divider'\n                  )}\n                  data-hierarchy={hierarchy}\n                  data-size={size}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </HStack>\n    );\n  }\n);\n"],"names":["ButtonGroup","React","children","className","hierarchy","size","props","ref","buttons","jsx","HStack","clsx","styles","button","i","isLast","jsxs","Button"],"mappings":";;;;;4LAkBaA,IAAcC,EAAM;AAAA,EAC/B,SACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,GAAGC,EAAA,GAChEC,GACA;AACA,UAAMC,IAA6C,MAAM,QAAQN,CAAQ,IACrEA,IACA,CAACA,CAAQ;AAEb,WACE,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,IAAG;AAAA,QACH,QAAM;AAAA,QACN,OAAM;AAAA,QACN,QAAO;AAAA,QACP,kBAAgBH;AAAA,QAChB,aAAWC;AAAA,QACX,WAAWM,EAAKC,EAAO,cAAc,GAAG,oBAAoBT,CAAS;AAAA,QACpE,GAAGG;AAAA,QAEH,UAAAE,EAAQ,IAAI,CAACK,GAAQC,MAAM;AAC1B,gBAAMC,IAASP,EAAQ,SAAS,MAAMM;AAEtC,iBACE,gBAAAE,EAACf,EAAM,UAAN,EACC,UAAA;AAAA,YAAA,gBAAAQ;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACE,GAAGJ,EAAO;AAAA,gBACX,WAAWF;AAAA,kBACTC,EAAO,qBAAqB;AAAA,kBAC5B;AAAA,kBACAC,EAAO,MAAM;AAAA,gBAAA;AAAA,gBAEf,WAAAT;AAAA,gBACA,MAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAED,CAACU,KACA,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACTC,EAAO,sBAAsB;AAAA,kBAC7B;AAAA,gBAAA;AAAA,gBAEF,kBAAgBR;AAAA,gBAChB,aAAWC;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EAAA,GAnBiBS,CAqBrB;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/actions/button/select_group/select_group.js

@@ -23,7 +23,7 @@ import '../../../select_group.css';const x = "_select-group_c24986f", y = "_sele
       width: "auto",
       height: "auto",
       "data-is-disabled": t,
-      className: l(a["select-group"], "select-group", u),
+      className: l(a["select-group"], "tcn-select-group", u),
       ...f,
       children: g.map((e, p) => {
         const r = c.includes(e.props.value), s = () => {
@@ -34,7 +34,7 @@ import '../../../select_group.css';const x = "_select-group_c24986f", y = "_sele
           {
             disabled: t || e.props.disabled,
             "data-is-disabled": t || e.props.disabled,
-            className: l(a["select-group-option"], "select-group-option"),
+            className: l(a["select-group-option"], "tcn-select-group-option"),
             hierarchy: r ? "primary" : "secondary",
             onClick: s,
             value: e.props.value,

package/dist/actions/button/select_group/select_group.js.map

@@ -1 +1 @@
-{"version":3,"file":"select_group.js","sources":["../../../../src/actions/button/select_group/select_group.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../button/button.js';\nimport styles from './select_group.module.css';\n\nexport type SelectGroupChangeCallback = (values: string[]) => void;\nexport interface SelectGroupOwnProps {\n  value: string[];\n  disabled?: boolean;\n}\n\nexport type SelectGroupProps = Omit<\n  WithDetailedHTMLProps<SelectGroupOwnProps, 'div'>,\n  'onChange'\n> & {\n  onChange?: SelectGroupChangeCallback;\n  children:\n    | React.ReactElement<HTMLOptionElement>\n    | React.ReactElement<HTMLOptionElement>[];\n};\n\nexport const SelectGroup = React.forwardRef(function ButtonGroup(\n  { children, value, className, onChange, disabled = false, ...props }: SelectGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const options: React.ReactElement<any>[] = Array.isArray(children)\n    ? children\n    : [children];\n\n  const handleChange = (option: string, isSelected: boolean) => {\n    if (disabled) return;\n    const next = [...value];\n    if (isSelected) {\n      const index = value.indexOf(option);\n      index > -1 && next.splice(index, 1);\n    } else {\n      next.push(option);\n    }\n    onChange?.(next);\n  };\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      inline\n      width=\"auto\"\n      height=\"auto\"\n      data-is-disabled={disabled}\n      className={clsx(styles['select-group'], 'select-group', className)}\n      {...props}\n    >\n      {options.map((option, i) => {\n        const isSelected = value.includes(option.props.value);\n        const select = () => {\n          handleChange(option.props.value, isSelected);\n        };\n\n        return (\n          <React.Fragment key={i}>\n            <Button\n              disabled={disabled || option.props.disabled}\n              data-is-disabled={disabled || option.props.disabled}\n              className={clsx(styles['select-group-option'], 'select-group-option')}\n              hierarchy={isSelected ? 'primary' : 'secondary'}\n              onClick={select}\n              value={option.props.value}\n            >\n              {option.props.children}\n            </Button>\n          </React.Fragment>\n        );\n      })}\n    </HStack>\n  );\n});\n"],"names":["SelectGroup","React","children","value","className","onChange","disabled","props","ref","options","handleChange","option","isSelected","next","index","jsx","HStack","clsx","styles","i","select","Button"],"mappings":";;;;;4LAuBaA,IAAcC,EAAM,WAAW,SAC1C,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,IAAW,IAAO,GAAGC,EAAA,GAC7DC,GACA;AACA,QAAMC,IAAqC,MAAM,QAAQP,CAAQ,IAC7DA,IACA,CAACA,CAAQ,GAEPQ,IAAe,CAACC,GAAgBC,MAAwB;AAC5D,QAAIN,EAAU;AACd,UAAMO,IAAO,CAAC,GAAGV,CAAK;AACtB,QAAIS,GAAY;AACd,YAAME,IAAQX,EAAM,QAAQQ,CAAM;AAClC,MAAAG,IAAQ,MAAMD,EAAK,OAAOC,GAAO,CAAC;AAAA,IACpC;AACE,MAAAD,EAAK,KAAKF,CAAM;AAElB,IAAAN,IAAWQ,CAAI;AAAA,EACjB;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,oBAAkBF;AAAA,MAClB,WAAWW,EAAKC,EAAO,cAAc,GAAG,gBAAgBd,CAAS;AAAA,MAChE,GAAGG;AAAA,MAEH,UAAAE,EAAQ,IAAI,CAACE,GAAQQ,MAAM;AAC1B,cAAMP,IAAaT,EAAM,SAASQ,EAAO,MAAM,KAAK,GAC9CS,IAAS,MAAM;AACnB,UAAAV,EAAaC,EAAO,MAAM,OAAOC,CAAU;AAAA,QAC7C;AAEA,eACE,gBAAAG,EAACd,EAAM,UAAN,EACC,UAAA,gBAAAc;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUf,KAAYK,EAAO,MAAM;AAAA,YACnC,oBAAkBL,KAAYK,EAAO,MAAM;AAAA,YAC3C,WAAWM,EAAKC,EAAO,qBAAqB,GAAG,qBAAqB;AAAA,YACpE,WAAWN,IAAa,YAAY;AAAA,YACpC,SAASQ;AAAA,YACT,OAAOT,EAAO,MAAM;AAAA,YAEnB,YAAO,MAAM;AAAA,UAAA;AAAA,QAAA,KATGQ,CAWrB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"select_group.js","sources":["../../../../src/actions/button/select_group/select_group.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../button/button.js';\nimport styles from './select_group.module.css';\n\nexport type SelectGroupChangeCallback = (values: string[]) => void;\nexport interface SelectGroupOwnProps {\n  value: string[];\n  disabled?: boolean;\n}\n\nexport type SelectGroupProps = Omit<\n  WithDetailedHTMLProps<SelectGroupOwnProps, 'div'>,\n  'onChange'\n> & {\n  onChange?: SelectGroupChangeCallback;\n  children:\n    | React.ReactElement<HTMLOptionElement>\n    | React.ReactElement<HTMLOptionElement>[];\n};\n\nexport const SelectGroup = React.forwardRef(function ButtonGroup(\n  { children, value, className, onChange, disabled = false, ...props }: SelectGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const options: React.ReactElement<any>[] = Array.isArray(children)\n    ? children\n    : [children];\n\n  const handleChange = (option: string, isSelected: boolean) => {\n    if (disabled) return;\n    const next = [...value];\n    if (isSelected) {\n      const index = value.indexOf(option);\n      index > -1 && next.splice(index, 1);\n    } else {\n      next.push(option);\n    }\n    onChange?.(next);\n  };\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      inline\n      width=\"auto\"\n      height=\"auto\"\n      data-is-disabled={disabled}\n      className={clsx(styles['select-group'], 'tcn-select-group', className)}\n      {...props}\n    >\n      {options.map((option, i) => {\n        const isSelected = value.includes(option.props.value);\n        const select = () => {\n          handleChange(option.props.value, isSelected);\n        };\n\n        return (\n          <React.Fragment key={i}>\n            <Button\n              disabled={disabled || option.props.disabled}\n              data-is-disabled={disabled || option.props.disabled}\n              className={clsx(styles['select-group-option'], 'tcn-select-group-option')}\n              hierarchy={isSelected ? 'primary' : 'secondary'}\n              onClick={select}\n              value={option.props.value}\n            >\n              {option.props.children}\n            </Button>\n          </React.Fragment>\n        );\n      })}\n    </HStack>\n  );\n});\n"],"names":["SelectGroup","React","children","value","className","onChange","disabled","props","ref","options","handleChange","option","isSelected","next","index","jsx","HStack","clsx","styles","i","select","Button"],"mappings":";;;;;4LAuBaA,IAAcC,EAAM,WAAW,SAC1C,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,IAAW,IAAO,GAAGC,EAAA,GAC7DC,GACA;AACA,QAAMC,IAAqC,MAAM,QAAQP,CAAQ,IAC7DA,IACA,CAACA,CAAQ,GAEPQ,IAAe,CAACC,GAAgBC,MAAwB;AAC5D,QAAIN,EAAU;AACd,UAAMO,IAAO,CAAC,GAAGV,CAAK;AACtB,QAAIS,GAAY;AACd,YAAME,IAAQX,EAAM,QAAQQ,CAAM;AAClC,MAAAG,IAAQ,MAAMD,EAAK,OAAOC,GAAO,CAAC;AAAA,IACpC;AACE,MAAAD,EAAK,KAAKF,CAAM;AAElB,IAAAN,IAAWQ,CAAI;AAAA,EACjB;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,oBAAkBF;AAAA,MAClB,WAAWW,EAAKC,EAAO,cAAc,GAAG,oBAAoBd,CAAS;AAAA,MACpE,GAAGG;AAAA,MAEH,UAAAE,EAAQ,IAAI,CAACE,GAAQQ,MAAM;AAC1B,cAAMP,IAAaT,EAAM,SAASQ,EAAO,MAAM,KAAK,GAC9CS,IAAS,MAAM;AACnB,UAAAV,EAAaC,EAAO,MAAM,OAAOC,CAAU;AAAA,QAC7C;AAEA,eACE,gBAAAG,EAACd,EAAM,UAAN,EACC,UAAA,gBAAAc;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUf,KAAYK,EAAO,MAAM;AAAA,YACnC,oBAAkBL,KAAYK,EAAO,MAAM;AAAA,YAC3C,WAAWM,EAAKC,EAAO,qBAAqB,GAAG,yBAAyB;AAAA,YACxE,WAAWN,IAAa,YAAY;AAAA,YACpC,SAASQ;AAAA,YACT,OAAOT,EAAO,MAAM;AAAA,YAEnB,YAAO,MAAM;AAAA,UAAA;AAAA,QAAA,KATGQ,CAWrB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/badge.css

@@ -1 +1 @@
-._badge-bubble_7fe9ed5{position:absolute;transform:translate(-50%,-75%)}body[dir=ltr] ._badge-bubble_7fe9ed5{top:0;left:100%}body[dir=rtl] ._badge-bubble_7fe9ed5{top:0;left:0}
+@layer tcn-system{:where(._badge-bubble_7fe9ed5){position:absolute;transform:translate(-50%,-75%)}:where(body[dir=ltr] ._badge-bubble_7fe9ed5){top:0;left:100%}:where(body[dir=rtl] ._badge-bubble_7fe9ed5){top:0;left:0}}

package/dist/base_button.css

@@ -1 +1 @@
-._base-button_d33aa84{width:auto;height:auto;word-break:break-word;overflow-wrap:break-word;color:var(--button-text-color, #fff);background-color:var(--button-color, var(--accent-color, #ccc))}._base-button_d33aa84[data-width=default]{width:auto;flex-grow:0;flex-shrink:0;flex-basis:auto}
+@layer tcn-system{:where(._base-button_d33aa84){width:auto;height:auto;word-break:break-word;overflow-wrap:break-word;color:var(--tcn-button-text-color, #fff);background-color:var(--tcn-button-color, var(--accent-color, #ccc))}:where(._base-button_d33aa84[data-width=default]){width:auto;flex-grow:0;flex-shrink:0;flex-basis:auto}}

package/dist/body_text.css

@@ -1 +1 @@
-._body-text_ee60621{display:inline-block;line-height:1.5}._body-text_ee60621[data-word-break=true]{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._body-text_ee60621[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._body-text_ee60621[data-selectable=false]{-webkit-user-select:none;user-select:none}._body-text_ee60621[data-size=sm]{font-size:calc(10px * var(--scalar, 1));line-height:1.7}._body-text_ee60621[data-size=md]{font-size:calc(12px * var(--scalar, 1));line-height:1.5}._body-text_ee60621[data-size=lg]{font-size:calc(14px * var(--scalar, 1));line-height:1.3}._body-text_ee60621[data-hierarchy=primary]{opacity:1}._body-text_ee60621[data-hierarchy=secondary]{opacity:.85}._body-text_ee60621[data-hierarchy=tertiary]{opacity:.7}._body-text_ee60621[data-emphasis=strong]{font-weight:700}._body-text_ee60621[data-emphasis=normal]{font-weight:400}._body-text_ee60621[data-emphasis=light]{font-weight:200}
+@layer tcn-system{:where(._body-text_ee60621){display:inline-block;line-height:1.5}:where(._body-text_ee60621[data-word-break=true]){overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}:where(._body-text_ee60621[data-selectable=true]){-webkit-user-select:auto;user-select:auto}:where(._body-text_ee60621[data-selectable=false]){-webkit-user-select:none;user-select:none}:where(._body-text_ee60621[data-size=sm]){font-size:calc(10px * var(--scalar, 1));line-height:1.7}:where(._body-text_ee60621[data-size=md]){font-size:calc(12px * var(--scalar, 1));line-height:1.5}:where(._body-text_ee60621[data-size=lg]){font-size:calc(14px * var(--scalar, 1));line-height:1.3}:where(._body-text_ee60621[data-hierarchy=primary]){opacity:1}:where(._body-text_ee60621[data-hierarchy=secondary]){opacity:.85}:where(._body-text_ee60621[data-hierarchy=tertiary]){opacity:.7}:where(._body-text_ee60621[data-emphasis=strong]){font-weight:700}:where(._body-text_ee60621[data-emphasis=normal]){font-weight:400}:where(._body-text_ee60621[data-emphasis=light]){font-weight:200}}

package/dist/bottom_resize_handle.css

@@ -1 +1 @@
-._bottom-resize-handle_e3e2ef2{position:fixed;bottom:0;left:0;height:16px;width:100%;z-index:1;cursor:ns-resize;pointer-events:auto}
+@layer tcn-system{:where(._bottom-resize-handle_e3e2ef2){position:fixed;bottom:0;left:0;height:16px;width:100%;z-index:1;cursor:ns-resize;pointer-events:auto}}

package/dist/bubble.css

@@ -1 +1 @@
-._bubble_d3b757e{color:var(--bubble-text-color, inherit);background-color:var(--bubble-color, transparent);box-sizing:border-box;font-size:calc(11px * var(--scalar, 1));border-radius:calc(10px * var(--scalar, 1));box-shadow:0 2px 4px #00000059;min-height:calc(20px * var(--scalar, 1));min-width:calc(20px * var(--scalar, 1));overflow:hidden}
+@layer tcn-system{:where(._bubble_d3b757e){color:var(--bubble-text-color, inherit);background-color:var(--bubble-color, transparent);box-sizing:border-box;font-size:calc(11px * var(--scalar, 1));border-radius:calc(10px * var(--scalar, 1));box-shadow:0 2px 4px #00000059;min-height:calc(20px * var(--scalar, 1));min-width:calc(20px * var(--scalar, 1));overflow:hidden}}

package/dist/button.css

@@ -1 +1 @@
-._button_fd354ec{--button-height: calc(26px * var(--scalar, 1));--button-color: var(--accent-color);--button-color-hover: color-mix(in srgb, var(--button-color) 90%, black);--button-color-active: color-mix(in srgb, var(--button-color) 75%, black);--button-color-disabled: var(--status-disabled, #cccccc);min-height:var(--button-height);width:auto;cursor:pointer;font-size:calc(14px * var(--scalar, 1));line-height:calc(16px * var(--scalar, 1))}._button_fd354ec[data-size=sm]{--button-height: calc(22px * var(--scalar, 1))}._button_fd354ec[data-size=md]{--button-height: calc(26px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{--button-height: calc(32px * var(--scalar, 1))}._button_fd354ec[data-size=sm] ._button-text_5989b5f{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md] ._button-text_5989b5f{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg] ._button-text_5989b5f{font-size:calc(16px * var(--scalar, 1))}._button_fd354ec[data-size=sm]{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md]{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{font-size:calc(16px * var(--scalar, 1))}
+@layer tcn-system{:where(._button_fd354ec){--button-height: calc(26px * var(--scalar, 1));--button-color: var(--accent-color);--button-color-hover: color-mix(in srgb, var(--button-color) 90%, black);--button-color-active: color-mix(in srgb, var(--button-color) 75%, black);--button-color-disabled: var(--status-disabled, #cccccc);min-height:var(--button-height);width:auto;cursor:pointer;font-size:calc(14px * var(--scalar, 1));line-height:calc(16px * var(--scalar, 1))}:where(._button_fd354ec[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._button_fd354ec[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._button_fd354ec[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._button_fd354ec[data-size=sm] ._button-text_5989b5f){font-size:calc(12px * var(--scalar, 1))}:where(._button_fd354ec[data-size=md] ._button-text_5989b5f){font-size:calc(14px * var(--scalar, 1))}:where(._button_fd354ec[data-size=lg] ._button-text_5989b5f){font-size:calc(16px * var(--scalar, 1))}:where(._button_fd354ec[data-size=sm]){font-size:calc(12px * var(--scalar, 1))}:where(._button_fd354ec[data-size=md]){font-size:calc(14px * var(--scalar, 1))}:where(._button_fd354ec[data-size=lg]){font-size:calc(16px * var(--scalar, 1))}}

package/dist/button_group.css

@@ -1 +1 @@
-:where(._button-group_87e4f35){--button-background: var(--surface-color, transparent);border-radius:4px}:where(._button-group-button_654d1ae){background-color:var(--button-background);z-index:1}:where(._button-group-divider_9659287){display:none}._button-group-button_654d1ae:not(:first-child){margin-left:-1px}._button-group-button_654d1ae:is(:focus,:focus-visible,:hover,:active){z-index:2}._button-group-button_654d1ae:not(:first-child),._button-group-button_654d1ae:not(:last-child){border-radius:0}._button-group-button_654d1ae:last-child{border-end-end-radius:4px;border-start-end-radius:4px}._button-group-button_654d1ae:first-child{border-start-start-radius:4px;border-end-start-radius:4px}._button-group-button_654d1ae:last-child{border-inline-start-width:0}._button-group-button_654d1ae:first-child{border-inline-end-width:0}._button-group-button_654d1ae:only-child{border-inline-end-width:1px;border-inline-start-width:1px}:where(._button-group_87e4f35[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._button-group_87e4f35[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._button-group_87e4f35[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._button-group-button_654d1ae[data-is-disabled=true]){z-index:0}
+@layer tcn-system{:where(._button-group_87e4f35){--button-background: var(--surface-color, transparent);border-radius:4px}:where(._button-group-button_654d1ae){background-color:var(--button-background);z-index:1}:where(._button-group-divider_9659287){display:none}:where(._button-group-button_654d1ae:not(:first-child)){margin-left:-1px}:where(._button-group-button_654d1ae:is(:focus,:focus-visible,:hover,:active)){z-index:2}:where(._button-group-button_654d1ae:not(:first-child)),:where(._button-group-button_654d1ae:not(:last-child)){border-radius:0}:where(._button-group-button_654d1ae:last-child){border-end-end-radius:4px;border-start-end-radius:4px}:where(._button-group-button_654d1ae:first-child){border-start-start-radius:4px;border-end-start-radius:4px}:where(._button-group-button_654d1ae:last-child){border-inline-start-width:0}:where(._button-group-button_654d1ae:first-child){border-inline-end-width:0}:where(._button-group-button_654d1ae:only-child){border-inline-end-width:1px;border-inline-start-width:1px}:where(._button-group_87e4f35[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._button-group_87e4f35[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._button-group_87e4f35[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._button-group-button_654d1ae[data-is-disabled=true]){z-index:0}}

package/dist/callout.css

@@ -1 +1 @@
-._callout_32c6400{display:inline-block;line-height:1.4;letter-spacing:.01em}._callout_32c6400[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._callout_32c6400[data-selectable=false]{-webkit-user-select:none;user-select:none}._callout_32c6400[data-size=sm]{font-size:calc(13px * var(--scalar, 1));line-height:1.5}._callout_32c6400[data-size=md]{font-size:calc(15px * var(--scalar, 1));line-height:1.4}._callout_32c6400[data-size=lg]{font-size:calc(17px * var(--scalar, 1));line-height:1.35}._callout_32c6400[data-hierarchy=primary]{opacity:1}._callout_32c6400[data-hierarchy=secondary]{opacity:.85}._callout_32c6400[data-hierarchy=tertiary]{opacity:.7}._callout_32c6400[data-emphasis=strong]{font-weight:600}._callout_32c6400[data-emphasis=normal]{font-weight:400}._callout_32c6400[data-emphasis=light]{font-weight:300}
+@layer tcn-system{:where(._callout_32c6400){display:inline-block;line-height:1.4;letter-spacing:.01em}:where(._callout_32c6400[data-selectable=true]){-webkit-user-select:auto;user-select:auto}:where(._callout_32c6400[data-selectable=false]){-webkit-user-select:none;user-select:none}:where(._callout_32c6400[data-size=sm]){font-size:calc(13px * var(--scalar, 1));line-height:1.5}:where(._callout_32c6400[data-size=md]){font-size:calc(15px * var(--scalar, 1));line-height:1.4}:where(._callout_32c6400[data-size=lg]){font-size:calc(17px * var(--scalar, 1));line-height:1.35}:where(._callout_32c6400[data-hierarchy=primary]){opacity:1}:where(._callout_32c6400[data-hierarchy=secondary]){opacity:.85}:where(._callout_32c6400[data-hierarchy=tertiary]){opacity:.7}:where(._callout_32c6400[data-emphasis=strong]){font-weight:600}:where(._callout_32c6400[data-emphasis=normal]){font-weight:400}:where(._callout_32c6400[data-emphasis=light]){font-weight:300}}

package/dist/caption.css

@@ -1 +1 @@
-._caption_94e02c4{display:inline-block;line-height:1.6;letter-spacing:.03em}._caption_94e02c4[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._caption_94e02c4[data-selectable=false]{-webkit-user-select:none;user-select:none}._caption_94e02c4[data-size=sm]{font-size:calc(9px * var(--scalar, 1));line-height:1.7}._caption_94e02c4[data-size=md]{font-size:calc(11px * var(--scalar, 1));line-height:1.6}._caption_94e02c4[data-size=lg]{font-size:calc(13px * var(--scalar, 1));line-height:1.5}._caption_94e02c4[data-hierarchy=primary]{opacity:1}._caption_94e02c4[data-hierarchy=secondary]{opacity:.85}._caption_94e02c4[data-hierarchy=tertiary]{opacity:.7}._caption_94e02c4[data-emphasis=strong]{font-weight:500}._caption_94e02c4[data-emphasis=normal]{font-weight:400}._caption_94e02c4[data-emphasis=light]{font-weight:300}
+@layer tcn-system{:where(._caption_94e02c4){display:inline-block;line-height:1.6;letter-spacing:.03em}:where(._caption_94e02c4[data-selectable=true]){-webkit-user-select:auto;user-select:auto}:where(._caption_94e02c4[data-selectable=false]){-webkit-user-select:none;user-select:none}:where(._caption_94e02c4[data-size=sm]){font-size:calc(9px * var(--scalar, 1));line-height:1.7}:where(._caption_94e02c4[data-size=md]){font-size:calc(11px * var(--scalar, 1));line-height:1.6}:where(._caption_94e02c4[data-size=lg]){font-size:calc(13px * var(--scalar, 1));line-height:1.5}:where(._caption_94e02c4[data-hierarchy=primary]){opacity:1}:where(._caption_94e02c4[data-hierarchy=secondary]){opacity:.85}:where(._caption_94e02c4[data-hierarchy=tertiary]){opacity:.7}:where(._caption_94e02c4[data-emphasis=strong]){font-weight:500}:where(._caption_94e02c4[data-emphasis=normal]){font-weight:400}:where(._caption_94e02c4[data-emphasis=light]){font-weight:300}}

package/dist/checkbox.css

@@ -1 +1 @@
-._checkbox_cb77818{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:calc(var(--scalar, 1) * 15px);height:calc(var(--scalar, 1) * 15px);border-radius:4px;outline:none;outline-offset:0;border:1px solid var(--accent-color);margin:0;background-color:#fff;box-sizing:border-box;background-size:calc(12px * var(--scalar, 1)) calc(12px * var(--scalar, 1));background-position:center;background-repeat:no-repeat}._checkbox_cb77818[data-is-disabled=false]:active{background-color:var(--accent-color)}._checkbox_cb77818[data-is-disabled=true]{background-color:#0000000d;cursor:not-allowed;opacity:.5}._checkbox_cb77818:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._checkbox_cb77818[data-checked=true]{background-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._checkbox_cb77818[data-is-disabled=false]:active{background-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._checkbox_cb77818[data-is-disabled=true]{background-color:#0000004d}._checkbox_cb77818[data-checked=true][data-is-disabled=true]{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='rgba(255,255,255,0.3)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='rgba(255,255,255,0.3)' stroke-width='2'/%3E%3C/svg%3E")}
+@layer tcn-system{:where(._checkbox_cb77818){-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:calc(var(--scalar, 1) * 15px);height:calc(var(--scalar, 1) * 15px);border-radius:4px;outline:none;outline-offset:0;border:1px solid var(--accent-color);margin:0;background-color:#fff;box-sizing:border-box;background-size:calc(12px * var(--scalar, 1)) calc(12px * var(--scalar, 1));background-position:center;background-repeat:no-repeat}:where(._checkbox_cb77818[data-is-disabled=false]:active){background-color:var(--accent-color)}:where(._checkbox_cb77818[data-is-disabled=true]){background-color:#0000000d;cursor:not-allowed;opacity:.5}:where(._checkbox_cb77818:focus){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._checkbox_cb77818[data-checked=true]){background-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}:where(._checkbox_cb77818[data-is-disabled=false]:active){background-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}:where(._checkbox_cb77818[data-is-disabled=true]){background-color:#0000004d}:where(._checkbox_cb77818[data-checked=true][data-is-disabled=true]){background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='rgba(255,255,255,0.3)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='rgba(255,255,255,0.3)' stroke-width='2'/%3E%3C/svg%3E")}}

package/dist/chip.css

@@ -1 +1 @@
-._chip_35f6f0b{box-sizing:border-box;color:var(--chip-color, inherit);background-color:transparent;width:auto;height:auto;word-break:break-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:calc(2px * var(--scalar, 1)) calc(4px * var(--scalar, 1));border-radius:calc(10px * var(--scalar, 1));border:1px solid var(--chip-color, inherit)}
+@layer tcn-system{:where(._chip_35f6f0b){box-sizing:border-box;color:var(--chip-color, inherit);background-color:transparent;width:auto;height:auto;word-break:break-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:calc(2px * var(--scalar, 1)) calc(4px * var(--scalar, 1));border-radius:calc(10px * var(--scalar, 1));border:1px solid var(--chip-color, inherit)}}

package/dist/circle.css

@@ -1 +1 @@
-._circle_2f733a0{border:1px solid color-mix(in srgb,var(--color) 25%,rgba(0,0,0,.5));color:color-mix(in srgb,var(--color) 15%,rgba(0,0,0,.8));background-color:var(--color);border-radius:50%;flex-shrink:0}
+@layer tcn-system{:where(._circle_2f733a0){border:1px solid color-mix(in srgb,var(--color) 25%,rgba(0,0,0,.5));color:color-mix(in srgb,var(--color) 15%,rgba(0,0,0,.8));background-color:var(--color);border-radius:50%;flex-shrink:0}}

package/dist/collapsible_box.css

@@ -1 +1 @@
-._collapsible-box_2a2824f{transition:max-height .5s ease,max-width .5s ease;height:100%;overflow:hidden}._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-collapsed=true]{max-width:0}._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-resizing=true]{max-width:unset}._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-resizing=false][data-is-collapsed=false]{max-width:var(--collapsible-size)}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-collapsed=true]{max-height:0}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-collapsed=false]{max-height:var(--collapsible-size, 100%)}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-resizing=true]{max-height:unset}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-resizing=false][data-is-collapsed=false]{max-height:var(--collapsible-size)}
+@layer tcn-system{:where(._collapsible-box_2a2824f){transition:max-height .5s ease,max-width .5s ease;height:100%;overflow:hidden}:where(._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-collapsed=true]){max-width:0}:where(._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-resizing=true]){max-width:unset}:where(._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-resizing=false][data-is-collapsed=false]){max-width:var(--collapsible-size)}:where(._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-collapsed=true]){max-height:0}:where(._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-collapsed=false]){max-height:var(--collapsible-size, 100%)}:where(._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-resizing=true]){max-height:unset}:where(._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-resizing=false][data-is-collapsed=false]){max-height:var(--collapsible-size)}}

package/dist/color_input.css

@@ -1 +1 @@
-._checker-board_2cc94a9{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}._color-input-select_abe3066:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._color-input-select_abe3066:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._color-input-select_abe3066[data-hierarchy=secondary]{height:calc(16px * var(--scalar, 1));border:1px solid #aaa;color:var(--font-color)}._color-input-select_abe3066:hover:after{background-color:var(--accent-color)}._color-input-select_abe3066[data-hierarchy=secondary]:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}
+@layer tcn-system{:where(._checker-board_2cc94a9){background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}:where(._color-input-select_abe3066:dir(ltr):after){content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}:where(._color-input-select_abe3066:dir(rtl):after){content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}:where(._color-input-select_abe3066[data-hierarchy=secondary]){height:calc(16px * var(--scalar, 1));border:1px solid #aaa;color:var(--font-color)}:where(._color-input-select_abe3066:hover:after){background-color:var(--accent-color)}:where(._color-input-select_abe3066[data-hierarchy=secondary]:hover){color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}}

package/dist/color_picker.css

@@ -1 +1 @@
-._color-picker_4757d5a{box-shadow:none;border-radius:8px;outline:none;background-color:#fff;box-shadow:var(--drop-shadow-depth-3, 0 2px 10px 0 rgba(0, 0, 0, .1))}._color-picker_4757d5a>._chrome-picker_2f64060{box-shadow:none!important;border-radius:4px!important;overflow:hidden}
+@layer tcn-system{:where(._color-picker_4757d5a){box-shadow:none;border-radius:8px;outline:none;background-color:#fff;box-shadow:var(--drop-shadow-depth-3, 0 2px 10px 0 rgba(0, 0, 0, .1))}:where(._color-picker_4757d5a>._chrome-picker_2f64060){box-shadow:none!important;border-radius:4px!important;overflow:hidden}}

package/dist/column.css

@@ -1 +1 @@
-._column_ce05462{min-width:250px;height:100%;min-height:100%}._column-stack_80b940b{gap:8px;padding:8px;width:100%;height:100%}._column_ce05462:after{content:"";position:absolute;bottom:var(--padding);top:var(--padding);right:0;width:1px;background-color:#ddd}._column_ce05462:last-child:after{display:none}.h-stack>._column_ce05462[data-width=default]{width:auto;flex-basis:auto;flex-grow:0;flex-shrink:0}
+@layer tcn-system{:where(._column_ce05462){min-width:250px;height:100%;min-height:100%}:where(._column-stack_80b940b){gap:8px;padding:8px;width:100%;height:100%}:where(._column_ce05462:after){content:"";position:absolute;bottom:var(--padding);top:var(--padding);right:0;width:1px;background-color:#ddd}:where(._column_ce05462:last-child:after){display:none}:where(.h-stack>._column_ce05462[data-width=default]){width:auto;flex-basis:auto;flex-grow:0;flex-shrink:0}}

package/dist/confirm.css

@@ -1 +1 @@
-._confirm_e53f865{border-radius:16px;box-shadow:0 3px 10px #00000059;background-color:var(--body-color);text-align:center;padding:16px;width:250px;height:auto}._confirm_e53f865[data-shake=true]{animation:_shake_d5d9154 .3s ease-in-out;animation-iteration-count:1}._actions_b7ffee5>button{width:100%;margin-bottom:8px}@keyframes _shake_d5d9154{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}
+@layer tcn-system{:where(._confirm_e53f865){border-radius:16px;box-shadow:0 3px 10px #00000059;background-color:var(--body-color);text-align:center;padding:16px;width:250px;height:auto}:where(._confirm_e53f865[data-shake=true]){animation:_shake_d5d9154 .3s ease-in-out;animation-iteration-count:1}:where(._actions_b7ffee5>button){width:100%;margin-bottom:8px}@keyframes _shake_d5d9154{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}}

package/dist/css/layers.css

@@ -0,0 +1 @@
+@layer tcn-reset,tcn-system,tcn-theme;

package/dist/date_picker.css

@@ -1 +1 @@
-._date-picker_0a0d8e4{outline:none}._date-picker-box_4da3776{font-size:14px;background-color:#fff;color:#000000e6;border:0;border-radius:4px;padding:4px;box-sizing:border-box;color:var(--font-color);-webkit-tap-highlight-color:transparent}._date-picker-box_4da3776[data-is-disabled=true]{opacity:.5;pointer-events:none}
+@layer tcn-system{:where(._date-picker_0a0d8e4){outline:none}:where(._date-picker-box_4da3776){font-size:14px;background-color:#fff;color:#000000e6;border:0;border-radius:4px;padding:4px;box-sizing:border-box;color:var(--font-color);-webkit-tap-highlight-color:transparent}:where(._date-picker-box_4da3776[data-is-disabled=true]){opacity:.5;pointer-events:none}}

package/dist/date_picker_date.css

@@ -1 +1 @@
-._date-picker-date_38d540e{padding:0;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}._date-picker-date_38d540e:hover,._date-picker-date_38d540e:focus,._date-picker-date_38d540e[data-is-today]:hover,._date-picker-date_38d540e[data-is-today]:focus{border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-date_38d540e[data-is-within-month=false],._date-picker-date_38d540e[data-is-within-month=false]:hover,._date-picker-date_38d540e[data-is-within-range=false],._date-picker-date_38d540e[data-is-disabled=true],._date-picker-date_38d540e[data-is-disabled=true]:hover{border:2px dotted transparent;cursor:not-allowed;opacity:.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-date_38d540e[data-is-selected=true],._date-picker-date_38d540e[data-is-today=true][data-is-selected=true]{border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-date_38d540e[data-is-selected=true][data-is-disabled=true],._date-picker-date_38d540e[data-is-selected=true][data-is-within-range=false]{border:2px solid var(--error-color, var(--default-error-color));background-color:var(--error-color, var(--default-error-color));color:#ffffff80;opacity:1}._date-picker-date_38d540e[data-is-disabled=true] *{text-decoration:line-through}._date-picker-today_af9d1ab{width:100%;height:100%;border-radius:50%;border:2px solid #dcdcdc}._date-picker-today_af9d1ab[data-is-selected=true]{border:2px solid rgb(255,255,255,.5)}._date-picker-date_38d540e{height:calc(32px * var(--scalar, 1));width:calc(32px * var(--scalar, 1))}
+@layer tcn-system{:where(._date-picker-date_38d540e){padding:0;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:where(._date-picker-date_38d540e:hover),:where(._date-picker-date_38d540e:focus),:where(._date-picker-date_38d540e[data-is-today]:hover),:where(._date-picker-date_38d540e[data-is-today]:focus){border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._date-picker-date_38d540e[data-is-within-month=false]),:where(._date-picker-date_38d540e[data-is-within-month=false]:hover),:where(._date-picker-date_38d540e[data-is-within-range=false]),:where(._date-picker-date_38d540e[data-is-disabled=true]),:where(._date-picker-date_38d540e[data-is-disabled=true]:hover){border:2px dotted transparent;cursor:not-allowed;opacity:.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._date-picker-date_38d540e[data-is-selected=true]),:where(._date-picker-date_38d540e[data-is-today=true][data-is-selected=true]){border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._date-picker-date_38d540e[data-is-selected=true][data-is-disabled=true]),:where(._date-picker-date_38d540e[data-is-selected=true][data-is-within-range=false]){border:2px solid var(--error-color, var(--default-error-color));background-color:var(--error-color, var(--default-error-color));color:#ffffff80;opacity:1}:where(._date-picker-date_38d540e[data-is-disabled=true] *){text-decoration:line-through}:where(._date-picker-today_af9d1ab){width:100%;height:100%;border-radius:50%;border:2px solid #dcdcdc}:where(._date-picker-today_af9d1ab[data-is-selected=true]){border:2px solid rgb(255,255,255,.5)}:where(._date-picker-date_38d540e){height:calc(32px * var(--scalar, 1));width:calc(32px * var(--scalar, 1))}}

package/dist/date_picker_day.css

@@ -1 +1 @@
-._date-picker-day_2945845{height:calc(32px * var(--scalar, 1))!important;width:calc(32px * var(--scalar, 1))!important}
+@layer tcn-system{:where(._date-picker-day_2945845){height:calc(32px * var(--scalar, 1))!important;width:calc(32px * var(--scalar, 1))!important}}

package/dist/date_picker_header.css

@@ -1 +1 @@
-._date-picker-header_696681a{height:35px}
+@layer tcn-system{:where(._date-picker-header_696681a){height:35px}}

package/dist/date_picker_input.css

@@ -1 +1 @@
-._button_f404820{padding-inline-end:calc(24px * var(--scalar, 1))}._button_f404820:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._button_f404820[data-hierarchy=secondary]{border:1px solid #aaa;color:var(--font-color)}._button_f404820:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._button_f404820:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._button_f404820:hover:after{background-color:var(--accent-color)}._button_f404820[data-hierarchy=secondary]:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}._popover_708f951{box-shadow:0 0 30px #00000040;border-radius:8px;background-color:#f1f1f1;height:auto}
+@layer tcn-system{:where(._button_f404820){padding-inline-end:calc(24px * var(--scalar, 1))}:where(._button_f404820:focus){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._button_f404820[data-hierarchy=secondary]){border:1px solid #aaa;color:var(--font-color)}:where(._button_f404820:dir(ltr):after){content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}:where(._button_f404820:dir(rtl):after){content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}:where(._button_f404820:hover:after){background-color:var(--accent-color)}:where(._button_f404820[data-hierarchy=secondary]:hover){color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}:where(._popover_708f951){box-shadow:0 0 30px #00000040;border-radius:8px;background-color:#f1f1f1;height:auto}}

package/dist/date_picker_time_selector.css

@@ -1 +1 @@
-._time-box_f3145be{font-size:14px;background-color:#fff;color:var(--font-color);border:0;border-radius:4px;padding:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#000000d9;-webkit-tap-highlight-color:transparent;height:100%}._time-box_f3145be[data-is-disabled=true]{opacity:.5;pointer-events:none}._time-box-title_6cc801b{color:#6e6e6e}._time-box-title-container_22add52{border-bottom:1px solid rgb(222,222,222);min-height:35px;height:35px}._selected-time_33e3aa3{background-color:var(--accent-color)!important;color:#ffffffe6!important}
+@layer tcn-system{:where(._time-box_f3145be){font-size:14px;background-color:#fff;color:var(--font-color);border:0;border-radius:4px;padding:4px;box-sizing:border-box;color:#000000d9;-webkit-tap-highlight-color:transparent;height:100%}:where(._time-box_f3145be[data-is-disabled=true]){opacity:.5;pointer-events:none}:where(._time-box-title_6cc801b){color:#6e6e6e}:where(._time-box-title-container_22add52){border-bottom:1px solid rgb(222,222,222);min-height:35px;height:35px}:where(._selected-time_33e3aa3){background-color:var(--accent-color)!important;color:#ffffffe6!important}}

package/dist/date_picker_year_input.css

@@ -1 +1 @@
-._year-select_eb568a7{position:relative;box-sizing:border-box;padding-inline-end:calc(24px * var(--scalar, 1))}._year-select_eb568a7:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._year-select_eb568a7:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._year-select_eb568a7:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._year-select_eb568a7:hover:after{background-color:currentColor}
+@layer tcn-system{:where(._year-select_eb568a7){position:relative;box-sizing:border-box;padding-inline-end:calc(24px * var(--scalar, 1))}:where(._year-select_eb568a7:focus){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._year-select_eb568a7:dir(ltr):after){content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}:where(._year-select_eb568a7:dir(rtl):after){content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}:where(._year-select_eb568a7:hover:after){background-color:currentColor}}

package/dist/date_picker_year_selector.css

@@ -1 +1 @@
-._date-picker-year-selector_ab05e1f{background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:4px;outline:none}._date-picker-year-button_fded757{padding:4px 8px;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}._date-picker-year-button_fded757:hover,._date-picker-year-button_fded757:focus,._date-picker-year-button_fded757[data-is-today]:hover,._date-picker-year-button_fded757[data-is-today]:focus{border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-year-button_fded757[data-is-selected=true]{border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-year-button_fded757[data-is-disabled=true]{text-decoration:line-through;opacity:.5;border:2px solid transparent;cursor:not-allowed}
+@layer tcn-system{:where(._date-picker-year-selector_ab05e1f){background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:4px;outline:none}:where(._date-picker-year-button_fded757){padding:4px 8px;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:where(._date-picker-year-button_fded757:hover),:where(._date-picker-year-button_fded757:focus),:where(._date-picker-year-button_fded757[data-is-today]:hover),:where(._date-picker-year-button_fded757[data-is-today]:focus){border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._date-picker-year-button_fded757[data-is-selected=true]){border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._date-picker-year-button_fded757[data-is-disabled=true]){text-decoration:line-through;opacity:.5;border:2px solid transparent;cursor:not-allowed}}

package/dist/divider.css

@@ -1 +1 @@
-._divider_af0a0c6{display:flex;align-items:center;justify-content:center}._divider-line_cae0189{background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}._divider-line_cae0189[data-emphasis=strong]{background:color-mix(in srgb,#aaa,black 20%)}._divider-line_cae0189[data-emphasis=normal]{background:#aaa}._divider-line_cae0189[data-emphasis=light]{background:color-mix(in srgb,#aaa,white 20%)}._divider_af0a0c6[data-orientation=horizontal]{width:100%;height:auto}._divider-line_cae0189[data-orientation=horizontal]{width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]{height:calc(var(--divider-height, 1px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]{height:calc(var(--divider-height, 2px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]{height:calc(var(--divider-height, 3px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-length=full]{width:var(--divider-width, 100%)}._divider-line_cae0189[data-orientation=horizontal][data-length=sm]{width:calc(var(--divider-width, 16px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-length=md]{width:calc(var(--divider-width, 20px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-length=lg]{width:calc(var(--divider-width, 24px) * var(--scalar, 1))}._divider_af0a0c6[data-orientation=vertical]{height:100%;width:auto}._divider-line_cae0189[data-orientation=vertical]{width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]{min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-thickness=md]{min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]{min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-length=full]{height:var(--divider-height, 100%)}._divider-line_cae0189[data-orientation=vertical][data-length=sm]{height:calc(var(--divider-height, 16px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-length=md]{height:calc(var(--divider-height, 20px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-length=lg]{height:calc(var(--divider-height, 24px) * var(--scalar, 1))}
+@layer tcn-system{:where(._divider_af0a0c6){display:flex;align-items:center;justify-content:center}:where(._divider-line_cae0189){background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}:where(._divider-line_cae0189[data-emphasis=strong]){background:color-mix(in srgb,#aaa,black 20%)}:where(._divider-line_cae0189[data-emphasis=normal]){background:#aaa}:where(._divider-line_cae0189[data-emphasis=light]){background:color-mix(in srgb,#aaa,white 20%)}:where(._divider_af0a0c6[data-orientation=horizontal]){width:100%;height:auto}:where(._divider-line_cae0189[data-orientation=horizontal]){width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]){height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]){height:calc(var(--divider-height, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]){height:calc(var(--divider-height, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=full]){width:var(--divider-width, 100%)}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=sm]){width:calc(var(--divider-width, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=md]){width:calc(var(--divider-width, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=lg]){width:calc(var(--divider-width, 24px) * var(--scalar, 1))}:where(._divider_af0a0c6[data-orientation=vertical]){height:100%;width:auto}:where(._divider-line_cae0189[data-orientation=vertical]){width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]){min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=md]){min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]){min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=full]){height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-length=sm]){height:calc(var(--divider-height, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=md]){height:calc(var(--divider-height, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=lg]){height:calc(var(--divider-height, 24px) * var(--scalar, 1))}}

package/dist/draggable.css

@@ -1 +1 @@
-._draggable_db40376{position:relative}._draggable_db40376[data-is-draggable=true]{left:var(--position-x);top:var(--position-y)}
+@layer tcn-system{:where(._draggable_db40376){position:relative}:where(._draggable_db40376[data-is-draggable=true]){left:var(--position-x);top:var(--position-y)}}

package/dist/drawer_bottom.css

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

package/dist/drawer_end.css

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

package/dist/drawer_start.css

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

package/dist/drawer_top.css

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

package/dist/end_resize_handle.css

@@ -1 +1 @@
-._end-resize-handle_1c5e6ba{position:fixed;bottom:0;width:16px;height:100%;z-index:1;cursor:ew-resize;pointer-events:auto}._end-resize-handle_1c5e6ba:dir(ltr){right:var(--resize-offset, -8px)}._end-resize-handle_1c5e6ba:dir(rtl){left:var(--resize-offset, -8px)}
+@layer tcn-system{:where(._end-resize-handle_1c5e6ba){position:fixed;bottom:0;width:16px;height:100%;z-index:1;cursor:ew-resize;pointer-events:auto}:where(._end-resize-handle_1c5e6ba:dir(ltr)){right:var(--resize-offset, -8px)}:where(._end-resize-handle_1c5e6ba:dir(rtl)){left:var(--resize-offset, -8px)}}

package/dist/feedback/progress/progress_bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress_bar.d.ts","sourceRoot":"","sources":["../../../src/feedback/progress/progress_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,yFA4BtB,CAAC"}
+{"version":3,"file":"progress_bar.d.ts","sourceRoot":"","sources":["../../../src/feedback/progress/progress_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU9C,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,yFAgCtB,CAAC"}