@tcn/ui 0.10.0 → 0.12.0

package/dist/feedback/index.d.ts

@@ -1,4 +1,5 @@
 export * from './loading/loading.js';
 export * from './progress/progress_bar.js';
+export * from './progress/progress.js';
 export * from './lazy/lazy.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC"}

package/dist/feedback/index.js

@@ -1,9 +1,11 @@
 import { Loading as e } from "./loading/loading.js";
-import { ProgressBar as f } from "./progress/progress_bar.js";
-import { Lazy as p } from "./lazy/lazy.js";
+import { P as a } from "../progress_bar-CPP0Jyv-.js";
+import { Progress as m } from "./progress/progress.js";
+import { Lazy as t } from "./lazy/lazy.js";
 export {
-  p as Lazy,
+  t as Lazy,
   e as Loading,
-  f as ProgressBar
+  m as Progress,
+  a as ProgressBar
 };
 //# sourceMappingURL=index.js.map

package/dist/feedback/index.js.map

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

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

@@ -0,0 +1,7 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+    message: string;
+    value: number;
+}
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/feedback/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU9C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,sFAuBnB,CAAC"}

package/dist/feedback/progress/progress.js

@@ -0,0 +1,38 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import c from "react";
+import { BodyText as e } from "../../typography/body_text/body_text.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
+import "../../typography/title/title.js";
+import { HStack as a } from "../../stacks/h_stack.js";
+import { Spacer as s } from "../../stacks/spacer.js";
+import { VStack as f } from "../../stacks/v_stack.js";
+import d from "clsx";
+import { P as l, s as g } from "../../progress_bar-CPP0Jyv-.js";
+const H = c.forwardRef(function({ message: i, value: o, ...m }, p) {
+  const n = `${(o * 100).toFixed(0)}%`;
+  return /* @__PURE__ */ t(
+    f,
+    {
+      ref: p,
+      className: d(g["progress-container"], "tcn-progress-container"),
+      ...m,
+      children: [
+        /* @__PURE__ */ t(a, { height: "auto", vAlign: "end", children: [
+          /* @__PURE__ */ r(e, { children: i }),
+          /* @__PURE__ */ r(s, {}),
+          /* @__PURE__ */ r(s, { width: "8px" }),
+          /* @__PURE__ */ r(e, { size: "sm", style: { flexShrink: 0 }, children: n })
+        ] }),
+        /* @__PURE__ */ r(l, { value: o })
+      ]
+    }
+  );
+});
+export {
+  H as Progress
+};
+//# sourceMappingURL=progress.js.map

package/dist/feedback/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sources":["../../../src/feedback/progress/progress.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { BodyText } from '../../typography/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport clsx from 'clsx';\n\nimport styles from './progress_bar.module.css';\nimport { ProgressBar } from './progress_bar.js';\n\nexport interface ProgressProps extends HTMLAttributes<HTMLDivElement> {\n  message: string;\n  value: number;\n}\n\nexport const Progress = React.forwardRef(function Progress(\n  { message, value, ...props }: ProgressProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const progressPercent = `${(value * 100).toFixed(0)}%`;\n\n  return (\n    <VStack\n      ref={ref}\n      className={clsx(styles['progress-container'], 'tcn-progress-container')}\n      {...props}\n    >\n      <HStack height=\"auto\" vAlign=\"end\">\n        <BodyText>{message}</BodyText>\n        <Spacer />\n        <Spacer width=\"8px\" />\n        <BodyText size=\"sm\" style={{ flexShrink: 0 }}>\n          {progressPercent}\n        </BodyText>\n      </HStack>\n      <ProgressBar value={value} />\n    </VStack>\n  );\n});\n"],"names":["Progress","React","message","value","props","ref","progressPercent","jsxs","VStack","clsx","styles","HStack","jsx","BodyText","Spacer","ProgressBar"],"mappings":";;;;;;;;;;;;;;AAeO,MAAMA,IAAWC,EAAM,WAAW,SACvC,EAAE,SAAAC,GAAS,OAAAC,GAAO,GAAGC,EAAA,GACrBC,GACA;AACA,QAAMC,IAAkB,IAAIH,IAAQ,KAAK,QAAQ,CAAC,CAAC;AAEnD,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI,EAAKC,EAAO,oBAAoB,GAAG,wBAAwB;AAAA,MACrE,GAAGN;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG,EAACI,GAAA,EAAO,QAAO,QAAO,QAAO,OAC3B,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAAU,UAAAX,EAAA,CAAQ;AAAA,4BAClBY,GAAA,EAAO;AAAA,UACR,gBAAAF,EAACE,GAAA,EAAO,OAAM,MAAA,CAAM;AAAA,UACpB,gBAAAF,EAACC,KAAS,MAAK,MAAK,OAAO,EAAE,YAAY,EAAA,GACtC,UAAAP,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QACA,gBAAAM,EAACG,KAAY,OAAAZ,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjC,CAAC;"}

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

@@ -1,6 +1,5 @@
 import { default as React, HTMLAttributes } from 'react';
 export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
-    message: string;
     value: number;
 }
 export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/feedback/progress/progress_bar.js

@@ -1,49 +1,9 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import m from "react";
-import { BodyText as t } from "../../typography/body_text/body_text.js";
-import "../../typography/callout/callout.js";
-import "../../typography/caption/caption.js";
-import "../../typography/footnote/footnote.js";
-import "../../typography/headline/headline.js";
-import "../../typography/subheadline/subheadline.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";
-import { ZStack as b } from "../../stacks/z_stack.js";
-import f from "clsx";
-import '../../progress_bar.css';const h = "_progress-bar-container_014b4d9", _ = "_progress-bar-background_9176cc0", x = "_progress-bar_057c33d", k = "_progress-bar-fill_00854f0", u = "_moveStripes_d219e85", s = { "progress-bar-container": h, "progress-bar-background": _, "progress-bar": x, "progress-bar-fill": k, moveStripes: u }, T = m.forwardRef(function({ message: i, value: p, ...c }, n) {
-  const o = `${(p * 100).toFixed(0)}%`, g = { "--progress-percentage": o };
-  return /* @__PURE__ */ e(
-    d,
-    {
-      ref: n,
-      className: f(s["progress-bar-container"], "tcn-progress-bar"),
-      ...c,
-      children: [
-        /* @__PURE__ */ e(l, { height: "auto", vAlign: "end", children: [
-          /* @__PURE__ */ r(t, { children: i }),
-          /* @__PURE__ */ r(a, {}),
-          /* @__PURE__ */ r(a, { width: "8px" }),
-          /* @__PURE__ */ r(t, { size: "sm", style: { flexShrink: 0 }, children: o })
-        ] }),
-        /* @__PURE__ */ e(b, { height: "8px", hAlign: "start", children: [
-          /* @__PURE__ */ r("div", { className: s["progress-bar-background"] }),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              "data-finished": o === "100%",
-              style: g,
-              className: s["progress-bar-fill"]
-            }
-          ),
-          /* @__PURE__ */ r("div", { className: s["progress-bar"] })
-        ] })
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "../../stacks/z_stack.js";
+import "clsx";
+import { P as s } from "../../progress_bar-CPP0Jyv-.js";
 export {
-  T as ProgressBar
+  s as ProgressBar
 };
 //# sourceMappingURL=progress_bar.js.map

package/dist/feedback/progress/progress_bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress_bar.js","sources":["../../../src/feedback/progress/progress_bar.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { BodyText } from '../../typography/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport clsx from 'clsx';\n\nimport styles from './progress_bar.module.css';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n  message: string;\n  value: number;\n}\n\nexport const ProgressBar = React.forwardRef(function ProgressBar(\n  { message, value, ...props }: ProgressBarProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const progressPercent = `${(value * 100).toFixed(0)}%`;\n  const styleVariables: any = { '--progress-percentage': progressPercent };\n\n  return (\n    <VStack\n      ref={ref}\n      className={clsx(styles['progress-bar-container'], 'tcn-progress-bar')}\n      {...props}\n    >\n      <HStack height=\"auto\" vAlign=\"end\">\n        <BodyText>{message}</BodyText>\n        <Spacer />\n        <Spacer width=\"8px\" />\n        <BodyText size=\"sm\" style={{ flexShrink: 0 }}>\n          {progressPercent}\n        </BodyText>\n      </HStack>\n      <ZStack height=\"8px\" hAlign=\"start\">\n        <div className={styles['progress-bar-background']}></div>\n        <div\n          data-finished={progressPercent === '100%'}\n          style={styleVariables}\n          className={styles['progress-bar-fill']}\n        />\n        <div className={styles['progress-bar']}></div>\n      </ZStack>\n    </VStack>\n  );\n});\n"],"names":["ProgressBar","React","message","value","props","ref","progressPercent","styleVariables","jsxs","VStack","clsx","styles","HStack","jsx","BodyText","Spacer","ZStack"],"mappings":";;;;;;;;;;;;;;8SAeaA,IAAcC,EAAM,WAAW,SAC1C,EAAE,SAAAC,GAAS,OAAAC,GAAO,GAAGC,EAAA,GACrBC,GACA;AACA,QAAMC,IAAkB,IAAIH,IAAQ,KAAK,QAAQ,CAAC,CAAC,KAC7CI,IAAsB,EAAE,yBAAyBD,EAAA;AAEvD,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,WAAWK,EAAKC,EAAO,wBAAwB,GAAG,kBAAkB;AAAA,MACnE,GAAGP;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACI,GAAA,EAAO,QAAO,QAAO,QAAO,OAC3B,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAAU,UAAAZ,EAAA,CAAQ;AAAA,4BAClBa,GAAA,EAAO;AAAA,UACR,gBAAAF,EAACE,GAAA,EAAO,OAAM,MAAA,CAAM;AAAA,UACpB,gBAAAF,EAACC,KAAS,MAAK,MAAK,OAAO,EAAE,YAAY,EAAA,GACtC,UAAAR,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QACA,gBAAAE,EAACQ,GAAA,EAAO,QAAO,OAAM,QAAO,SAC1B,UAAA;AAAA,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWF,EAAO,yBAAyB,EAAA,CAAG;AAAA,UACnD,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,iBAAeP,MAAoB;AAAA,cACnC,OAAOC;AAAA,cACP,WAAWI,EAAO,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvC,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,cAAc,EAAA,CAAG;AAAA,QAAA,EAAA,CAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"progress_bar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -4,7 +4,8 @@ import { LockTwoIcon as f } from "@tcn/icons/lock_two_icon.js";
 import { HStack as m } from "../../../../stacks/h_stack.js";
 import p from "react";
 import { Loading as g } from "../../../../feedback/loading/loading.js";
-import "../../../../feedback/progress/progress_bar.js";
+import "../../../../progress_bar-CPP0Jyv-.js";
+import "../../../../feedback/progress/progress.js";
 import "@tcn/state";
 import "../../../../stacks/v_stack.js";
 import { clsx as o } from "clsx";
@@ -25,7 +26,7 @@ import '../../../../status_input.css';const A = "_field-error_6d015c9", x = "_fi
     default:
       return null;
   }
-}, v = p.forwardRef(function({ children: i, state: t = "default", className: s, ...l }, c) {
+}, y = p.forwardRef(function({ children: i, state: t = "default", className: s, ...l }, c) {
   const d = t === "default" || t === "error";
   return /* @__PURE__ */ a(
     m,
@@ -51,6 +52,6 @@ import '../../../../status_input.css';const A = "_field-error_6d015c9", x = "_fi
 });
 export {
   I as AdornmentMap,
-  v as FieldStatusInput
+  y as FieldStatusInput
 };
 //# sourceMappingURL=status_input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"status_input.js","sources":["../../../../../src/form/field/common/status_input/status_input.tsx"],"sourcesContent":["import { AlertTriangleIcon } from '@tcn/icons/alert_triangle_icon.js';\nimport { LockTwoIcon } from '@tcn/icons/lock_two_icon.js';\nimport { HStack } from '../../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../../stacks/types/as.js';\nimport React from 'react';\nimport { Loading } from '../../../../feedback/index.js';\nimport { clsx } from 'clsx';\nimport styles from './status_input.module.css';\n\n/*\n TODO: I really want to make these themeable.\n The way we do that is simply put a div placeholder with\n a class that the theme can override. They can use svgs as \n backgrounds for icons. This would make it so the component\n library doesn't dictate the icon set used. \n*/\nconst LockedAdornment: React.FC = () => {\n  return <LockTwoIcon className=\"tcn-field-lock\" size=\"lg\" />;\n};\n\nconst LoadingAdornment: React.FC = () => {\n  return <Loading size=\"20px\" className=\"tcn-field-loader\" />;\n};\n\nconst ErroredAdornment: React.FC = () => {\n  return (\n    <AlertTriangleIcon\n      className={clsx(styles['field-error'], 'tcn-field-error')}\n      size=\"lg\"\n    />\n  );\n};\n\nexport const AdornmentMap: React.FC<{ state: StatusInputState }> = ({ state }) => {\n  switch (state) {\n    case 'locked':\n      return <LockedAdornment />;\n    case 'loading':\n      return <LoadingAdornment />;\n    case 'error':\n      return <ErroredAdornment />;\n    default:\n      return null;\n  }\n};\n\nexport type StatusInputState = 'locked' | 'loading' | 'error' | 'default';\nexport interface StatusInputOwnProps {\n  children: React.ReactNode;\n  state?: StatusInputState;\n}\n\nexport type StatusInputProps = WithDetailedHTMLProps<\n  StatusInputOwnProps & HStackOwnProps,\n  'div'\n>;\n\nexport const FieldStatusInput = React.forwardRef(function StatusInput(\n  { children: Control, state = 'default', className, ...props }: StatusInputProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const showControl = state === 'default' || state === 'error';\n\n  return (\n    <HStack\n      ref={ref}\n      data-state={state}\n      className={clsx(\n        'tcn-field-status-input',\n        styles['field-status-input'],\n        className,\n        'tcn-field-status-input'\n      )}\n      vAlign=\"center\"\n      hAlign=\"end\"\n      gap=\"4px\"\n      {...props}\n    >\n      {showControl && Control}\n      <AdornmentMap state={state} />\n    </HStack>\n  );\n});\n"],"names":["LockedAdornment","jsx","LockTwoIcon","LoadingAdornment","Loading","ErroredAdornment","AlertTriangleIcon","clsx","styles","AdornmentMap","state","FieldStatusInput","React","Control","className","props","ref","showControl","jsxs","HStack"],"mappings":";;;;;;;;;;wHAiBMA,IAA4B,MACzB,gBAAAC,EAACC,GAAA,EAAY,WAAU,kBAAiB,MAAK,MAAK,GAGrDC,IAA6B,MAC1B,gBAAAF,EAACG,GAAA,EAAQ,MAAK,QAAO,WAAU,oBAAmB,GAGrDC,IAA6B,MAE/B,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,aAAa,GAAG,iBAAiB;AAAA,IACxD,MAAK;AAAA,EAAA;AAAA,GAKEC,IAAsD,CAAC,EAAE,OAAAC,QAAY;AAChF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQV,GAAA,EAAgB;AAAA,IAC1B,KAAK;AACH,+BAAQG,GAAA,EAAiB;AAAA,IAC3B,KAAK;AACH,+BAAQE,GAAA,EAAiB;AAAA,IAC3B;AACE,aAAO;AAAA,EAAA;AAEb,GAaaM,IAAmBC,EAAM,WAAW,SAC/C,EAAE,UAAUC,GAAS,OAAAH,IAAQ,WAAW,WAAAI,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAcP,MAAU,aAAaA,MAAU;AAErD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,cAAYN;AAAA,MACZ,WAAWH;AAAA,QACT;AAAA,QACAC,EAAO,oBAAoB;AAAA,QAC3BM;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAE,KAAeJ;AAAA,QAChB,gBAAAZ,EAACQ,KAAa,OAAAC,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC,CAAC;"}
+{"version":3,"file":"status_input.js","sources":["../../../../../src/form/field/common/status_input/status_input.tsx"],"sourcesContent":["import { AlertTriangleIcon } from '@tcn/icons/alert_triangle_icon.js';\nimport { LockTwoIcon } from '@tcn/icons/lock_two_icon.js';\nimport { HStack } from '../../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../../stacks/types/as.js';\nimport React from 'react';\nimport { Loading } from '../../../../feedback/index.js';\nimport { clsx } from 'clsx';\nimport styles from './status_input.module.css';\n\n/*\n TODO: I really want to make these themeable.\n The way we do that is simply put a div placeholder with\n a class that the theme can override. They can use svgs as \n backgrounds for icons. This would make it so the component\n library doesn't dictate the icon set used. \n*/\nconst LockedAdornment: React.FC = () => {\n  return <LockTwoIcon className=\"tcn-field-lock\" size=\"lg\" />;\n};\n\nconst LoadingAdornment: React.FC = () => {\n  return <Loading size=\"20px\" className=\"tcn-field-loader\" />;\n};\n\nconst ErroredAdornment: React.FC = () => {\n  return (\n    <AlertTriangleIcon\n      className={clsx(styles['field-error'], 'tcn-field-error')}\n      size=\"lg\"\n    />\n  );\n};\n\nexport const AdornmentMap: React.FC<{ state: StatusInputState }> = ({ state }) => {\n  switch (state) {\n    case 'locked':\n      return <LockedAdornment />;\n    case 'loading':\n      return <LoadingAdornment />;\n    case 'error':\n      return <ErroredAdornment />;\n    default:\n      return null;\n  }\n};\n\nexport type StatusInputState = 'locked' | 'loading' | 'error' | 'default';\nexport interface StatusInputOwnProps {\n  children: React.ReactNode;\n  state?: StatusInputState;\n}\n\nexport type StatusInputProps = WithDetailedHTMLProps<\n  StatusInputOwnProps & HStackOwnProps,\n  'div'\n>;\n\nexport const FieldStatusInput = React.forwardRef(function StatusInput(\n  { children: Control, state = 'default', className, ...props }: StatusInputProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const showControl = state === 'default' || state === 'error';\n\n  return (\n    <HStack\n      ref={ref}\n      data-state={state}\n      className={clsx(\n        'tcn-field-status-input',\n        styles['field-status-input'],\n        className,\n        'tcn-field-status-input'\n      )}\n      vAlign=\"center\"\n      hAlign=\"end\"\n      gap=\"4px\"\n      {...props}\n    >\n      {showControl && Control}\n      <AdornmentMap state={state} />\n    </HStack>\n  );\n});\n"],"names":["LockedAdornment","jsx","LockTwoIcon","LoadingAdornment","Loading","ErroredAdornment","AlertTriangleIcon","clsx","styles","AdornmentMap","state","FieldStatusInput","React","Control","className","props","ref","showControl","jsxs","HStack"],"mappings":";;;;;;;;;;;wHAiBMA,IAA4B,MACzB,gBAAAC,EAACC,GAAA,EAAY,WAAU,kBAAiB,MAAK,MAAK,GAGrDC,IAA6B,MAC1B,gBAAAF,EAACG,GAAA,EAAQ,MAAK,QAAO,WAAU,oBAAmB,GAGrDC,IAA6B,MAE/B,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,aAAa,GAAG,iBAAiB;AAAA,IACxD,MAAK;AAAA,EAAA;AAAA,GAKEC,IAAsD,CAAC,EAAE,OAAAC,QAAY;AAChF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQV,GAAA,EAAgB;AAAA,IAC1B,KAAK;AACH,+BAAQG,GAAA,EAAiB;AAAA,IAC3B,KAAK;AACH,+BAAQE,GAAA,EAAiB;AAAA,IAC3B;AACE,aAAO;AAAA,EAAA;AAEb,GAaaM,IAAmBC,EAAM,WAAW,SAC/C,EAAE,UAAUC,GAAS,OAAAH,IAAQ,WAAW,WAAAI,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAcP,MAAU,aAAaA,MAAU;AAErD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,cAAYN;AAAA,MACZ,WAAWH;AAAA,QACT;AAAA,QACAC,EAAO,oBAAoB;AAAA,QAC3BM;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAE,KAAeJ;AAAA,QAChB,gBAAAZ,EAACQ,KAAa,OAAAC,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC,CAAC;"}

package/dist/form/field/h_field/h_field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/h_field/h_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKrD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAGxF,eAAO,MAAM,MAAM,iGAmDjB,CAAC"}
+{"version":3,"file":"h_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/h_field/h_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKrD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAGxF,eAAO,MAAM,MAAM,iGA+CjB,CAAC"}

package/dist/form/field/h_field/h_field.js

@@ -1,60 +1,58 @@
-import { jsxs as F, jsx as r } from "react/jsx-runtime";
-import { HStack as I } from "../../../stacks/h_stack.js";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { HStack as F } from "../../../stacks/h_stack.js";
 import { clsx as H } from "clsx";
 import _, { useState as g } from "react";
-import { FieldHeader as y } from "../common/field_header.js";
+import { FieldHeader as I } from "../common/field_header.js";
 import { FieldControl as S } from "../common/field_control/field_control.js";
-import { FieldStatusInput as $ } from "../common/status_input/status_input.js";
-import '../../../h_field.css';const j = "_h-field_845b93f", v = { "h-field": j };
-let w = 0;
-const B = _.forwardRef(function({
-  label: o,
-  description: s,
-  errorMessage: d,
-  children: n,
-  labelWidth: l = "40%",
+import { FieldStatusInput as j } from "../common/status_input/status_input.js";
+import '../../../h_field.css';const v = "_h-field_845b93f", w = { "h-field": v };
+let A = 0;
+const q = _.forwardRef(function({
+  label: l,
+  description: a,
+  errorMessage: i,
+  children: f,
+  labelWidth: d = "40%",
   locked: t = !1,
   loading: e = !1,
-  className: f,
-  id: c,
-  required: m,
-  ...h
-}, p) {
-  const [i] = g(() => c || `h-field-${w++}`), u = `${i}-label`, b = `${i}-description`, a = !!d, x = t ? "locked" : e ? "loading" : a ? "error" : "default";
-  return /* @__PURE__ */ F(
-    I,
+  className: s,
+  id: n,
+  required: c,
+  ...m
+}, h) {
+  const [p] = g(() => n || `h-field-${A++}`), o = !!i, u = t ? "locked" : e ? "loading" : o ? "error" : "default";
+  return /* @__PURE__ */ x(
+    F,
     {
-      ref: p,
+      ref: h,
       as: "div",
-      "aria-labelledby": u,
-      "aria-describedby": b,
       "data-locked": t,
-      "data-error": a,
+      "data-error": o,
       "data-loading": e,
-      className: H("tcn-base-field", v["h-field"], "tcn-h-field", f),
+      className: H("tcn-base-field", w["h-field"], "tcn-h-field", s),
       vAlign: "start",
       hAlign: "start",
       height: "auto",
       gap: "4px",
-      ...h,
+      ...m,
       children: [
         /* @__PURE__ */ r(
-          y,
+          I,
           {
-            minWidth: l,
-            width: l,
-            id: i,
-            label: o,
-            description: s,
-            required: m
+            minWidth: d,
+            width: d,
+            id: p,
+            label: l,
+            description: a,
+            required: c
           }
         ),
-        /* @__PURE__ */ r(S, { errorMessage: d, loading: e, locked: t, children: /* @__PURE__ */ r($, { state: x, children: n }) })
+        /* @__PURE__ */ r(S, { errorMessage: i, loading: e, locked: t, children: /* @__PURE__ */ r(j, { state: u, children: f }) })
       ]
     }
   );
 });
 export {
-  B as HField
+  q as HField
 };
 //# sourceMappingURL=h_field.js.map

package/dist/form/field/h_field/h_field.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_field.js","sources":["../../../../src/form/field/h_field/h_field.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React, { useState } from 'react';\nimport styles from './h_field.module.css';\nimport type { FieldInput } from '../common/types.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\n\nexport interface HFieldOwnProps extends FieldInput {\n  labelWidth?: string;\n  children: React.ReactNode;\n}\nexport type HFieldProps = WithDetailedHTMLProps<HFieldOwnProps, 'div'> & HStackOwnProps;\n\nlet idIndex = 0;\nexport const HField = React.forwardRef(function HField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    labelWidth = '40%',\n    locked = false,\n    loading = false,\n    className,\n    id,\n    required,\n    ...props\n  }: HFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `h-field-${idIndex++}`);\n  const labelId = `${finalId}-label`;\n  const descriptionId = `${finalId}-description`;\n  const hasError = errorMessage ? true : false;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={clsx('tcn-base-field', styles['h-field'], 'tcn-h-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        minWidth={labelWidth}\n        width={labelWidth}\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl errorMessage={errorMessage} loading={loading} locked={locked}>\n        <FieldStatusInput state={state}>{Control}</FieldStatusInput>\n      </FieldControl>\n    </HStack>\n  );\n});\n"],"names":["idIndex","HField","React","label","description","errorMessage","Control","labelWidth","locked","loading","className","id","required","props","ref","finalId","useState","labelId","descriptionId","hasError","state","jsxs","HStack","clsx","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAiBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWX,GAAS,EAAE,GACvDiB,IAAU,GAAGF,CAAO,UACpBG,IAAgB,GAAGH,CAAO,gBAC1BI,IAAW,EAAAd,GACXe,IAAQZ,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAE7E,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,mBAAiBG;AAAA,MACjB,oBAAkBC;AAAA,MAClB,eAAaV;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWc,EAAK,kBAAkBC,EAAO,SAAS,GAAG,eAAed,CAAS;AAAA,MAC7E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,OAAOA;AAAA,YACP,IAAIQ;AAAA,YACJ,OAAAZ;AAAA,YACA,aAAAC;AAAA,YACA,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAa,EAACE,KAAa,cAAAtB,GAA4B,SAAAI,GAAkB,QAAAD,GAC1D,UAAA,gBAAAiB,EAACG,GAAA,EAAiB,OAAAR,GAAe,UAAAd,EAAA,CAAQ,EAAA,CAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"h_field.js","sources":["../../../../src/form/field/h_field/h_field.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React, { useState } from 'react';\nimport styles from './h_field.module.css';\nimport type { FieldInput } from '../common/types.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\n\nexport interface HFieldOwnProps extends FieldInput {\n  labelWidth?: string;\n  children: React.ReactNode;\n}\nexport type HFieldProps = WithDetailedHTMLProps<HFieldOwnProps, 'div'> & HStackOwnProps;\n\nlet idIndex = 0;\nexport const HField = React.forwardRef(function HField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    labelWidth = '40%',\n    locked = false,\n    loading = false,\n    className,\n    id,\n    required,\n    ...props\n  }: HFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `h-field-${idIndex++}`);\n  const hasError = errorMessage ? true : false;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={clsx('tcn-base-field', styles['h-field'], 'tcn-h-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        minWidth={labelWidth}\n        width={labelWidth}\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl errorMessage={errorMessage} loading={loading} locked={locked}>\n        <FieldStatusInput state={state}>{Control}</FieldStatusInput>\n      </FieldControl>\n    </HStack>\n  );\n});\n"],"names":["idIndex","HField","React","label","description","errorMessage","Control","labelWidth","locked","loading","className","id","required","props","ref","finalId","useState","hasError","state","jsxs","HStack","clsx","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAiBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWX,GAAS,EAAE,GACvDiB,IAAW,EAAAZ,GACXa,IAAQV,IAAS,WAAWC,IAAU,YAAYQ,IAAW,UAAU;AAE7E,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,IAAG;AAAA,MACH,eAAaN;AAAA,MACb,cAAYS;AAAA,MACZ,gBAAcR;AAAA,MACd,WAAWY,EAAK,kBAAkBC,EAAO,SAAS,GAAG,eAAeZ,CAAS;AAAA,MAC7E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUjB;AAAA,YACV,OAAOA;AAAA,YACP,IAAIQ;AAAA,YACJ,OAAAZ;AAAA,YACA,aAAAC;AAAA,YACA,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAW,EAACE,KAAa,cAAApB,GAA4B,SAAAI,GAAkB,QAAAD,GAC1D,UAAA,gBAAAe,EAACG,GAAA,EAAiB,OAAAR,GAAe,UAAAZ,EAAA,CAAQ,EAAA,CAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/form/field/v_field/v_field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/v_field/v_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAExF,eAAO,MAAM,MAAM,iGAwDjB,CAAC"}
+{"version":3,"file":"v_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/v_field/v_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAExF,eAAO,MAAM,MAAM,iGAqDjB,CAAC"}

package/dist/form/field/v_field/v_field.js

@@ -1,61 +1,59 @@
-import { jsxs as x, jsx as i } from "react/jsx-runtime";
-import { VStack as g } from "../../../stacks/v_stack.js";
-import { clsx as v } from "clsx";
-import F, { useState as I } from "react";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { VStack as x } from "../../../stacks/v_stack.js";
+import { clsx as g } from "clsx";
+import v, { useState as F } from "react";
 import { FieldControl as A } from "../common/field_control/field_control.js";
-import { FieldHeader as y } from "../common/field_header.js";
+import { FieldHeader as I } from "../common/field_header.js";
 import { FieldStatusInput as S } from "../common/status_input/status_input.js";
 import '../../../v_field.css';const V = {};
-let $ = 0;
-const q = F.forwardRef(function({
-  label: d,
-  description: o,
-  errorMessage: a,
-  children: s,
+let j = 0;
+const N = v.forwardRef(function({
+  label: l,
+  description: d,
+  errorMessage: i,
+  children: o,
   locked: t = !1,
-  loading: e = !1,
-  maxWidth: R,
-  minWidth: W,
-  className: n,
-  id: c,
+  loading: r = !1,
+  maxWidth: W,
+  minWidth: _,
+  className: s,
+  id: n,
   required: f,
   ...m
-}, p) {
-  const [r] = I(() => c || `v-field-${$++}`), l = !!a, h = `${r}-label`, u = `${r}-description`, b = t ? "locked" : e ? "loading" : l ? "error" : "default";
-  return /* @__PURE__ */ x(
-    g,
+}, c) {
+  const [h] = F(() => n || `v-field-${j++}`), a = !!i, p = t ? "locked" : r ? "loading" : a ? "error" : "default";
+  return /* @__PURE__ */ u(
+    x,
     {
-      ref: p,
+      ref: c,
       as: "div",
-      "aria-labelledby": h,
-      "aria-describedby": u,
       "data-locked": t,
-      "data-error": l,
-      "data-loading": e,
-      className: v("tcn-base-field", V["v-field"], "tcn-v-field", n),
+      "data-error": a,
+      "data-loading": r,
+      className: g("tcn-base-field", V["v-field"], "tcn-v-field", s),
       vAlign: "start",
       hAlign: "start",
       height: "auto",
       gap: "4px",
       ...m,
       children: [
-        /* @__PURE__ */ i(
-          y,
+        /* @__PURE__ */ e(
+          I,
           {
-            id: r,
-            label: d,
-            description: o,
+            id: h,
+            label: l,
+            description: d,
             required: f
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ e(
           A,
           {
-            errorMessage: a,
-            loading: e,
+            errorMessage: i,
+            loading: r,
             locked: t,
             hAlign: "start",
-            children: /* @__PURE__ */ i(S, { state: b, hAlign: "start", children: s })
+            children: /* @__PURE__ */ e(S, { state: p, hAlign: "start", children: o })
           }
         )
       ]
@@ -63,6 +61,6 @@ const q = F.forwardRef(function({
   );
 });
 export {
-  q as VField
+  N as VField
 };
 //# sourceMappingURL=v_field.js.map

package/dist/form/field/v_field/v_field.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_field.js","sources":["../../../../src/form/field/v_field/v_field.tsx"],"sourcesContent":["import { VStack } from '../../../stacks/v_stack.js';\nimport type { VStackOwnProps } from '../../../stacks/v_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React, { useState } from 'react';\nimport styles from './v_field.module.css';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\nimport type { FieldInput } from '../common/types.js';\n\nexport interface VFieldOwnProps extends FieldInput {\n  children: React.ReactNode;\n}\n\nexport type VFieldProps = WithDetailedHTMLProps<VFieldOwnProps, 'div'> & VStackOwnProps;\nlet idIndex = 0;\nexport const VField = React.forwardRef(function VField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    locked = false,\n    loading = false,\n    maxWidth,\n    minWidth,\n    className,\n    id,\n    required,\n    ...props\n  }: VFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `v-field-${idIndex++}`);\n  const hasError = errorMessage ? true : false;\n  const labelId = `${finalId}-label`;\n  const descriptionId = `${finalId}-description`;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={clsx('tcn-base-field', styles['v-field'], 'tcn-v-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl\n        errorMessage={errorMessage}\n        loading={loading}\n        locked={locked}\n        hAlign=\"start\"\n      >\n        <FieldStatusInput state={state} hAlign=\"start\">\n          {Control}\n        </FieldStatusInput>\n      </FieldControl>\n    </VStack>\n  );\n});\n"],"names":["idIndex","VField","React","label","description","errorMessage","Control","locked","loading","maxWidth","minWidth","className","id","required","props","ref","finalId","useState","hasError","labelId","descriptionId","state","jsxs","VStack","clsx","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAgBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWZ,GAAS,EAAE,GACvDkB,IAAW,EAAAb,GACXc,IAAU,GAAGH,CAAO,UACpBI,IAAgB,GAAGJ,CAAO,gBAC1BK,IAAQd,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAC7E,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,mBAAiBI;AAAA,MACjB,oBAAkBC;AAAA,MAClB,eAAab;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWgB,EAAK,kBAAkBC,EAAO,SAAS,GAAG,eAAed,CAAS;AAAA,MAC7E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,OAAAb;AAAA,YACA,aAAAC;AAAA,YACA,UAAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAa;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAAvB;AAAA,YACA,SAAAG;AAAA,YACA,QAAAD;AAAA,YACA,QAAO;AAAA,YAEP,UAAA,gBAAAmB,EAACG,GAAA,EAAiB,OAAAR,GAAc,QAAO,SACpC,UAAAf,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"v_field.js","sources":["../../../../src/form/field/v_field/v_field.tsx"],"sourcesContent":["import { VStack } from '../../../stacks/v_stack.js';\nimport type { VStackOwnProps } from '../../../stacks/v_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React, { useState } from 'react';\nimport styles from './v_field.module.css';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\nimport type { FieldInput } from '../common/types.js';\n\nexport interface VFieldOwnProps extends FieldInput {\n  children: React.ReactNode;\n}\n\nexport type VFieldProps = WithDetailedHTMLProps<VFieldOwnProps, 'div'> & VStackOwnProps;\nlet idIndex = 0;\nexport const VField = React.forwardRef(function VField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    locked = false,\n    loading = false,\n    maxWidth,\n    minWidth,\n    className,\n    id,\n    required,\n    ...props\n  }: VFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `v-field-${idIndex++}`);\n  const hasError = errorMessage ? true : false;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={clsx('tcn-base-field', styles['v-field'], 'tcn-v-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl\n        errorMessage={errorMessage}\n        loading={loading}\n        locked={locked}\n        hAlign=\"start\"\n      >\n        <FieldStatusInput state={state} hAlign=\"start\">\n          {Control}\n        </FieldStatusInput>\n      </FieldControl>\n    </VStack>\n  );\n});\n"],"names":["idIndex","VField","React","label","description","errorMessage","Control","locked","loading","maxWidth","minWidth","className","id","required","props","ref","finalId","useState","hasError","state","jsxs","VStack","clsx","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAgBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWZ,GAAS,EAAE,GACvDkB,IAAW,EAAAb,GACXc,IAAQZ,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAE7E,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,IAAG;AAAA,MACH,eAAaR;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWc,EAAK,kBAAkBC,EAAO,SAAS,GAAG,eAAeZ,CAAS;AAAA,MAC7E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIT;AAAA,YACJ,OAAAb;AAAA,YACA,aAAAC;AAAA,YACA,UAAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAW;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAArB;AAAA,YACA,SAAAG;AAAA,YACA,QAAAD;AAAA,YACA,QAAO;AAAA,YAEP,UAAA,gBAAAiB,EAACG,GAAA,EAAiB,OAAAR,GAAc,QAAO,SACpC,UAAAb,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/frame.css

@@ -1 +1 @@
-@layer tcn-system{:where(._frame_ce82001){padding:0;border:none;background:none}}
+@layer tcn-system{:where(._frame-dialog_2a77c1d){overflow:hidden}}

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

@@ -1 +1 @@
-{"version":3,"file":"color_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/color_input/color_input.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAClD;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAc,EACd,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAc,EACd,QAAQ,EACR,QAAQ,EACR,SAAuB,EACvB,GAAG,KAAK,EACT,EAAE,eAAe,2CAmHjB"}
+{"version":3,"file":"color_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/color_input/color_input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAClD;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAc,EACd,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAc,EACd,QAAQ,EACR,QAAQ,EACR,SAAuB,EACvB,GAAG,KAAK,EACT,EAAE,eAAe,2CAmHjB"}