@tcn/ui 0.3.2 → 0.3.3

package/dist/date_picker_time_selector.css

@@ -1 +1 @@
-@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;font-family:Arial,Helvetica,sans-serif;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}}
+@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/form/field/common/field_error.js

@@ -1,5 +1,5 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { BodyText as m } from "../../../typography/body_text/body_text.js";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { BodyText as p } from "../../../typography/body_text/body_text.js";
 import "clsx";
 import "../../../callout.module-D8ECmxpO.js";
 import "../../../caption.module-DDq0H4xZ.js";
@@ -9,15 +9,22 @@ import "../../../subheadline.module-C-v7zMkQ.js";
 import "../../../typography/title/title.js";
 import { theme as i } from "../../../themes/theme_variables.js";
 import "react";
+import "../../../stacks/box/box.js";
+import "../../../stacks/h_collapsible_box.js";
+import { HStack as e } from "../../../stacks/h_stack.js";
+import "../../../stacks/spacer.js";
+import "../../../stacks/v_collapsible_box.js";
+import "../../../stacks/v_stack.js";
+import "../../../stacks/z_stack.js";
 import '../../../themes/stylesheets/reset.css';/* empty css                                    */
+import "../../../theme_provider.module-ChZQ5Xsk.js";
 import "../../../themes/stylesheets/reset.js";
-import { AdornmentMap as p } from "./status_input/status_input.js";
-import { HStack as s } from "../../../stacks/h_stack.js";
-const A = ({ children: r }) => {
+import { AdornmentMap as s } from "./status_input/status_input.js";
+const H = ({ children: r }) => {
   if (!r) return null;
   let t = r;
   return typeof r == "string" && (t = /* @__PURE__ */ o(
-    m,
+    p,
     {
       breakWords: !0,
       size: "sm",
@@ -25,12 +32,12 @@ const A = ({ children: r }) => {
       color: i.statusColors.error,
       children: r
     }
-  )), /* @__PURE__ */ e(s, { hAlign: "end", gap: i.gap.md, children: [
+  )), /* @__PURE__ */ m(e, { hAlign: "end", gap: i.gap.md, children: [
     t,
-    /* @__PURE__ */ o("div", { style: { visibility: "hidden" }, children: /* @__PURE__ */ o(p, { state: "error" }) })
+    /* @__PURE__ */ o("div", { style: { visibility: "hidden" }, children: /* @__PURE__ */ o(s, { state: "error" }) })
   ] });
 };
 export {
-  A as FieldErrorMessage
+  H as FieldErrorMessage
 };
 //# sourceMappingURL=field_error.js.map

package/dist/form/field/common/field_error.js.map

@@ -1 +1 @@
-{"version":3,"file":"field_error.js","sources":["../../../../src/form/field/common/field_error.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\nimport { theme } from '../../../themes/index.js';\nimport { AdornmentMap } from './status_input/status_input.js';\nimport { HStack } from '../../../stacks/h_stack.js';\n\nexport interface FieldErrorMessageOwnProps {\n  children?: React.ReactNode | string;\n}\n\nexport const FieldErrorMessage = ({ children }: FieldErrorMessageOwnProps) => {\n  if (!children) return null;\n  let finalChildren = children;\n\n  if (typeof children === 'string') {\n    finalChildren = (\n      <BodyText\n        breakWords\n        size=\"sm\"\n        className=\"tcn-field-error-message\"\n        color={theme.statusColors.error}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n\n  return (\n    <HStack hAlign=\"end\" gap={theme.gap.md}>\n      {finalChildren}\n      {/* This is a hack to get the adornment to align with the text */}\n      <div style={{ visibility: 'hidden' }}>\n        <AdornmentMap state=\"error\" />\n      </div>\n    </HStack>\n  );\n};\n"],"names":["FieldErrorMessage","children","finalChildren","jsx","BodyText","theme","HStack","AdornmentMap"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAA0C;AAC5E,MAAI,CAACA,EAAU,QAAO;AACtB,MAAIC,IAAgBD;AAEpB,SAAI,OAAOA,KAAa,aACtBC,IACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAOC,EAAM,aAAa;AAAA,MAEzB,UAAAJ;AAAA,IAAA;AAAA,EAAA,sBAMJK,GAAA,EAAO,QAAO,OAAM,KAAKD,EAAM,IAAI,IACjC,UAAA;AAAA,IAAAH;AAAA,IAED,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,YAAY,SAAA,GACxB,UAAA,gBAAAA,EAACI,GAAA,EAAa,OAAM,QAAA,CAAQ,EAAA,CAC9B;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"field_error.js","sources":["../../../../src/form/field/common/field_error.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\nimport { theme } from '../../../themes/index.js';\nimport { AdornmentMap } from './status_input/status_input.js';\nimport { HStack } from '../../../stacks/h_stack.js';\n\nexport interface FieldErrorMessageOwnProps {\n  children?: React.ReactNode | string;\n}\n\nexport const FieldErrorMessage = ({ children }: FieldErrorMessageOwnProps) => {\n  if (!children) return null;\n  let finalChildren = children;\n\n  if (typeof children === 'string') {\n    finalChildren = (\n      <BodyText\n        breakWords\n        size=\"sm\"\n        className=\"tcn-field-error-message\"\n        color={theme.statusColors.error}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n\n  return (\n    <HStack hAlign=\"end\" gap={theme.gap.md}>\n      {finalChildren}\n      {/* This is a hack to get the adornment to align with the text */}\n      <div style={{ visibility: 'hidden' }}>\n        <AdornmentMap state=\"error\" />\n      </div>\n    </HStack>\n  );\n};\n"],"names":["FieldErrorMessage","children","finalChildren","jsx","BodyText","theme","HStack","AdornmentMap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAA0C;AAC5E,MAAI,CAACA,EAAU,QAAO;AACtB,MAAIC,IAAgBD;AAEpB,SAAI,OAAOA,KAAa,aACtBC,IACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAOC,EAAM,aAAa;AAAA,MAEzB,UAAAJ;AAAA,IAAA;AAAA,EAAA,sBAMJK,GAAA,EAAO,QAAO,OAAM,KAAKD,EAAM,IAAI,IACjC,UAAA;AAAA,IAAAH;AAAA,IAED,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,YAAY,SAAA,GACxB,UAAA,gBAAAA,EAACI,GAAA,EAAa,OAAM,QAAA,CAAQ,EAAA,CAC9B;AAAA,EAAA,GACF;AAEJ;"}

package/dist/input.css

@@ -1 +1 @@
-@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(._input_a16553f){font-size:calc(14px * var(--scalar, 1));height:calc(26px * var(--scalar, 1));width:100%;background-color:#fff;color:var(--font-color);border:1px solid #aaa;border-radius:4px;padding:0;padding-inline:4px;box-sizing:border-box;font-family:Lato,Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}:where(._input_a16553f[data-is-disabled=false]:hover){border:1px solid var(--accent-color)}:where(._input_a16553f:focus){outline:none;border:1px solid var(--accent-color)}:where(._input_a16553f:focus-visible){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._input_a16553f[data-is-disabled=true]){cursor:not-allowed;color:var(--disabled-input-color);background-color:var(--disabled-input-background-color);border-color:var(--status-disabled)}:where(._input_a16553f[data-is-disabled=true]::placeholder){color:var(--disabled-input-color)}:where(._input_a16553f[type=color]){cursor:pointer;padding-block:4px;font-size:12px}:where(._input_a16553f[type=file]){cursor:pointer;padding-block:3px;font-size:12px}}
+@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(._input_a16553f){font-size:calc(14px * var(--scalar, 1));height:calc(26px * var(--scalar, 1));width:100%;background-color:#fff;color:var(--font-color);border:1px solid #aaa;border-radius:4px;padding:0;padding-inline:4px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:where(._input_a16553f[data-is-disabled=false]:hover){border:1px solid var(--accent-color)}:where(._input_a16553f:focus){outline:none;border:1px solid var(--accent-color)}:where(._input_a16553f:focus-visible){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._input_a16553f[data-is-disabled=true]){cursor:not-allowed;color:var(--disabled-input-color);background-color:var(--disabled-input-background-color);border-color:var(--status-disabled)}:where(._input_a16553f[data-is-disabled=true]::placeholder){color:var(--disabled-input-color)}:where(._input_a16553f[type=color]){cursor:pointer;padding-block:4px;font-size:12px}:where(._input_a16553f[type=file]){cursor:pointer;padding-block:3px;font-size:12px}}

package/dist/navigation/index.d.ts

@@ -0,0 +1,7 @@
+export { Tabs, useTabs, type TabsProps, type TabsState } from './tabs/state/context.js';
+export { TabLink, type TabLinkProps, type TabLinkOwnProps, } from './tabs/state/link/tab_link.js';
+export { Tab, type TabProps } from './tabs/state/tab.js';
+export { TabsNavbar, type TabsNavbarProps } from './tabs/state/nav_bar.js';
+export { TabsBar, type TabsBarProps } from './tabs/primitives/tabs_bar.js';
+export { TabsList, TabItem, type TabsListProps, type TabItemProps, } from './tabs/primitives/tabs_list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EACL,QAAQ,EACR,OAAO,EACP,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,gCAAgC,CAAC"}

package/dist/navigation/index.js

@@ -0,0 +1,17 @@
+import { Tabs as a, useTabs as b } from "./tabs/state/context.js";
+import { TabLink as t } from "./tabs/state/link/tab_link.js";
+import { Tab as m } from "./tabs/state/tab.js";
+import { TabsNavbar as f } from "./tabs/state/nav_bar.js";
+import { TabsBar as x } from "./tabs/primitives/tabs_bar.js";
+import { TabItem as L, TabsList as k } from "./tabs/primitives/tabs_list.js";
+export {
+  m as Tab,
+  L as TabItem,
+  t as TabLink,
+  a as Tabs,
+  x as TabsBar,
+  k as TabsList,
+  f as TabsNavbar,
+  b as useTabs
+};
+//# sourceMappingURL=index.js.map

package/dist/navigation/index.js.map

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

package/dist/navigation/tabs/primitives/tabs_bar.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { HStackProps } from '../../../stacks/h_stack.js';
+export interface TabsBarProps extends HStackProps {
+    variant?: 'default' | 'inline';
+}
+export declare const TabsBar: FC<PropsWithChildren<TabsBarProps>>;
+//# sourceMappingURL=tabs_bar.d.ts.map

package/dist/navigation/tabs/primitives/tabs_bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_bar.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/primitives/tabs_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAevD,CAAC"}

package/dist/navigation/tabs/primitives/tabs_bar.js

@@ -0,0 +1,21 @@
+import { jsx as b } from "react/jsx-runtime";
+import o from "clsx";
+import { HStack as c } from "../../../stacks/h_stack.js";
+import '../../../tabs_bar.css';const m = "_tabs-bar_ec9c589", e = { "tabs-bar": m }, l = ({
+  children: a,
+  className: t,
+  variant: r = "default",
+  ...s
+}) => /* @__PURE__ */ b(
+  c,
+  {
+    "data-variant": r,
+    className: o("tcn-tabs-bar", e["tabs-bar"], t),
+    ...s,
+    children: a
+  }
+);
+export {
+  l as TabsBar
+};
+//# sourceMappingURL=tabs_bar.js.map

package/dist/navigation/tabs/primitives/tabs_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_bar.js","sources":["../../../../src/navigation/tabs/primitives/tabs_bar.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from 'react';\nimport clsx from 'clsx';\nimport { HStack, type HStackProps } from '../../../stacks/h_stack.js';\nimport styles from './tabs_bar.module.css';\n\nexport interface TabsBarProps extends HStackProps {\n  variant?: 'default' | 'inline';\n}\n\nexport const TabsBar: FC<PropsWithChildren<TabsBarProps>> = ({\n  children,\n  className,\n  variant = 'default',\n  ...props\n}) => {\n  return (\n    <HStack\n      data-variant={variant}\n      className={clsx('tcn-tabs-bar', styles['tabs-bar'], className)}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n};\n"],"names":["TabsBar","children","className","variant","props","jsx","HStack","clsx","styles"],"mappings":";;;sDASaA,IAA+C,CAAC;AAAA,EAC3D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAcH;AAAA,IACd,WAAWI,EAAK,gBAAgBC,EAAO,UAAU,GAAGN,CAAS;AAAA,IAC5D,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA;"}

package/dist/navigation/tabs/primitives/tabs_list.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { BaseButtonProps } from '../../../actions/index.js';
+import { HStackProps } from '../../../stacks/h_stack.js';
+export type TabsListProps = HStackProps;
+export declare const TabsList: FC<PropsWithChildren<TabsListProps>>;
+export interface TabItemProps extends Omit<BaseButtonProps, 'hierarchy'> {
+    selected?: boolean;
+}
+export declare const TabItem: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<TabItemProps>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tabs_list.d.ts.map

package/dist/navigation/tabs/primitives/tabs_list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_list.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/primitives/tabs_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAYzD,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4IAgBnB,CAAC"}

package/dist/navigation/tabs/primitives/tabs_list.js

@@ -0,0 +1,36 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { BaseButton as p } from "../../../actions/button/base_button/base_button.js";
+import "../../../actions/button/button_group/button_group.js";
+import "../../../actions/button/slim_button/slim_button.js";
+import "../../../actions/button/button/button.js";
+import "../../../actions/button/select_group/select_group.js";
+import "../../../actions/button/select_group/single_select_group.js";
+import { HStack as n } from "../../../stacks/h_stack.js";
+import e from "clsx";
+const T = ({
+  children: r,
+  className: a,
+  role: i = "tablist",
+  as: t = "menu",
+  ...m
+}) => /* @__PURE__ */ o(n, { as: t, role: i, className: e("tcn-tabs-list", a), ...m, children: r }), j = c(
+  ({ children: r, className: a, role: i = "tab", selected: t = !1, ...m }, s) => /* @__PURE__ */ o(
+    p,
+    {
+      ref: s,
+      role: i,
+      className: e(a, "tcn-interactive", "tcn-tab-item"),
+      hierarchy: "tertiary",
+      "data-is-selected": t,
+      "aria-selected": t,
+      ...m,
+      children: r
+    }
+  )
+);
+export {
+  j as TabItem,
+  T as TabsList
+};
+//# sourceMappingURL=tabs_list.js.map

package/dist/navigation/tabs/primitives/tabs_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_list.js","sources":["../../../../src/navigation/tabs/primitives/tabs_list.tsx"],"sourcesContent":["import { forwardRef, type FC, type PropsWithChildren } from 'react';\nimport { BaseButton, type BaseButtonProps } from '../../../actions/index.js';\nimport { HStack, type HStackProps } from '../../../stacks/h_stack.js';\nimport clsx from 'clsx';\n\nexport type TabsListProps = HStackProps;\n\nexport const TabsList: FC<PropsWithChildren<TabsListProps>> = ({\n  children,\n  className,\n  role = 'tablist',\n  as = 'menu',\n  ...props\n}) => {\n  return (\n    <HStack as={as} role={role} className={clsx('tcn-tabs-list', className)} {...props}>\n      {children}\n    </HStack>\n  );\n};\n\nexport interface TabItemProps extends Omit<BaseButtonProps, 'hierarchy'> {\n  selected?: boolean;\n}\n\nexport const TabItem = forwardRef<HTMLButtonElement, PropsWithChildren<TabItemProps>>(\n  ({ children, className, role = 'tab', selected = false, ...props }, ref) => {\n    return (\n      <BaseButton\n        ref={ref}\n        role={role}\n        className={clsx(className, 'tcn-interactive', 'tcn-tab-item')}\n        hierarchy=\"tertiary\"\n        data-is-selected={selected}\n        aria-selected={selected}\n        {...props}\n      >\n        {children}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["TabsList","children","className","role","as","props","jsx","HStack","clsx","TabItem","forwardRef","selected","ref","BaseButton"],"mappings":";;;;;;;;;;AAOO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAK;AAAA,EACL,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAO,IAAAH,GAAQ,MAAAD,GAAY,WAAWK,EAAK,iBAAiBN,CAAS,GAAI,GAAGG,GAC1E,UAAAJ,EAAA,CACH,GAQSQ,IAAUC;AAAA,EACrB,CAAC,EAAE,UAAAT,GAAU,WAAAC,GAAW,MAAAC,IAAO,OAAO,UAAAQ,IAAW,IAAO,GAAGN,EAAA,GAASO,MAEhE,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAT;AAAA,MACA,WAAWK,EAAKN,GAAW,mBAAmB,cAAc;AAAA,MAC5D,WAAU;AAAA,MACV,oBAAkBS;AAAA,MAClB,iBAAeA;AAAA,MACd,GAAGN;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/navigation/tabs/state/context.d.ts

@@ -0,0 +1,21 @@
+import { FC, PropsWithChildren } from 'react';
+import { Rectangle } from '../../../utils/index.js';
+export interface TabsState {
+    value: string;
+    onChange?: (value: string) => void;
+    minItemWidth?: number;
+    maxItemWidth?: number;
+}
+export interface TabsContextValue extends TabsState {
+    activeTrigger: Rectangle | null;
+    setActiveTrigger: (trigger: Rectangle) => void;
+}
+export declare function useTabs(): TabsContextValue;
+export interface TabsProps {
+    value: string;
+    onChange?: (value: string) => void;
+    minItemWidth?: number;
+    maxItemWidth?: number;
+}
+export declare const Tabs: FC<PropsWithChildren<TabsProps>>;
+//# sourceMappingURL=context.d.ts.map

package/dist/navigation/tabs/state/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/state/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,aAAa,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CAChD;AAID,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAqBjD,CAAC"}

package/dist/navigation/tabs/state/context.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as T, useContext as b, useState as x, useMemo as l } from "react";
+const n = T(null);
+function v() {
+  const t = b(n);
+  if (!t)
+    throw new Error("useTabs must be used within a Tabs provider");
+  return t;
+}
+const g = ({
+  value: t,
+  onChange: e,
+  children: u,
+  minItemWidth: r,
+  maxItemWidth: o
+}) => {
+  const [s, c] = x(null), i = l(
+    () => ({
+      value: t,
+      onChange: e,
+      activeTrigger: s,
+      setActiveTrigger: c,
+      minItemWidth: r,
+      maxItemWidth: o
+    }),
+    [t, e, s, r, o]
+  );
+  return /* @__PURE__ */ a(n.Provider, { value: i, children: u });
+};
+export {
+  g as Tabs,
+  v as useTabs
+};
+//# sourceMappingURL=context.js.map

package/dist/navigation/tabs/state/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/navigation/tabs/state/context.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  useMemo,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\nimport type { Rectangle } from '../../../utils/index.js';\n\nexport interface TabsState {\n  value: string;\n  onChange?: (value: string) => void;\n  minItemWidth?: number;\n  maxItemWidth?: number;\n}\n\nexport interface TabsContextValue extends TabsState {\n  activeTrigger: Rectangle | null;\n  setActiveTrigger: (trigger: Rectangle) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nexport function useTabs(): TabsContextValue {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('useTabs must be used within a Tabs provider');\n  }\n  return context;\n}\n\nexport interface TabsProps {\n  value: string;\n  onChange?: (value: string) => void;\n  minItemWidth?: number;\n  maxItemWidth?: number;\n}\n\nexport const Tabs: FC<PropsWithChildren<TabsProps>> = ({\n  value,\n  onChange,\n  children,\n  minItemWidth,\n  maxItemWidth,\n}) => {\n  const [activeTrigger, setActiveTrigger] = useState<Rectangle | null>(null);\n  const contextValue = useMemo(\n    () => ({\n      value,\n      onChange,\n      activeTrigger,\n      setActiveTrigger,\n      minItemWidth,\n      maxItemWidth,\n    }),\n    [value, onChange, activeTrigger, minItemWidth, maxItemWidth]\n  );\n\n  return <TabsContext.Provider value={contextValue}>{children}</TabsContext.Provider>;\n};\n"],"names":["TabsContext","createContext","useTabs","context","useContext","Tabs","value","onChange","children","minItemWidth","maxItemWidth","activeTrigger","setActiveTrigger","useState","contextValue","useMemo"],"mappings":";;AAsBA,MAAMA,IAAcC,EAAuC,IAAI;AAExD,SAASC,IAA4B;AAC1C,QAAMC,IAAUC,EAAWJ,CAAW;AACtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,6CAA6C;AAE/D,SAAOA;AACT;AASO,MAAME,IAAyC,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA2B,IAAI,GACnEC,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAAT;AAAA,MACA,UAAAC;AAAA,MACA,eAAAI;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAH;AAAA,MACA,cAAAC;AAAA,IAAA;AAAA,IAEF,CAACJ,GAAOC,GAAUI,GAAeF,GAAcC,CAAY;AAAA,EAAA;AAG7D,2BAAQV,EAAY,UAAZ,EAAqB,OAAOc,GAAe,UAAAN,GAAS;AAC9D;"}

package/dist/navigation/tabs/state/link/tab_link.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { TabItemProps } from '../../primitives/tabs_list.js';
+export interface TabLinkOwnProps {
+    value: string;
+}
+export interface TabLinkProps extends Omit<TabItemProps, 'selected' | 'value'>, TabLinkOwnProps {
+}
+export declare const TabLink: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<TabLinkProps>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tab_link.d.ts.map

package/dist/navigation/tabs/state/link/tab_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_link.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/tabs/state/link/tab_link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAK3E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,EAC9C,eAAe;CAAG;AAEtB,eAAO,MAAM,OAAO,4IA8BnB,CAAC"}

package/dist/navigation/tabs/state/link/tab_link.js

@@ -0,0 +1,36 @@
+import { jsx as W } from "react/jsx-runtime";
+import { forwardRef as b, useCallback as x } from "react";
+import { TabItem as l } from "../../primitives/tabs_list.js";
+import "../../../../utils/click_away_listener.js";
+import "../../../../utils/focus_redirect.js";
+import "../../../../utils/scroll_away_listener.js";
+import { useForkRef as T } from "../../../../utils/hooks/use_fork_ref.js";
+import "../../../../utils/hooks/use_resize_observer.js";
+import { useTabs as u } from "../context.js";
+import { useTabLink as C } from "./use_tab_link.js";
+const z = b(
+  ({ children: r, value: o, onClick: i, minWidth: m, maxWidth: e, ...n }, s) => {
+    const { ref: a, isMatch: c } = C(o), t = u(), p = T(a, s), f = x(
+      (k) => {
+        t.onChange?.(o), i?.(k);
+      },
+      [t, o, i]
+    ), d = t.minItemWidth ?? m, h = t.maxItemWidth ?? e;
+    return /* @__PURE__ */ W(
+      l,
+      {
+        ref: p,
+        selected: c,
+        onClick: f,
+        minWidth: d,
+        maxWidth: h,
+        ...n,
+        children: r
+      }
+    );
+  }
+);
+export {
+  z as TabLink
+};
+//# sourceMappingURL=tab_link.js.map

package/dist/navigation/tabs/state/link/tab_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_link.js","sources":["../../../../../src/navigation/tabs/state/link/tab_link.tsx"],"sourcesContent":["import { forwardRef, useCallback, type PropsWithChildren } from 'react';\nimport { TabItem, type TabItemProps } from '../../primitives/tabs_list.js';\nimport { useForkRef } from '../../../../utils/index.js';\nimport { useTabs } from '../context.js';\nimport { useTabLink } from './use_tab_link.js';\n\nexport interface TabLinkOwnProps {\n  value: string;\n}\n\nexport interface TabLinkProps\n  extends Omit<TabItemProps, 'selected' | 'value'>,\n    TabLinkOwnProps {}\n\nexport const TabLink = forwardRef<HTMLButtonElement, PropsWithChildren<TabLinkProps>>(\n  ({ children, value, onClick, minWidth, maxWidth, ...props }, forwardedRef) => {\n    const { ref: internalRef, isMatch } = useTabLink(value);\n    const state = useTabs();\n    const ref = useForkRef(internalRef, forwardedRef);\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        state.onChange?.(value);\n        onClick?.(event);\n      },\n      [state, value, onClick]\n    );\n\n    const pickMinWidth = state.minItemWidth ?? minWidth;\n    const pickMaxWidth = state.maxItemWidth ?? maxWidth;\n\n    return (\n      <TabItem\n        ref={ref}\n        selected={isMatch}\n        onClick={handleClick}\n        minWidth={pickMinWidth}\n        maxWidth={pickMaxWidth}\n        {...props}\n      >\n        {children}\n      </TabItem>\n    );\n  }\n);\n"],"names":["TabLink","forwardRef","children","value","onClick","minWidth","maxWidth","props","forwardedRef","internalRef","isMatch","useTabLink","state","useTabs","ref","useForkRef","handleClick","useCallback","event","pickMinWidth","pickMaxWidth","jsx","TabItem"],"mappings":";;;;;;;;;;AAcO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAiB;AAC5E,UAAM,EAAE,KAAKC,GAAa,SAAAC,EAAA,IAAYC,EAAWR,CAAK,GAChDS,IAAQC,EAAA,GACRC,IAAMC,EAAWN,GAAaD,CAAY,GAE1CQ,IAAcC;AAAA,MAClB,CAACC,MAA+C;AAC9C,QAAAN,EAAM,WAAWT,CAAK,GACtBC,IAAUc,CAAK;AAAA,MACjB;AAAA,MACA,CAACN,GAAOT,GAAOC,CAAO;AAAA,IAAA,GAGlBe,IAAeP,EAAM,gBAAgBP,GACrCe,IAAeR,EAAM,gBAAgBN;AAE3C,WACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,UAAUJ;AAAA,QACV,SAASM;AAAA,QACT,UAAUG;AAAA,QACV,UAAUC;AAAA,QACT,GAAGb;AAAA,QAEH,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/navigation/tabs/state/link/use_tab_link.d.ts

@@ -0,0 +1,5 @@
+export declare function useTabLink(value: string): {
+    ref: import('react').RefObject<HTMLElement>;
+    isMatch: boolean;
+};
+//# sourceMappingURL=use_tab_link.d.ts.map

package/dist/navigation/tabs/state/link/use_tab_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tab_link.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;;;EAYvC"}

package/dist/navigation/tabs/state/link/use_tab_link.js

@@ -0,0 +1,13 @@
+import { useLayoutEffect as o } from "react";
+import { useTabs as s } from "../context.js";
+import { useTrackActiveItemRectangle as a } from "../../../../utils/css_utils.js";
+function m(c) {
+  const e = s(), r = e.value === c, { ref: i, rectangle: t } = a(r);
+  return o(() => {
+    t && e.setActiveTrigger(t);
+  }, [t, e.setActiveTrigger]), { ref: i, isMatch: r };
+}
+export {
+  m as useTabLink
+};
+//# sourceMappingURL=use_tab_link.js.map

package/dist/navigation/tabs/state/link/use_tab_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tab_link.js","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useTabs } from '../context.js';\nimport { useTrackActiveItemRectangle } from '../../../../utils/css_utils.js';\n\nexport function useTabLink(value: string) {\n  const state = useTabs();\n  const isMatch = state.value === value;\n  const { ref, rectangle } = useTrackActiveItemRectangle(isMatch);\n\n  useLayoutEffect(() => {\n    if (rectangle) {\n      state.setActiveTrigger(rectangle);\n    }\n  }, [rectangle, state.setActiveTrigger]);\n\n  return { ref, isMatch };\n}\n"],"names":["useTabLink","value","state","useTabs","isMatch","ref","rectangle","useTrackActiveItemRectangle","useLayoutEffect"],"mappings":";;;AAIO,SAASA,EAAWC,GAAe;AACxC,QAAMC,IAAQC,EAAA,GACRC,IAAUF,EAAM,UAAUD,GAC1B,EAAE,KAAAI,GAAK,WAAAC,MAAcC,EAA4BH,CAAO;AAE9D,SAAAI,EAAgB,MAAM;AACpB,IAAIF,KACFJ,EAAM,iBAAiBI,CAAS;AAAA,EAEpC,GAAG,CAACA,GAAWJ,EAAM,gBAAgB,CAAC,GAE/B,EAAE,KAAAG,GAAK,SAAAD,EAAA;AAChB;"}

package/dist/navigation/tabs/state/nav_bar.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsBarProps } from '../primitives/tabs_bar.js';
+export type TabsNavbarProps = TabsBarProps;
+export declare const TabsNavbar: FC<PropsWithChildren<TabsNavbarProps>>;
+//# sourceMappingURL=nav_bar.d.ts.map

package/dist/navigation/tabs/state/nav_bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_bar.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/state/nav_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKvE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2B7D,CAAC"}

package/dist/navigation/tabs/state/nav_bar.js

@@ -0,0 +1,36 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "clsx";
+import { TabsBar as b } from "../primitives/tabs_bar.js";
+import { TabsList as l } from "../primitives/tabs_list.js";
+import { useTabs as n } from "./context.js";
+import { convertRectangleToCssVariables as f } from "../../../utils/css_utils.js";
+const d = ({
+  children: a,
+  className: r,
+  variant: t = "default",
+  style: o,
+  ...e
+}) => {
+  const i = n(), c = {
+    ...f(
+      "tabs",
+      "active",
+      i.activeTrigger
+    ),
+    ...o
+  };
+  return /* @__PURE__ */ s(
+    b,
+    {
+      style: c,
+      className: m("tcn-tabs-navbar", r),
+      variant: t,
+      ...e,
+      children: /* @__PURE__ */ s(l, { children: a })
+    }
+  );
+};
+export {
+  d as TabsNavbar
+};
+//# sourceMappingURL=nav_bar.js.map

package/dist/navigation/tabs/state/nav_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_bar.js","sources":["../../../../src/navigation/tabs/state/nav_bar.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from 'react';\nimport clsx from 'clsx';\nimport { TabsBar, type TabsBarProps } from '../primitives/tabs_bar.js';\nimport { TabsList } from '../primitives/tabs_list.js';\nimport { useTabs } from './context.js';\nimport { convertRectangleToCssVariables } from '../../../utils/css_utils.js';\n\nexport type TabsNavbarProps = TabsBarProps;\n\nexport const TabsNavbar: FC<PropsWithChildren<TabsNavbarProps>> = ({\n  children,\n  className,\n  variant = 'default',\n  style,\n  ...props\n}) => {\n  const state = useTabs();\n  const cssVariables = convertRectangleToCssVariables(\n    'tabs',\n    'active',\n    state.activeTrigger\n  );\n  const finalStyle = {\n    ...cssVariables,\n    ...style,\n  };\n  return (\n    <TabsBar\n      style={finalStyle}\n      className={clsx('tcn-tabs-navbar', className)}\n      variant={variant}\n      {...props}\n    >\n      <TabsList>{children}</TabsList>\n    </TabsBar>\n  );\n};\n"],"names":["TabsNavbar","children","className","variant","style","props","state","useTabs","finalStyle","convertRectangleToCssVariables","jsx","TabsBar","clsx","TabsList"],"mappings":";;;;;;AASO,MAAMA,IAAqD,CAAC;AAAA,EACjE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQC,EAAA,GAMRC,IAAa;AAAA,IACjB,GANmBC;AAAA,MACnB;AAAA,MACA;AAAA,MACAH,EAAM;AAAA,IAAA;AAAA,IAIN,GAAGF;AAAA,EAAA;AAEL,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOH;AAAA,MACP,WAAWI,EAAK,mBAAmBV,CAAS;AAAA,MAC5C,SAAAC;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAK,EAACG,KAAU,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG1B;"}

package/dist/navigation/tabs/state/tab.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+export interface TabProps {
+    value: string;
+}
+export declare const Tab: FC<PropsWithChildren<TabProps>>;
+//# sourceMappingURL=tab.d.ts.map

package/dist/navigation/tabs/state/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/state/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAI/C,CAAC"}

package/dist/navigation/tabs/state/tab.js

@@ -0,0 +1,6 @@
+import { useTabs as r } from "./context.js";
+const n = ({ value: t, children: e }) => r().value !== t ? null : e;
+export {
+  n as Tab
+};
+//# sourceMappingURL=tab.js.map

package/dist/navigation/tabs/state/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../../src/navigation/tabs/state/tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { useTabs } from './context.js';\n\nexport interface TabProps {\n  value: string;\n}\n\nexport const Tab: FC<PropsWithChildren<TabProps>> = ({ value, children }) => {\n  const state = useTabs();\n  if (state.value !== value) return null;\n  return children;\n};\n"],"names":["Tab","value","children","useTabs"],"mappings":";AAOO,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAC9CC,EAAA,EACJ,UAAUF,IAAc,OAC3BC;"}

package/dist/overlay/portal/portal_platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal_platform.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal_platform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,qBAAa,eAAe;IAC1B,OAAO,CAAC,OAAO,CAA6B;IAC5C,GAAG,EAAE,cAAc,CAAC;IACpB,UAAU,UAAS;gBAEP,GAAG,6BAAS,EAAE,MAAM,GAAE,MAAM,GAAG,MAAY;IAOvD,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAY;IAMvC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS;CAOjC;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAyB;IAEzC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;gBAEtB,GAAG,6BAAS,EAAE,IAAI,GAAE,WAA+B;IAM/D,OAAO,CAAC,gBAAgB;IAkBxB,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAe;IAM1C,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAQhC,YAAY;IAMZ,WAAW,CAAC,MAAM,EAAE,eAAe;IAMnC,aAAa,CAAC,MAAM,EAAE,eAAe;IAIrC,YAAY,CAAC,MAAM,EAAE,eAAe;IAUpC,YAAY;IAMZ,uBAAuB;IAMvB,OAAO;CAKR"}
+{"version":3,"file":"portal_platform.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal_platform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,qBAAa,eAAe;IAC1B,OAAO,CAAC,OAAO,CAA6B;IAC5C,GAAG,EAAE,cAAc,CAAC;IACpB,UAAU,UAAS;gBAEP,GAAG,6BAAS,EAAE,MAAM,GAAE,MAAM,GAAG,MAAY;IAOvD,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAY;IAMvC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS;CAOjC;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAyB;IAEzC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;gBAEtB,GAAG,6BAAS,EAAE,IAAI,GAAE,WAA+B;IAM/D,OAAO,CAAC,gBAAgB;IAmBxB,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAe;IAM1C,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAQhC,YAAY;IAMZ,WAAW,CAAC,MAAM,EAAE,eAAe;IAMnC,aAAa,CAAC,MAAM,EAAE,eAAe;IAIrC,YAAY,CAAC,MAAM,EAAE,eAAe;IAUpC,YAAY;IAMZ,uBAAuB;IAMvB,OAAO;CAKR"}

package/dist/overlay/portal/portal_platform.js

@@ -1,4 +1,4 @@
-import { createPortal as e } from "react-dom";
+import { createPortal as r } from "react-dom";
 import './portal.css';/* empty css           */
 class s {
   _window;
@@ -11,7 +11,7 @@ class s {
     this.div != null && (this.div.style.zIndex = t.toString());
   }
   render(t) {
-    return this.div == null ? null : e(t, this.div);
+    return this.div == null ? null : r(t, this.div);
   }
 }
 class a {
@@ -30,7 +30,7 @@ class a {
       return t;
     {
       const o = this._window.document.createElement("div"), i = this._window.document.createElement("div");
-      return i.id = "tcn-portal-platform", i.classList.add("tcn-portal-platform"), o.appendChild(i), o.classList.add("tcn-platform-root"), o;
+      return i.id = "tcn-portal-platform", i.classList.add("tcn-portal-platform"), i.classList.add("tcn-theme-root"), o.appendChild(i), o.classList.add("tcn-platform-root"), o;
     }
   }
   setZIndex(t = "auto") {

package/dist/overlay/portal/portal_platform.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n  private _window: Window & typeof globalThis;\n  div: HTMLDivElement;\n  hasMounted = false;\n\n  constructor(win = window, zIndex: number | string = '0') {\n    this._window = win;\n    this.div = this._window.document.createElement('div');\n    this.div.className = 'tcn-portal';\n    this.setZIndex(zIndex);\n  }\n\n  setZIndex(zIndex: number | string = '0') {\n    if (this.div != null) {\n      this.div.style.zIndex = zIndex.toString();\n    }\n  }\n\n  render(children: React.ReactNode) {\n    if (this.div == null) {\n      return null;\n    }\n\n    return createPortal(children, this.div);\n  }\n}\n\nexport class PortalPlatform {\n  private _window: Window & typeof globalThis;\n  private _root: HTMLElement;\n  private _portals: PortalPresenter[] = [];\n\n  readonly platform: HTMLDivElement;\n\n  constructor(win = window, root: HTMLElement = win.document.body) {\n    this._window = win;\n    this._root = root;\n    this.platform = this._getPlatformRoot();\n  }\n\n  private _getPlatformRoot() {\n    const existingPlatformRoot = this._window.document.body.querySelector(\n      '.tcn-platform-root'\n    ) as HTMLDivElement | null;\n    if (!existingPlatformRoot) {\n      const root = this._window.document.createElement('div');\n      const portalPlatform = this._window.document.createElement('div');\n      portalPlatform.id = 'tcn-portal-platform';\n      portalPlatform.classList.add('tcn-portal-platform');\n      root.appendChild(portalPlatform);\n      root.classList.add('tcn-platform-root');\n\n      return root;\n    } else {\n      return existingPlatformRoot;\n    }\n  }\n\n  setZIndex(zIndex: number | string = 'auto') {\n    if (this.platform != null) {\n      this.platform.style.zIndex = zIndex.toString();\n    }\n  }\n\n  setRoot(root: HTMLElement | null) {\n    if (root !== this._root) {\n      this.platform?.parentNode?.removeChild(this.platform);\n      this._root = root == null ? document.body : root;\n      this.showPlatform();\n    }\n  }\n\n  createPortal() {\n    const portal = new PortalPresenter(this._window);\n    this._portals.push(portal);\n    return portal;\n  }\n\n  mountPortal(portal: PortalPresenter) {\n    portal.hasMounted = true;\n    this.platform.firstElementChild?.appendChild(portal.div);\n    this.showPlatform();\n  }\n\n  unmountPortal(portal: PortalPresenter) {\n    this.removePortal(portal);\n  }\n\n  removePortal(portal: PortalPresenter) {\n    const index = this._portals.indexOf(portal);\n    if (index > -1) {\n      portal.hasMounted = false;\n      this._portals.splice(index, 1);\n      this.platform.firstElementChild?.removeChild(portal.div);\n      this.hidePlatformIfNecessary();\n    }\n  }\n\n  showPlatform() {\n    if (this.platform != null && this.platform.parentElement == null) {\n      this._root.appendChild(this.platform);\n    }\n  }\n\n  hidePlatformIfNecessary() {\n    if (this._portals.length === 0 && this.platform.parentElement != null) {\n      this._root.removeChild(this.platform);\n    }\n  }\n\n  dispose() {\n    if (this.platform != null && this._root.contains(this.platform)) {\n      this._root.removeChild(this.platform);\n    }\n  }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";;AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,cACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA;AAAA,EACvB;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AAUH,aAAOA;AAVkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,uBACpBA,EAAe,UAAU,IAAI,qBAAqB,GAClDF,EAAK,YAAYE,CAAc,GAC/BF,EAAK,UAAU,IAAI,mBAAmB,GAE/BA;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}
+{"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n  private _window: Window & typeof globalThis;\n  div: HTMLDivElement;\n  hasMounted = false;\n\n  constructor(win = window, zIndex: number | string = '0') {\n    this._window = win;\n    this.div = this._window.document.createElement('div');\n    this.div.className = 'tcn-portal';\n    this.setZIndex(zIndex);\n  }\n\n  setZIndex(zIndex: number | string = '0') {\n    if (this.div != null) {\n      this.div.style.zIndex = zIndex.toString();\n    }\n  }\n\n  render(children: React.ReactNode) {\n    if (this.div == null) {\n      return null;\n    }\n\n    return createPortal(children, this.div);\n  }\n}\n\nexport class PortalPlatform {\n  private _window: Window & typeof globalThis;\n  private _root: HTMLElement;\n  private _portals: PortalPresenter[] = [];\n\n  readonly platform: HTMLDivElement;\n\n  constructor(win = window, root: HTMLElement = win.document.body) {\n    this._window = win;\n    this._root = root;\n    this.platform = this._getPlatformRoot();\n  }\n\n  private _getPlatformRoot() {\n    const existingPlatformRoot = this._window.document.body.querySelector(\n      '.tcn-platform-root'\n    ) as HTMLDivElement | null;\n    if (!existingPlatformRoot) {\n      const root = this._window.document.createElement('div');\n      const portalPlatform = this._window.document.createElement('div');\n      portalPlatform.id = 'tcn-portal-platform';\n      portalPlatform.classList.add('tcn-portal-platform');\n      portalPlatform.classList.add('tcn-theme-root');\n      root.appendChild(portalPlatform);\n      root.classList.add('tcn-platform-root');\n\n      return root;\n    } else {\n      return existingPlatformRoot;\n    }\n  }\n\n  setZIndex(zIndex: number | string = 'auto') {\n    if (this.platform != null) {\n      this.platform.style.zIndex = zIndex.toString();\n    }\n  }\n\n  setRoot(root: HTMLElement | null) {\n    if (root !== this._root) {\n      this.platform?.parentNode?.removeChild(this.platform);\n      this._root = root == null ? document.body : root;\n      this.showPlatform();\n    }\n  }\n\n  createPortal() {\n    const portal = new PortalPresenter(this._window);\n    this._portals.push(portal);\n    return portal;\n  }\n\n  mountPortal(portal: PortalPresenter) {\n    portal.hasMounted = true;\n    this.platform.firstElementChild?.appendChild(portal.div);\n    this.showPlatform();\n  }\n\n  unmountPortal(portal: PortalPresenter) {\n    this.removePortal(portal);\n  }\n\n  removePortal(portal: PortalPresenter) {\n    const index = this._portals.indexOf(portal);\n    if (index > -1) {\n      portal.hasMounted = false;\n      this._portals.splice(index, 1);\n      this.platform.firstElementChild?.removeChild(portal.div);\n      this.hidePlatformIfNecessary();\n    }\n  }\n\n  showPlatform() {\n    if (this.platform != null && this.platform.parentElement == null) {\n      this._root.appendChild(this.platform);\n    }\n  }\n\n  hidePlatformIfNecessary() {\n    if (this._portals.length === 0 && this.platform.parentElement != null) {\n      this._root.removeChild(this.platform);\n    }\n  }\n\n  dispose() {\n    if (this.platform != null && this._root.contains(this.platform)) {\n      this._root.removeChild(this.platform);\n    }\n  }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";;AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,cACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA;AAAA,EACvB;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AAWH,aAAOA;AAXkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,uBACpBA,EAAe,UAAU,IAAI,qBAAqB,GAClDA,EAAe,UAAU,IAAI,gBAAgB,GAC7CF,EAAK,YAAYE,CAAc,GAC/BF,EAAK,UAAU,IAAI,mBAAmB,GAE/BA;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}

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/textarea.css

@@ -1 +1 @@
-@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-family:Lato,Arial,Helvetica,sans-serif;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)}}
+@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

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

package/dist/themes/stylesheets/reset.js

@@ -80,6 +80,7 @@ const n = `/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
   time,
   mark,
   audio,
+  button,
   video {
     margin: 0;
     padding: 0;

package/dist/themes/stylesheets/reset.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset.js","sources":["../../../src/themes/stylesheets/reset.css?raw","../../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\n@layer tcn-reset {\\n  html,\\n  body,\\n  div,\\n  span,\\n  applet,\\n  object,\\n  iframe,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  p,\\n  blockquote,\\n  pre,\\n  a,\\n  abbr,\\n  acronym,\\n  address,\\n  big,\\n  cite,\\n  code,\\n  del,\\n  dfn,\\n  em,\\n  img,\\n  ins,\\n  kbd,\\n  q,\\n  s,\\n  samp,\\n  small,\\n  strike,\\n  strong,\\n  sub,\\n  sup,\\n  tt,\\n  var,\\n  b,\\n  u,\\n  i,\\n  center,\\n  dl,\\n  dt,\\n  dd,\\n  ol,\\n  ul,\\n  li,\\n  fieldset,\\n  form,\\n  label,\\n  legend,\\n  table,\\n  caption,\\n  tbody,\\n  tfoot,\\n  thead,\\n  tr,\\n  th,\\n  td,\\n  article,\\n  aside,\\n  canvas,\\n  details,\\n  embed,\\n  figure,\\n  figcaption,\\n  footer,\\n  header,\\n  hgroup,\\n  menu,\\n  nav,\\n  output,\\n  ruby,\\n  section,\\n  summary,\\n  time,\\n  mark,\\n  audio,\\n  video {\\n    margin: 0;\\n    padding: 0;\\n    border: 0;\\n    font-size: 100%;\\n    font: inherit;\\n    vertical-align: baseline;\\n  }\\n  /* HTML5 display-role reset for older browsers */\\n  article,\\n  aside,\\n  details,\\n  figcaption,\\n  figure,\\n  footer,\\n  header,\\n  hgroup,\\n  menu,\\n  nav,\\n  section {\\n    display: block;\\n  }\\n  body {\\n    line-height: 1;\\n  }\\n  ol,\\n  ul {\\n    list-style: none;\\n  }\\n  blockquote,\\n  q {\\n    quotes: none;\\n  }\\n  blockquote:before,\\n  blockquote:after,\\n  q:before,\\n  q:after {\\n    content: \\\"\\\";\\n    content: none;\\n  }\\n  table {\\n    border-collapse: collapse;\\n    border-spacing: 0;\\n  }\\n\\n  legend {\\n    all: unset;\\n    display: block;\\n    margin: 0;\\n    padding: 0;\\n    font: inherit;\\n    color: inherit;\\n  }\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css","reset"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}
+{"version":3,"file":"reset.js","sources":["../../../src/themes/stylesheets/reset.css?raw","../../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\n@layer tcn-reset {\\n  html,\\n  body,\\n  div,\\n  span,\\n  applet,\\n  object,\\n  iframe,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  p,\\n  blockquote,\\n  pre,\\n  a,\\n  abbr,\\n  acronym,\\n  address,\\n  big,\\n  cite,\\n  code,\\n  del,\\n  dfn,\\n  em,\\n  img,\\n  ins,\\n  kbd,\\n  q,\\n  s,\\n  samp,\\n  small,\\n  strike,\\n  strong,\\n  sub,\\n  sup,\\n  tt,\\n  var,\\n  b,\\n  u,\\n  i,\\n  center,\\n  dl,\\n  dt,\\n  dd,\\n  ol,\\n  ul,\\n  li,\\n  fieldset,\\n  form,\\n  label,\\n  legend,\\n  table,\\n  caption,\\n  tbody,\\n  tfoot,\\n  thead,\\n  tr,\\n  th,\\n  td,\\n  article,\\n  aside,\\n  canvas,\\n  details,\\n  embed,\\n  figure,\\n  figcaption,\\n  footer,\\n  header,\\n  hgroup,\\n  menu,\\n  nav,\\n  output,\\n  ruby,\\n  section,\\n  summary,\\n  time,\\n  mark,\\n  audio,\\n  button,\\n  video {\\n    margin: 0;\\n    padding: 0;\\n    border: 0;\\n    font-size: 100%;\\n    font: inherit;\\n    vertical-align: baseline;\\n  }\\n  /* HTML5 display-role reset for older browsers */\\n  article,\\n  aside,\\n  details,\\n  figcaption,\\n  figure,\\n  footer,\\n  header,\\n  hgroup,\\n  menu,\\n  nav,\\n  section {\\n    display: block;\\n  }\\n  body {\\n    line-height: 1;\\n  }\\n  ol,\\n  ul {\\n    list-style: none;\\n  }\\n  blockquote,\\n  q {\\n    quotes: none;\\n  }\\n  blockquote:before,\\n  blockquote:after,\\n  q:before,\\n  q:after {\\n    content: \\\"\\\";\\n    content: none;\\n  }\\n  table {\\n    border-collapse: collapse;\\n    border-spacing: 0;\\n  }\\n\\n  legend {\\n    all: unset;\\n    display: block;\\n    margin: 0;\\n    padding: 0;\\n    font: inherit;\\n    color: inherit;\\n  }\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css","reset"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}

package/dist/themes/theme.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
-export interface ThemeProps {
+import { BoxProps } from '../stacks/index.js';
+export interface ThemeProps extends BoxProps {
     styleSheets: CSSStyleSheet[];
     children: React.ReactNode;
 }
-export declare function Theme({ styleSheets, children }: ThemeProps): React.ReactNode;
+export declare function Theme({ styleSheets, children, ...boxProps }: ThemeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=theme.d.ts.map

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

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