@tcn/ui 0.0.4 → 0.2.0

package/README.md

@@ -1,11 +1,46 @@
 # @tcn/ui
 
+A comprehensive React component library providing a complete set of UI components for building modern web applications.
 
+## Overview
+
+`@tcn/ui` is the main UI component package in the Blackcat design system. It provides a unified API with organized sub-exports for different component categories.
+
+## Usage
+
+Import components from the main package or use sub-exports for better tree-shaking:
+
+```tsx
+// Use sub-exports for better tree-shaking
+import { Button } from '@tcn/ui/actions';
+import { Input } from '@tcn/ui/inputs';
+import { VStack } from '@tcn/ui/stacks';
+```
+
+## Available Sub-exports
+
+- **`@tcn/ui/actions`** - Buttons, button groups, and action elements
+- **`@tcn/ui/inputs`** - Text inputs, selects, date pickers, checkboxes, switches, and more
+- **`@tcn/ui/form`** - Form fields, field sets, and form components
+- **`@tcn/ui/layouts`** - Grid, columns, lists, headers, footers, and page structure
+- **`@tcn/ui/stacks`** - Horizontal, vertical, and z-stack components
+- **`@tcn/ui/overlay`** - Modals, tooltips, popovers, menus, and portals
+- **`@tcn/ui/feedback`** - Loading indicators and progress bars
+- **`@tcn/ui/surfaces`** - Cards, panels, drawers, modals, and windows
+- **`@tcn/ui/typography`** - Text components, headings, and typography utilities
+- **`@tcn/ui/tokens`** - Badges, bubbles, and chips
+- **`@tcn/ui/themes`** - Theme system and preconfigured themes
+- **`@tcn/ui/utils`** - Utility functions, hooks, and helpers
+- **`@tcn/ui/dnd`** - Drag and drop utilities
 
 ## Scripts
 
-- build: `pnpm ws ui build`
-- storybook: `pnpm ws ui storybook`
-- test: `pnpm ws ui test`
+- **build**: `pnpm ws ui build` - Build the package
+- **storybook**: `pnpm ws ui start` - Start Storybook development server
+- **test**: `pnpm ws ui test` - Run tests
+- **check-all**: `pnpm ws ui check-all` - Run all checks (types, lint, format)
+
+## Development
 
+Each component category is organized in its own directory under `src/` with its own index file for clean sub-exports. The package uses Vite for building and Storybook for component documentation.
 

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

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

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

@@ -2,24 +2,24 @@ import { jsx as m } from "react/jsx-runtime";
 import h from "react";
 import { clsx as B } from "clsx";
 import { HStack as p } from "../../../stacks/h_stack.js";
-import '../../../base_button.css';const y = "_base-button_d33aa84", x = { "base-button": y }, _ = h.forwardRef(
+import '../../../base_button.css';const y = "_base-button_d33aa84", x = { "base-button": y }, R = h.forwardRef(
   function({
     children: s,
-    className: u,
+    className: i,
     style: l,
-    color: e,
-    hierarchy: i = "secondary",
-    size: c = "medium",
-    onTouchStart: n,
+    color: n,
+    hierarchy: u = "secondary",
+    size: c = "md",
+    onTouchStart: e,
     onContextMenu: a,
     ...o
   }, b) {
     const d = (t) => {
-      if (n == null) {
+      if (e == null) {
         t.preventDefault();
         return;
       }
-      n(t);
+      e(t);
     }, f = (t) => {
       if (a == null) {
         t.preventDefault();
@@ -29,7 +29,7 @@ import '../../../base_button.css';const y = "_base-button_d33aa84", x = { "base-
     }, r = {
       ...l
     };
-    return e && (r["--button-color"] = e), /* @__PURE__ */ m(
+    return n && (r["--button-color"] = n), /* @__PURE__ */ m(
       p,
       {
         ref: b,
@@ -37,10 +37,15 @@ import '../../../base_button.css';const y = "_base-button_d33aa84", x = { "base-
         inline: !0,
         vAlign: "center",
         hAlign: "center",
-        "data-hierarchy": i,
+        "data-hierarchy": u,
         "data-size": c,
         "data-is-disabled": !!o.disabled,
-        className: B(x["base-button"], "base-button", u),
+        className: B(
+          x["base-button"],
+          "tcn-interactive",
+          "tcn-base-button",
+          i
+        ),
         style: r,
         onTouchStart: d,
         onContextMenu: f,
@@ -51,6 +56,6 @@ import '../../../base_button.css';const y = "_base-button_d33aa84", x = { "base-
   }
 );
 export {
-  _ as BaseButton
+  R as BaseButton
 };
 //# sourceMappingURL=base_button.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGjF,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,MAAM,oGAmBjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGjF,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,MAAM,oGAiBjB,CAAC"}

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

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import b from "react";
+import c from "react";
 import { clsx as n } from "clsx";
-import { BaseButton as c } from "../base_button/base_button.js";
-import '../../../button.css';const f = "_button_fd354ec", m = "_button-text_5989b5f", u = { button: f, "button-text": m }, _ = b.forwardRef(function({ children: t, className: e, ...s }, r) {
+import { BaseButton as b } from "../base_button/base_button.js";
+import '../../../button.css';const f = "_button_fd354ec", m = "_button-text_5989b5f", s = { button: f, "button-text": m }, _ = c.forwardRef(function({ children: t, className: e, ...u }, r) {
   return /* @__PURE__ */ o(
-    c,
+    b,
     {
       ref: r,
-      className: n(u.button, "button", "tcn-button", e),
-      ...s,
-      children: typeof t == "string" ? /* @__PURE__ */ o("span", { className: n(u["button-text"], "button-text", "tcn-button-text"), children: t }) : t
+      className: n(s.button, "tcn-button", e),
+      ...u,
+      children: typeof t == "string" ? /* @__PURE__ */ o("span", { className: n(s["button-text"], "tcn-button-text"), children: t }) : t
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/actions/button/button/button.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { BaseButton, type BaseButtonProps } from '../base_button/base_button.js';\nimport styles from './button.module.css';\n\nexport interface ButtonProps extends BaseButtonProps {}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { children, className, ...props },\n  ref\n) {\n  return (\n    <BaseButton\n      ref={ref}\n      className={clsx(styles.button, 'button', 'tcn-button', className)}\n      {...props}\n    >\n      {typeof children === 'string' ? (\n        <span className={clsx(styles['button-text'], 'button-text', 'tcn-button-text')}>\n          {children}\n        </span>\n      ) : (\n        children\n      )}\n    </BaseButton>\n  );\n});\n"],"names":["Button","React","children","className","props","ref","jsx","BaseButton","clsx","styles"],"mappings":";;;;8FAOaA,IAASC,EAAM,WAA2C,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,QAAQ,UAAU,cAAcN,CAAS;AAAA,MAC/D,GAAGC;AAAA,MAEH,UAAA,OAAOF,KAAa,WACnB,gBAAAI,EAAC,UAAK,WAAWE,EAAKC,EAAO,aAAa,GAAG,eAAe,iBAAiB,GAC1E,UAAAP,GACH,IAEAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"button.js","sources":["../../../../src/actions/button/button/button.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { BaseButton, type BaseButtonProps } from '../base_button/base_button.js';\nimport styles from './button.module.css';\n\nexport interface ButtonProps extends BaseButtonProps {}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { children, className, ...props },\n  ref\n) {\n  return (\n    <BaseButton\n      ref={ref}\n      className={clsx(styles.button, 'tcn-button', className)}\n      {...props}\n    >\n      {typeof children === 'string' ? (\n        <span className={clsx(styles['button-text'], 'tcn-button-text')}>{children}</span>\n      ) : (\n        children\n      )}\n    </BaseButton>\n  );\n});\n"],"names":["Button","React","children","className","props","ref","jsx","BaseButton","clsx","styles"],"mappings":";;;;8FAOaA,IAASC,EAAM,WAA2C,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,QAAQ,cAAcN,CAAS;AAAA,MACrD,GAAGC;AAAA,MAEH,UAAA,OAAOF,KAAa,WACnB,gBAAAI,EAAC,QAAA,EAAK,WAAWE,EAAKC,EAAO,aAAa,GAAG,iBAAiB,GAAI,UAAAP,GAAS,IAE3EA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/actions/button/slim_button/slim_button.js

@@ -2,12 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import n from "react";
 import { Button as i } from "../button/button.js";
 import { clsx as l } from "clsx";
-import '../../../slim_button.css';const u = "_slim-button_188fdc3", c = { "slim-button": u }, b = n.forwardRef(
+import '../../../slim_button.css';const c = "_slim-button_188fdc3", u = { "slim-button": c }, b = n.forwardRef(
   ({ children: t, className: o, ...m }, s) => /* @__PURE__ */ r(
     i,
     {
       ref: s,
-      className: l(c["slim-button"], "slim-button", o),
+      className: l(u["slim-button"], "tcn-slim-button", o),
       ...m,
       children: t
     }

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

@@ -1 +1 @@
-{"version":3,"file":"slim_button.js","sources":["../../../../src/actions/button/slim_button/slim_button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '../button/button.js';\nimport { clsx } from 'clsx';\n// Styles\nimport styles from './slim_button.module.css';\n\nexport const SlimButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        className={clsx(styles['slim-button'], 'slim-button', className)}\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\n"],"names":["SlimButton","React","children","className","props","ref","jsx","Button","clsx","styles"],"mappings":";;;;4DAMaA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEhC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,aAAa,GAAG,eAAeN,CAAS;AAAA,MAC9D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAIT;"}
+{"version":3,"file":"slim_button.js","sources":["../../../../src/actions/button/slim_button/slim_button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '../button/button.js';\nimport { clsx } from 'clsx';\n// Styles\nimport styles from './slim_button.module.css';\n\nexport const SlimButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        className={clsx(styles['slim-button'], 'tcn-slim-button', className)}\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\n"],"names":["SlimButton","React","children","className","props","ref","jsx","Button","clsx","styles"],"mappings":";;;;4DAMaA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEhC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,aAAa,GAAG,mBAAmBN,CAAS;AAAA,MAClE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/button.css

@@ -1 +1 @@
-._button_fd354ec{--button-height: calc(26px * var(--scalar, 1));--button-color: var(--accent-color);--button-color-hover: color-mix(in srgb, var(--button-color) 90%, black);--button-color-active: color-mix(in srgb, var(--button-color) 75%, black);--button-color-disabled: var(--status-disabled, #cccccc);min-height:var(--button-height);padding:4px 8px;border-radius:4px;width:auto;border:1px solid transparent;outline:none;cursor:pointer;background:transparent;font-size:calc(14px * var(--scalar, 1));line-height:calc(16px * var(--scalar, 1))}._button_fd354ec:focus-visible{outline:3px solid color-mix(in srgb,var(--button-color) 40%,transparent)}._button_fd354ec[data-hierarchy=primary]{background:var(--button-color);color:#fff}._button_fd354ec[data-hierarchy=primary]:hover{background:var(--button-color-hover);color:#fff}._button_fd354ec[data-hierarchy=primary]:active{background:var(--button-color-active);box-shadow:none}._button_fd354ec[data-hierarchy=secondary]{color:#395578;border-color:#395578}._button_fd354ec[data-hierarchy=secondary]:hover{background:color-mix(in srgb,rgb(57,85,120) 10%,rgb(255,255,255,.5))}._button_fd354ec[data-hierarchy=secondary]:active{background:color-mix(in srgb,rgb(57,85,120) 25%,rgb(255,255,255,.5))}._button_fd354ec[data-hierarchy=tertiary]{border-color:transparent;color:#395578}._button_fd354ec[data-hierarchy=tertiary]:hover{text-decoration:underline;text-decoration-color:#395578;text-decoration-thickness:1px;text-underline-offset:2px}._button_fd354ec[data-hierarchy=tertiary]:active{opacity:.5}._button_fd354ec[data-is-disabled=true]{pointer-events:none;background:var(--button-color-disabled);color:#fff;border-color:var(--button-color-disabled)}._button_fd354ec[data-hierarchy=secondary][data-is-disabled=true]{background:transparent;color:var(--button-color-disabled);border-color:var(--button-color-disabled)}._button_fd354ec[data-hierarchy=tertiary][data-is-disabled=true]{background:transparent;color:var(--button-color-disabled);border-color:transparent}._button_fd354ec[data-size=sm]{--button-height: calc(22px * var(--scalar, 1))}._button_fd354ec[data-size=md]{--button-height: calc(26px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{--button-height: calc(32px * var(--scalar, 1))}._button_fd354ec[data-size=sm] ._button-text_5989b5f{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md] ._button-text_5989b5f{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg] ._button-text_5989b5f{font-size:calc(16px * var(--scalar, 1))}._button_fd354ec[data-size=sm]{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md]{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{font-size:calc(16px * var(--scalar, 1))}
+._button_fd354ec{--button-height: calc(26px * var(--scalar, 1));--button-color: var(--accent-color);--button-color-hover: color-mix(in srgb, var(--button-color) 90%, black);--button-color-active: color-mix(in srgb, var(--button-color) 75%, black);--button-color-disabled: var(--status-disabled, #cccccc);min-height:var(--button-height);width:auto;cursor:pointer;font-size:calc(14px * var(--scalar, 1));line-height:calc(16px * var(--scalar, 1))}._button_fd354ec[data-size=sm]{--button-height: calc(22px * var(--scalar, 1))}._button_fd354ec[data-size=md]{--button-height: calc(26px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{--button-height: calc(32px * var(--scalar, 1))}._button_fd354ec[data-size=sm] ._button-text_5989b5f{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md] ._button-text_5989b5f{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg] ._button-text_5989b5f{font-size:calc(16px * var(--scalar, 1))}._button_fd354ec[data-size=sm]{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md]{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{font-size:calc(16px * var(--scalar, 1))}

package/dist/draggable.css

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

package/dist/feedback/progress/progress_bar.js

@@ -7,7 +7,7 @@ import "../../caption.module-DDq0H4xZ.js";
 import "../../footnote.module-DEyFuqOr.js";
 import "../../headline.module-BiwHBtGf.js";
 import "../../subheadline.module-C-v7zMkQ.js";
-import "../../title.module-B16de2jd.js";
+import "../../typography/title/title.js";
 import { HStack as l } from "../../stacks/h_stack.js";
 import { Spacer as a } from "../../stacks/spacer.js";
 import { VStack as d } from "../../stacks/v_stack.js";

package/dist/footer.css

@@ -1 +1 @@
-._footer_4a43c3e{width:100%;min-height:0;border-top:1px solid rgb(221,221,221);padding:var(--padding) var(--padding-large);gap:var(--gap)}._footer_4a43c3e[data-kind=app],._footer_4a43c3e[data-kind=nav],._footer_4a43c3e[data-kind=toolbar],._footer_4a43c3e[data-kind=window],._footer_4a43c3e[data-kind=status]{position:relative}
+._footer_4a43c3e{width:100%;min-height:0;padding:var(--padding) var(--padding-large);gap:var(--gap)}._footer_4a43c3e[data-kind=app],._footer_4a43c3e[data-kind=nav],._footer_4a43c3e[data-kind=toolbar],._footer_4a43c3e[data-kind=window],._footer_4a43c3e[data-kind=status]{position:relative}

package/dist/form/field/common/field_description.js

@@ -6,7 +6,7 @@ import "../../../caption.module-DDq0H4xZ.js";
 import "../../../footnote.module-DEyFuqOr.js";
 import "../../../headline.module-BiwHBtGf.js";
 import "../../../subheadline.module-C-v7zMkQ.js";
-import "../../../title.module-B16de2jd.js";
+import "../../../typography/title/title.js";
 const y = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   i,
   {

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

@@ -6,12 +6,13 @@ import "../../../caption.module-DDq0H4xZ.js";
 import "../../../footnote.module-DEyFuqOr.js";
 import "../../../headline.module-BiwHBtGf.js";
 import "../../../subheadline.module-C-v7zMkQ.js";
-import "../../../title.module-B16de2jd.js";
+import "../../../typography/title/title.js";
 import { theme as i } from "../../../themes/theme_variables.js";
 import "react";
+import "../../../themes/stylesheets/reset.js";
 import { AdornmentMap as s } from "./status_input/status_input.js";
 import { HStack as p } from "../../../stacks/h_stack.js";
-const k = ({ children: r }) => {
+const v = ({ children: r }) => {
   if (!r) return null;
   let t = r;
   return typeof r == "string" && (t = /* @__PURE__ */ o(
@@ -29,6 +30,6 @@ const k = ({ children: r }) => {
   ] });
 };
 export {
-  k as FieldErrorMessage
+  v 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=\"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=\"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/form/field/common/field_label.js

@@ -6,7 +6,7 @@ import "../../../caption.module-DDq0H4xZ.js";
 import "../../../footnote.module-DEyFuqOr.js";
 import "../../../headline.module-BiwHBtGf.js";
 import "../../../subheadline.module-C-v7zMkQ.js";
-import "../../../title.module-B16de2jd.js";
+import "../../../typography/title/title.js";
 const x = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   t,
   {

package/dist/inputs/date_picker/date_picker_date.js

@@ -7,7 +7,7 @@ import "../../caption.module-DDq0H4xZ.js";
 import "../../footnote.module-DEyFuqOr.js";
 import "../../headline.module-BiwHBtGf.js";
 import "../../subheadline.module-C-v7zMkQ.js";
-import "../../title.module-B16de2jd.js";
+import "../../typography/title/title.js";
 import { ZStack as M } from "../../stacks/z_stack.js";
 import '../../date_picker_date.css';const B = "_date-picker-date_38d540e", _ = "_date-picker-today_af9d1ab", k = { "date-picker-date": B, "date-picker-today": _ };
 function C({ presenter: i, date: t }) {

package/dist/inputs/date_picker/date_picker_day.js

@@ -6,7 +6,7 @@ import "../../caption.module-DDq0H4xZ.js";
 import "../../footnote.module-DEyFuqOr.js";
 import { Headline as m } from "../../typography/headline/headline.js";
 import "../../subheadline.module-C-v7zMkQ.js";
-import "../../title.module-B16de2jd.js";
+import "../../typography/title/title.js";
 import { ZStack as p } from "../../stacks/z_stack.js";
 import { useMemo as s } from "react";
 import '../../date_picker_day.css';const c = "_date-picker-day_2945845", r = { "date-picker-day": c };

package/dist/inputs/date_picker/date_picker_time_selector.js

@@ -14,7 +14,7 @@ import "../../caption.module-DDq0H4xZ.js";
 import "../../footnote.module-DEyFuqOr.js";
 import "../../headline.module-BiwHBtGf.js";
 import "../../subheadline.module-C-v7zMkQ.js";
-import "../../title.module-B16de2jd.js";
+import "../../typography/title/title.js";
 import { ClockIcon as j } from "@tcn/icons/clock_icon.js";
 import '../../date_picker_time_selector.css';const z = "_time-box_f3145be", P = "_time-box-title_6cc801b", Z = "_time-box-title-container_22add52", v = "_selected-time_33e3aa3", s = { "time-box": z, "time-box-title": P, "time-box-title-container": Z, "selected-time": v };
 function it({

package/dist/inputs/date_picker/date_picker_year_selector.js

@@ -19,7 +19,7 @@ import "../../caption.module-DDq0H4xZ.js";
 import "../../footnote.module-DEyFuqOr.js";
 import { Headline as M } from "../../typography/headline/headline.js";
 import "../../subheadline.module-C-v7zMkQ.js";
-import "../../title.module-B16de2jd.js";
+import "../../typography/title/title.js";
 import { FocusRedirect as T } from "../../utils/focus_redirect.js";
 import "../../utils/click_away_listener.js";
 import "../../utils/scroll_away_listener.js";

package/dist/inputs/input/input.d.ts

@@ -1,5 +1,5 @@
-import { default as React, HTMLAttributes } from 'react';
-export interface InputProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {
+import { default as React, InputHTMLAttributes } from 'react';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     type?: React.HTMLInputTypeAttribute;
     width?: string;
     height?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/inputs/input/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjF;AAED,eAAO,MAAM,KAAK,qFAkBhB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/inputs/input/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjF;AAED,eAAO,MAAM,KAAK,qFAkBhB,CAAC"}

package/dist/inputs/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/inputs/input/input.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { HTMLAttributes } from 'react';\nimport styles from './input.module.css';\n\nexport interface InputProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  type?: React.HTMLInputTypeAttribute;\n  width?: string;\n  height?: string;\n  value?: string;\n  disabled?: boolean;\n  min?: string;\n  max?: string;\n  placeholder?: string;\n  onChange?: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const Input = React.forwardRef(function Input(\n  { type = 'text', style, className, width, height, onChange, ...props }: InputProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  return (\n    <input\n      className={clsx(styles.input, className, 'input')}\n      type={type}\n      ref={ref}\n      data-is-disabled={props.disabled || false}\n      aria-disabled={props.disabled || false}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n      style={{ width, height, ...style }}\n    />\n  );\n});\n"],"names":["Input","React","type","style","className","width","height","onChange","props","ref","jsx","clsx","styles"],"mappings":";;;8CAiBaA,IAAQC,EAAM,WAAW,SACpC,EAAE,MAAAC,IAAO,QAAQ,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAA,GAC/DC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,OAAOR,GAAW,OAAO;AAAA,MAChD,MAAAF;AAAA,MACA,KAAAO;AAAA,MACA,oBAAkBD,EAAM,YAAY;AAAA,MACpC,iBAAeA,EAAM,YAAY;AAAA,MACjC,UAAU,CAAA,MAAK;AACb,QAAAD,KAAYA,EAAS,EAAE,cAAc,OAAO,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGC;AAAA,MACJ,OAAO,EAAE,OAAAH,GAAO,QAAAC,GAAQ,GAAGH,EAAA;AAAA,IAAM;AAAA,EAAA;AAGvC,CAAC;"}
+{"version":3,"file":"input.js","sources":["../../../src/inputs/input/input.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { InputHTMLAttributes } from 'react';\nimport styles from './input.module.css';\n\nexport interface InputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  type?: React.HTMLInputTypeAttribute;\n  width?: string;\n  height?: string;\n  value?: string;\n  disabled?: boolean;\n  min?: string;\n  max?: string;\n  placeholder?: string;\n  onChange?: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const Input = React.forwardRef(function Input(\n  { type = 'text', style, className, width, height, onChange, ...props }: InputProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  return (\n    <input\n      className={clsx(styles.input, className, 'input')}\n      type={type}\n      ref={ref}\n      data-is-disabled={props.disabled || false}\n      aria-disabled={props.disabled || false}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n      style={{ width, height, ...style }}\n    />\n  );\n});\n"],"names":["Input","React","type","style","className","width","height","onChange","props","ref","jsx","clsx","styles"],"mappings":";;;8CAkBaA,IAAQC,EAAM,WAAW,SACpC,EAAE,MAAAC,IAAO,QAAQ,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAA,GAC/DC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,OAAOR,GAAW,OAAO;AAAA,MAChD,MAAAF;AAAA,MACA,KAAAO;AAAA,MACA,oBAAkBD,EAAM,YAAY;AAAA,MACpC,iBAAeA,EAAM,YAAY;AAAA,MACjC,UAAU,CAAA,MAAK;AACb,QAAAD,KAAYA,EAAS,EAAE,cAAc,OAAO,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGC;AAAA,MACJ,OAAO,EAAE,OAAAH,GAAO,QAAAC,GAAQ,GAAGH,EAAA;AAAA,IAAM;AAAA,EAAA;AAGvC,CAAC;"}

package/dist/inputs/options/option.d.ts

@@ -6,6 +6,7 @@ export interface OptionProps {
     keywords?: string[];
     selected?: boolean;
     disabled?: boolean;
+    obfuscate?: boolean;
 }
 export declare function Option({ children }: OptionProps): number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 //# sourceMappingURL=option.d.ts.map

package/dist/inputs/options/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../src/inputs/options/option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,6GAS/C"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../src/inputs/options/option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,6GAS/C"}

package/dist/inputs/options/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sources":["../../../src/inputs/options/option.tsx"],"sourcesContent":["import { HStack } from '../../stacks/h_stack.js';\nimport { BodyText } from '../../typography/body_text/body_text.js';\nimport React from 'react';\n\nexport interface OptionProps {\n  children: React.ReactNode;\n  value: string;\n  label?: string;\n  keywords?: string[];\n  selected?: boolean;\n  disabled?: boolean;\n}\n\nexport function Option({ children }: OptionProps) {\n  if (typeof children === 'string') {\n    return (\n      <HStack hAlign=\"start\" padding=\"4px\" height=\"auto\">\n        <BodyText size=\"lg\">{children}</BodyText>\n      </HStack>\n    );\n  }\n  return children;\n}\n"],"names":["Option","children","jsx","HStack","BodyText"],"mappings":";;;AAaO,SAASA,EAAO,EAAE,UAAAC,KAAyB;AAChD,SAAI,OAAOA,KAAa,WAEpB,gBAAAC,EAACC,GAAA,EAAO,QAAO,SAAQ,SAAQ,OAAM,QAAO,QAC1C,UAAA,gBAAAD,EAACE,GAAA,EAAS,MAAK,MAAM,UAAAH,GAAS,GAChC,IAGGA;AACT;"}
+{"version":3,"file":"option.js","sources":["../../../src/inputs/options/option.tsx"],"sourcesContent":["import { HStack } from '../../stacks/h_stack.js';\nimport { BodyText } from '../../typography/body_text/body_text.js';\nimport React from 'react';\n\nexport interface OptionProps {\n  children: React.ReactNode;\n  value: string;\n  label?: string;\n  keywords?: string[];\n  selected?: boolean;\n  disabled?: boolean;\n  obfuscate?: boolean;\n}\n\nexport function Option({ children }: OptionProps) {\n  if (typeof children === 'string') {\n    return (\n      <HStack hAlign=\"start\" padding=\"4px\" height=\"auto\">\n        <BodyText size=\"lg\">{children}</BodyText>\n      </HStack>\n    );\n  }\n  return children;\n}\n"],"names":["Option","children","jsx","HStack","BodyText"],"mappings":";;;AAcO,SAASA,EAAO,EAAE,UAAAC,KAAyB;AAChD,SAAI,OAAOA,KAAa,WAEpB,gBAAAC,EAACC,GAAA,EAAO,QAAO,SAAQ,SAAQ,OAAM,QAAO,QAC1C,UAAA,gBAAAD,EAACE,GAAA,EAAS,MAAK,MAAM,UAAAH,GAAS,GAChC,IAGGA;AACT;"}

package/dist/inputs/phone_number_input/phone_number_input.d.ts

@@ -3,8 +3,15 @@ import { default as React } from 'react';
 import { OptionProps } from '../options/option.js';
 export interface PhoneNumberInputProps extends Omit<HStackProps, 'onChange' | 'children'> {
     value?: string;
+    name?: string;
+    autoComplete?: string;
     defaultCountry?: string;
-    onChange?: (value: string) => void;
+    /**
+     * Callback fired when the phone number value changes.
+     * @param value - The phone number value with country prefix
+     * @param obfuscate - Whether the selected phone number is obfuscated (e.g., from a phone book entry marked as obfuscated)
+     */
+    onChange?: (value: string, obfuscate: boolean) => void;
     countrySelectRef?: React.Ref<HTMLButtonElement>;
     phoneNumberInputRef?: React.Ref<HTMLInputElement>;
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAuF3D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChD,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,eAAO,MAAM,gBAAgB,2FAmN3B,CAAC"}
+{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAiG3D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChD,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,eAAO,MAAM,gBAAgB,2FAwR3B,CAAC"}