@tcn/ui 0.3.1 → 0.3.3

package/dist/surfaces/alert/alert.js

@@ -4,18 +4,18 @@ import e from "react";
 import "../../actions/button/base_button/base_button.js";
 import "../../actions/button/button_group/button_group.js";
 import "../../actions/button/slim_button/slim_button.js";
-import { Button as f } from "../../actions/button/button/button.js";
+import { Button as c } from "../../actions/button/button/button.js";
 import "../../actions/button/select_group/select_group.js";
 import "../../actions/button/select_group/single_select_group.js";
-import { Confirm as a } from "../confirm/confirm.js";
-const C = e.forwardRef(function({ className: o, onAccept: t, ...i }, m) {
+import { Confirm as f } from "../confirm/confirm.js";
+const C = e.forwardRef(function({ className: t, onAccept: o, ...i }, m) {
   return /* @__PURE__ */ r(
-    a,
+    f,
     {
       ref: m,
-      className: p(o, "alert"),
+      className: p(t, "tcn-alert"),
       ...i,
-      actions: /* @__PURE__ */ r(f, { onClick: t, hierarchy: "primary", width: "100%", children: "OK" })
+      actions: /* @__PURE__ */ r(c, { onClick: o, hierarchy: "primary", width: "100%", children: "OK" })
     }
   );
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAoElB,CAAC"}
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAuElB,CAAC"}

package/dist/surfaces/confirm/confirm.js

@@ -1,6 +1,6 @@
-import { jsx as r, Fragment as y, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, Fragment as y, jsxs as i } from "react/jsx-runtime";
 import w, { useRef as S, useState as C, useLayoutEffect as n } from "react";
-import { clsx as s } from "clsx";
+import { clsx as c } from "clsx";
 import { Spacer as N } from "../../stacks/spacer.js";
 import { VStack as T } from "../../stacks/v_stack.js";
 import { ZStack as R } from "../../stacks/z_stack.js";
@@ -12,7 +12,7 @@ import "../../footnote.module-DEyFuqOr.js";
 import "../../headline.module-BiwHBtGf.js";
 import "../../subheadline.module-C-v7zMkQ.js";
 import { Title as b } from "../../typography/title/title.js";
-import { Box as c } from "../../stacks/box/box.js";
+import { Box as s } from "../../stacks/box/box.js";
 import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A = "_actions_b7ffee5", m = { confirm: v, shake: z, actions: A }, U = w.forwardRef(function({
   open: a,
   graphic: f,
@@ -23,11 +23,11 @@ import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A
   className: u,
   ...k
 }, x) {
-  const t = S(!1), [e, o] = C(!1);
-  n(() => (t.current = !0, () => {
-    t.current = !1;
+  const r = S(!1), [e, o] = C(!1);
+  n(() => (r.current = !0, () => {
+    r.current = !1;
   }), []), n(() => {
-    if (e && t.current) {
+    if (e && r.current) {
       const g = window.setTimeout(() => {
         o(!1);
       }, 600);
@@ -37,21 +37,28 @@ import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A
   function _() {
     o(!0);
   }
-  return /* @__PURE__ */ r(y, { children: a && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
-    /* @__PURE__ */ r(c, { onClick: _, ...p, height: "100%" }),
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(y, { children: a && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
+    /* @__PURE__ */ t(s, { onClick: _, ...p, height: "100%" }),
+    /* @__PURE__ */ t(
       "div",
       {
         ref: x,
-        className: s(m.confirm, u, "confirm"),
+        className: c(m.confirm, u, "tcn-confirm"),
         "data-shake": e,
         ...k,
         children: /* @__PURE__ */ i(T, { hAlign: "center", children: [
           f,
-          /* @__PURE__ */ r(b, { className: "confirm-title", emphasis: "strong", size: "sm", children: h }),
-          /* @__PURE__ */ r(B, { className: "confirm-description", hierarchy: "tertiary", children: l }),
-          /* @__PURE__ */ r(N, { height: "16px" }),
-          /* @__PURE__ */ r(c, { className: s(m.actions, "confirm-actions"), height: "auto", children: d })
+          /* @__PURE__ */ t(b, { className: "tcn-confirm-title", emphasis: "strong", size: "sm", children: h }),
+          /* @__PURE__ */ t(B, { className: "tcn-confirm-description", hierarchy: "tertiary", children: l }),
+          /* @__PURE__ */ t(N, { height: "16px" }),
+          /* @__PURE__ */ t(
+            s,
+            {
+              className: c(m.actions, "tcn-confirm-actions"),
+              height: "auto",
+              children: d
+            }
+          )
         ] })
       }
     )

package/dist/surfaces/confirm/confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.js","sources":["../../../src/surfaces/confirm/confirm.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Portal } from '../../overlay/portal/portal.js';\nimport { BodyText, Title } from '../../typography/index.js';\nimport styles from './confirm.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  actions?: React.ReactNode;\n  veilProps?: BoxProps;\n}\n\nexport const Confirm = React.forwardRef(function Confirm(\n  {\n    open,\n    graphic,\n    title,\n    description,\n    actions,\n    veilProps,\n    className,\n    ...props\n  }: ConfirmProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isMounted = useRef(false);\n  const [shake, setShake] = useState(false);\n\n  useLayoutEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (shake && isMounted.current) {\n      const id = window.setTimeout(() => {\n        setShake(false);\n      }, 600);\n\n      return () => window.clearTimeout(id);\n    }\n  }, [shake]);\n\n  function shakeConfirm() {\n    setShake(true);\n  }\n\n  return (\n    <>\n      {open && (\n        <Portal>\n          <ZStack height=\"100%\" style={{ position: 'fixed' }}>\n            <Box onClick={shakeConfirm} {...veilProps} height=\"100%\"></Box>\n            <div\n              ref={ref}\n              className={clsx(styles.confirm, className, 'confirm')}\n              data-shake={shake}\n              {...props}\n            >\n              <VStack hAlign=\"center\">\n                {graphic}\n                <Title className=\"confirm-title\" emphasis=\"strong\" size=\"sm\">\n                  {title}\n                </Title>\n                <BodyText className=\"confirm-description\" hierarchy=\"tertiary\">\n                  {description}\n                </BodyText>\n                <Spacer height=\"16px\" />\n                <Box className={clsx(styles.actions, 'confirm-actions')} height=\"auto\">\n                  {actions}\n                </Box>\n              </VStack>\n            </div>\n          </ZStack>\n        </Portal>\n      )}\n    </>\n  );\n});\n"],"names":["Confirm","React","open","graphic","title","description","actions","veilProps","className","props","ref","isMounted","useRef","shake","setShake","useState","useLayoutEffect","id","shakeConfirm","jsx","Fragment","Portal","jsxs","ZStack","Box","clsx","styles","VStack","Title","BodyText","Spacer"],"mappings":";;;;;;;;;;;;;;;sHAmBaA,IAAUC,EAAM,WAAW,SACtC;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxB,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AAExC,EAAAC,EAAgB,OACdL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAELK,EAAgB,MAAM;AACpB,QAAIH,KAASF,EAAU,SAAS;AAC9B,YAAMM,IAAK,OAAO,WAAW,MAAM;AACjC,QAAAH,EAAS,EAAK;AAAA,MAChB,GAAG,GAAG;AAEN,aAAO,MAAM,OAAO,aAAaG,CAAE;AAAA,IACrC;AAAA,EACF,GAAG,CAACJ,CAAK,CAAC;AAEV,WAASK,IAAe;AACtB,IAAAJ,EAAS,EAAI;AAAA,EACf;AAEA,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAAlB,KACC,gBAAAiB,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAO,QAAO,QAAO,OAAO,EAAE,UAAU,QAAA,GACvC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KAAI,SAASN,GAAe,GAAGX,GAAW,QAAO,QAAO;AAAA,IACzD,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWe,EAAKC,EAAO,SAASlB,GAAW,SAAS;AAAA,QACpD,cAAYK;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA,gBAAAa,EAACK,GAAA,EAAO,QAAO,UACZ,UAAA;AAAA,UAAAxB;AAAA,UACD,gBAAAgB,EAACS,KAAM,WAAU,iBAAgB,UAAS,UAAS,MAAK,MACrD,UAAAxB,EAAA,CACH;AAAA,4BACCyB,GAAA,EAAS,WAAU,uBAAsB,WAAU,YACjD,UAAAxB,GACH;AAAA,UACA,gBAAAc,EAACW,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,UACtB,gBAAAX,EAACK,GAAA,EAAI,WAAWC,EAAKC,EAAO,SAAS,iBAAiB,GAAG,QAAO,QAC7D,UAAApB,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,GACF,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"confirm.js","sources":["../../../src/surfaces/confirm/confirm.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Portal } from '../../overlay/portal/portal.js';\nimport { BodyText, Title } from '../../typography/index.js';\nimport styles from './confirm.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  actions?: React.ReactNode;\n  veilProps?: BoxProps;\n}\n\nexport const Confirm = React.forwardRef(function Confirm(\n  {\n    open,\n    graphic,\n    title,\n    description,\n    actions,\n    veilProps,\n    className,\n    ...props\n  }: ConfirmProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isMounted = useRef(false);\n  const [shake, setShake] = useState(false);\n\n  useLayoutEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (shake && isMounted.current) {\n      const id = window.setTimeout(() => {\n        setShake(false);\n      }, 600);\n\n      return () => window.clearTimeout(id);\n    }\n  }, [shake]);\n\n  function shakeConfirm() {\n    setShake(true);\n  }\n\n  return (\n    <>\n      {open && (\n        <Portal>\n          <ZStack height=\"100%\" style={{ position: 'fixed' }}>\n            <Box onClick={shakeConfirm} {...veilProps} height=\"100%\"></Box>\n            <div\n              ref={ref}\n              className={clsx(styles.confirm, className, 'tcn-confirm')}\n              data-shake={shake}\n              {...props}\n            >\n              <VStack hAlign=\"center\">\n                {graphic}\n                <Title className=\"tcn-confirm-title\" emphasis=\"strong\" size=\"sm\">\n                  {title}\n                </Title>\n                <BodyText className=\"tcn-confirm-description\" hierarchy=\"tertiary\">\n                  {description}\n                </BodyText>\n                <Spacer height=\"16px\" />\n                <Box\n                  className={clsx(styles.actions, 'tcn-confirm-actions')}\n                  height=\"auto\"\n                >\n                  {actions}\n                </Box>\n              </VStack>\n            </div>\n          </ZStack>\n        </Portal>\n      )}\n    </>\n  );\n});\n"],"names":["Confirm","React","open","graphic","title","description","actions","veilProps","className","props","ref","isMounted","useRef","shake","setShake","useState","useLayoutEffect","id","shakeConfirm","jsx","Fragment","Portal","jsxs","ZStack","Box","clsx","styles","VStack","Title","BodyText","Spacer"],"mappings":";;;;;;;;;;;;;;;sHAmBaA,IAAUC,EAAM,WAAW,SACtC;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxB,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AAExC,EAAAC,EAAgB,OACdL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAELK,EAAgB,MAAM;AACpB,QAAIH,KAASF,EAAU,SAAS;AAC9B,YAAMM,IAAK,OAAO,WAAW,MAAM;AACjC,QAAAH,EAAS,EAAK;AAAA,MAChB,GAAG,GAAG;AAEN,aAAO,MAAM,OAAO,aAAaG,CAAE;AAAA,IACrC;AAAA,EACF,GAAG,CAACJ,CAAK,CAAC;AAEV,WAASK,IAAe;AACtB,IAAAJ,EAAS,EAAI;AAAA,EACf;AAEA,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAAlB,KACC,gBAAAiB,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAO,QAAO,QAAO,OAAO,EAAE,UAAU,QAAA,GACvC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KAAI,SAASN,GAAe,GAAGX,GAAW,QAAO,QAAO;AAAA,IACzD,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWe,EAAKC,EAAO,SAASlB,GAAW,aAAa;AAAA,QACxD,cAAYK;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA,gBAAAa,EAACK,GAAA,EAAO,QAAO,UACZ,UAAA;AAAA,UAAAxB;AAAA,UACD,gBAAAgB,EAACS,KAAM,WAAU,qBAAoB,UAAS,UAAS,MAAK,MACzD,UAAAxB,EAAA,CACH;AAAA,4BACCyB,GAAA,EAAS,WAAU,2BAA0B,WAAU,YACrD,UAAAxB,GACH;AAAA,UACA,gBAAAc,EAACW,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,UACtB,gBAAAX;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWC,EAAKC,EAAO,SAAS,qBAAqB;AAAA,cACrD,QAAO;AAAA,cAEN,UAAApB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,GACF,GAEJ;AAEJ,CAAC;"}

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

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

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

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

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

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

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

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

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

@@ -9,7 +9,7 @@ import '../../../drawer_start.css';const m = "_drawerStart_3abbf56", n = { drawe
       {
         ref: o,
         as: "section",
-        className: c(n.drawerStart, t, "drawerStart"),
+        className: c(n.drawerStart, t, "tcn-drawerStart"),
         ...a,
         children: r
       }

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

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

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

@@ -8,7 +8,7 @@ import '../../../drawer_top.css';const p = "_drawerBottom_7a0635a", f = { drawer
     {
       ref: a,
       as: "section",
-      className: s(f.drawerTop, o, "drawerTop"),
+      className: s(f.drawerTop, o, "tcn-drawerTop"),
       ...t,
       children: r
     }

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

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

package/dist/surfaces/page/h_page.js

@@ -9,7 +9,7 @@ const x = s.forwardRef(function({ children: r, className: t, ...a }, o) {
     {
       ref: o,
       as: "main",
-      className: e(f.page, t, "page"),
+      className: e(f.page, t, "tcn-h-page"),
       vAlign: "start",
       ...a,
       children: r

package/dist/surfaces/page/h_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAAMN,GAAW,MAAM;AAAA,MAC9C,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'tcn-h-page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAAMN,GAAW,YAAY;AAAA,MACpD,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/page/v_page.js

@@ -3,14 +3,14 @@ import { VStack as e } from "../../stacks/v_stack.js";
 import { clsx as s } from "clsx";
 import f from "react";
 import { s as p } from "../../page.module-DXhph-u6.js";
-const x = f.forwardRef(function({ children: r, className: o, ...a }, t) {
+const x = f.forwardRef(function({ children: r, className: o, ...t }, a) {
   return /* @__PURE__ */ m(
     e,
     {
-      ref: t,
+      ref: a,
       as: "main",
-      className: s(p.page, o, "page"),
-      ...a,
+      className: s(p.page, o, "tcn-v-page"),
+      ...t,
       children: r
     }
   );

package/dist/surfaces/page/v_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAAMN,GAAW,MAAM;AAAA,MAC7C,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'tcn-v-page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAAMN,GAAW,YAAY;AAAA,MACnD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/popover/popover.js

@@ -42,7 +42,7 @@ function q({
       disableClickAway: h,
       open: c,
       onClose: f,
-      children: /* @__PURE__ */ o(w, { inline: !0, width: "auto", className: k(P, "popover"), ...j, children: v })
+      children: /* @__PURE__ */ o(w, { inline: !0, width: "auto", className: k(P, "tcn-popover"), ...j, children: v })
     }
   );
 }

package/dist/surfaces/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/legacy/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n  anchorElement,\n  verticalAnchor,\n  verticalOrigin,\n  verticalOffset,\n  horizontalAnchor,\n  horizontalOrigin,\n  horizontalOffset,\n  open,\n  onClose,\n  restoreFocus,\n  veil,\n  onVeilClick,\n  clickAwayRefs,\n  isClickAwayException,\n  isScrollAwayException,\n  disableClickAway,\n  children,\n  className,\n  ...props\n}: PopoverProps) {\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor}\n      horizontalOrigin={horizontalOrigin}\n      horizontalOffset={horizontalOffset}\n      restoreFocus={restoreFocus}\n      veil={veil}\n      onVeilClick={onVeilClick}\n      clickAwayRefs={clickAwayRefs}\n      isClickAwayException={isClickAwayException}\n      isScrollAwayException={isScrollAwayException}\n      disableClickAway={disableClickAway}\n      open={open}\n      onClose={onClose}\n    >\n      <VStack inline width=\"auto\" className={clsx(className, 'popover')} {...props}>\n        {children}\n      </VStack>\n    </Popper>\n  );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,SAAS,GAAI,GAAGC,GACpE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/legacy/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n  anchorElement,\n  verticalAnchor,\n  verticalOrigin,\n  verticalOffset,\n  horizontalAnchor,\n  horizontalOrigin,\n  horizontalOffset,\n  open,\n  onClose,\n  restoreFocus,\n  veil,\n  onVeilClick,\n  clickAwayRefs,\n  isClickAwayException,\n  isScrollAwayException,\n  disableClickAway,\n  children,\n  className,\n  ...props\n}: PopoverProps) {\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor}\n      horizontalOrigin={horizontalOrigin}\n      horizontalOffset={horizontalOffset}\n      restoreFocus={restoreFocus}\n      veil={veil}\n      onVeilClick={onVeilClick}\n      clickAwayRefs={clickAwayRefs}\n      isClickAwayException={isClickAwayException}\n      isScrollAwayException={isScrollAwayException}\n      disableClickAway={disableClickAway}\n      open={open}\n      onClose={onClose}\n    >\n      <VStack inline width=\"auto\" className={clsx(className, 'tcn-popover')} {...props}>\n        {children}\n      </VStack>\n    </Popper>\n  );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,aAAa,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/switch.css

@@ -1 +1 @@
-._switch-wrapper_db1838e{position:relative;display:inline-block;width:calc(36px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));border-radius:13px;cursor:pointer;box-sizing:border-box;background-color:#aaa;border:1px solid #aaa;transition:background-color .2s ease-out,border-color .2s ease-out}._switch-wrapper_db1838e[data-focused=true][data-is-checked=false],._switch-wrapper_db1838e[data-focused=true][data-is-checked=true]{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._switch_bf6748b{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;outline:0!important;height:100%!important;width:100%!important;margin:0;-webkit-tap-highlight-color:transparent}._switch-wrapper_db1838e[data-is-disabled=true]{cursor:not-allowed}._switch-wrapper_db1838e[data-is-disabled=true]{background-color:#d3d3d3;border-color:#d3d3d3}._switch-wrapper_db1838e[data-is-checked=true][data-is-disabled=false]{background-color:var(--accent-color);border-color:var(--accent-color)}._switch_bf6748b:after{content:"";position:absolute;top:0;transition:transform .2s ease-out;width:calc(16px * var(--scalar, 1));height:calc(16px * var(--scalar, 1));border-radius:12px;background-color:var(--surface, #fff);box-sizing:border-box}._switch-wrapper_db1838e[data-is-disabled=true]>._switch_bf6748b:after,._switch-wrapper_db1838e[data-is-disabled=true]>._switch_bf6748b,._switch-wrapper_db1838e[data-is-disabled=true]{cursor:not-allowed}._switch-wrapper_db1838e[data-is-disabled=false]>._switch_bf6748b:after,._switch-wrapper_db1838e[data-is-disabled=false]>._switch_bf6748b,._switch-wrapper_db1838e[data-is-disabled=false]{cursor:pointer}._switch_bf6748b:dir(ltr):after{transform:translate(0);left:0}._switch_bf6748b:dir(rtl):after{transform:translate(0);right:0}._switch-wrapper_db1838e[data-is-checked=true] ._switch_bf6748b:dir(ltr):after{transform:translate(112%)}._switch-wrapper_db1838e[data-is-checked=true] ._switch_bf6748b:dir(rtl):after{transform:translate(-112%)}._switch-icon_d615789{position:absolute;display:inline-block;color:#fff;top:50%;left:calc(3px * var(--scalar, 1) - 1px);height:calc(16px * var(--scalar, 1) - 2px);width:calc(16px * var(--scalar, 1) - 2px);pointer-events:none;translate:0 -50%}._switch-icon_d615789[data-is-checked=false]:dir(ltr),._switch-icon_d615789[data-is-checked=true]:dir(rtl){translate:calc(16px * var(--scalar, 1)) -50%}
+@layer tcn-system{:where(._switch-wrapper_db1838e){position:relative;display:inline-block;width:calc(36px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));border-radius:13px;cursor:pointer;box-sizing:border-box;background-color:#aaa;border:1px solid #aaa;transition:background-color .2s ease-out,border-color .2s ease-out}:where(._switch-wrapper_db1838e[data-focused=true][data-is-checked=false]),:where(._switch-wrapper_db1838e[data-focused=true][data-is-checked=true]){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._switch_bf6748b){-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;outline:0!important;height:100%!important;width:100%!important;margin:0;-webkit-tap-highlight-color:transparent}:where(._switch-wrapper_db1838e[data-is-disabled=true]){cursor:not-allowed}:where(._switch-wrapper_db1838e[data-is-disabled=true]){background-color:#d3d3d3;border-color:#d3d3d3}:where(._switch-wrapper_db1838e[data-is-checked=true][data-is-disabled=false]){background-color:var(--accent-color);border-color:var(--accent-color)}:where(._switch_bf6748b):after{content:"";position:absolute;top:0;transition:transform .2s ease-out;width:calc(16px * var(--scalar, 1));height:calc(16px * var(--scalar, 1));border-radius:12px;background-color:var(--surface, #fff);box-sizing:border-box}:where(._switch-wrapper_db1838e[data-is-disabled=true]>._switch_bf6748b):after,:where(._switch-wrapper_db1838e[data-is-disabled=true]>._switch_bf6748b),:where(._switch-wrapper_db1838e[data-is-disabled=true]){cursor:not-allowed}:where(._switch-wrapper_db1838e[data-is-disabled=false]>._switch_bf6748b):after,:where(._switch-wrapper_db1838e[data-is-disabled=false]>._switch_bf6748b),:where(._switch-wrapper_db1838e[data-is-disabled=false]){cursor:pointer}:where(._switch_bf6748b:dir(ltr)):after{transform:translate(0);left:0}:where(._switch_bf6748b:dir(rtl)):after{transform:translate(0);right:0}:where(._switch-wrapper_db1838e[data-is-checked=true]>._switch_bf6748b:dir(ltr)):after{transform:translate(112%)}:where(._switch-wrapper_db1838e[data-is-checked=true]>._switch_bf6748b:dir(rtl)):after{transform:translate(-112%)}:where(._switch-icon_d615789){position:absolute;display:inline-block;color:#fff;top:50%;left:calc(3px * var(--scalar, 1) - 1px);height:calc(16px * var(--scalar, 1) - 2px);width:calc(16px * var(--scalar, 1) - 2px);pointer-events:none;translate:0 -50%}:where(._switch-icon_d615789[data-is-checked=false]):dir(ltr),:where(._switch-icon_d615789[data-is-checked=true]):dir(rtl){translate:calc(16px * var(--scalar, 1)) -50%}}

package/dist/tabs_bar.css

@@ -0,0 +1 @@
+@layer tcn-system{._tabs-bar_ec9c589,._tabs-bar_ec9c589[data-variant=inline]{width:auto}._tabs-bar_ec9c589[data-variant=default]{width:100%}}

package/dist/tethered.css

@@ -1 +1 @@
-._tethered_44058d8{display:inline-block;position:absolute;width:auto;height:auto;left:var(--tethered-left, 0);top:var(--tethered-top, 0)}
+@layer tcn-system{:where(._tethered_44058d8){display:inline-block;position:absolute;width:auto;height:auto;left:var(--tethered-left, 0);top:var(--tethered-top, 0)}}

package/dist/textarea.css

@@ -1 +1 @@
-:root{--disabled-input-color: var(--status-disabled, rgba(0, 0, 0, .3));--disabled-input-background-color: rgba(0, 0, 0, .05)}._textarea_8286394{min-height:100px;height:calc(100px * var(--scalar, 1));width:100%;background-color:#fff;color:var(--font-color);border:1px solid #aaa;border-radius:4px;padding:0;padding-inline:4px;padding-block:4px;box-sizing:border-box;font-family:Lato,Arial,Helvetica,sans-serif;font-size:calc(14px * var(--scalar, 1));resize:vertical;cursor:text;-webkit-tap-highlight-color:transparent}._textarea_8286394[data-is-disabled=false]:hover{border:1px solid var(--accent-color)}._textarea_8286394:focus{outline:none;border:1px solid var(--accent-color)}._textarea_8286394:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._textarea_8286394[data-is-disabled=true]{cursor:not-allowed;color:var(--disabled-input-color);background-color:var(--disabled-input-background-color)}._textarea_8286394[data-is-disabled=true]::placeholder{color:var(--disabled-input-color)}.small-text ._textarea_8286394{font-size:12px}.medium-small-text ._textarea_8286394{font-size:14px}.medium-text ._textarea_8286394{font-size:16px}.medium-large-text ._textarea_8286394{font-size:18px}.large-text ._textarea_8286394{font-size:20px}
+@layer tcn-system{:root{--disabled-input-color: var(--status-disabled, rgba(0, 0, 0, .3));--disabled-input-background-color: rgba(0, 0, 0, .05)}:where(._textarea_8286394){min-height:100px;height:calc(100px * var(--scalar, 1));width:100%;background-color:#fff;color:var(--font-color);border:1px solid #aaa;border-radius:4px;padding:0;padding-inline:4px;padding-block:4px;box-sizing:border-box;font-size:calc(14px * var(--scalar, 1));resize:vertical;cursor:text;-webkit-tap-highlight-color:transparent}:where(._textarea_8286394[data-is-disabled=false]:hover){border:1px solid var(--accent-color)}:where(._textarea_8286394:focus){outline:none;border:1px solid var(--accent-color)}:where(._textarea_8286394:focus-visible){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._textarea_8286394[data-is-disabled=true]){cursor:not-allowed;color:var(--disabled-input-color);background-color:var(--disabled-input-background-color)}:where(._textarea_8286394[data-is-disabled=true]::placeholder){color:var(--disabled-input-color)}}

package/dist/theme_provider.css

@@ -0,0 +1 @@
+@layer tcn-system{._tcn-theme-provider_2e5518b{width:100%;height:100%}}

package/dist/theme_provider.module-ChZQ5Xsk.js

@@ -0,0 +1,5 @@
+import './theme_provider.css';const e = "_tcn-theme-provider_2e5518b", t = { "tcn-theme-provider": e };
+export {
+  t as s
+};
+//# sourceMappingURL=theme_provider.module-ChZQ5Xsk.js.map

package/dist/theme_provider.module-ChZQ5Xsk.js.map

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

package/dist/themes/stylesheets/reset.css

@@ -0,0 +1 @@
+@layer tcn-reset{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,button,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}legend{all:unset;display:block;margin:0;padding:0;font:inherit;color:inherit}}