@tcn/ui 0.3.0 → 0.3.2

package/dist/feedback/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","sources":["../../../src/feedback/loading/loading.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport styles from './loading.module.css';\n\nexport interface LoadingProps {\n  size?: string;\n  color?: string;\n  lineCount?: number;\n  animationDuration?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const Loading = React.forwardRef(\n  (\n    {\n      size = '1em',\n      color = 'var(--accent-color)',\n      lineCount = 12,\n      animationDuration = 1200,\n      className,\n      style,\n    }: LoadingProps,\n    ref: React.Ref<SVGSVGElement>\n  ) => {\n    const canvasSize = 50;\n    const lines = Array.from({ length: lineCount });\n    const angleStep = 360 / lineCount;\n\n    return (\n      <svg\n        ref={ref}\n        width={canvasSize}\n        height={canvasSize}\n        viewBox={`0 0 ${canvasSize} ${canvasSize}`}\n        className={className}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ height: size, width: size, ...style }}\n        fill=\"none\"\n      >\n        {lines.map((_, i) => {\n          const angle = angleStep * i;\n          const innerRadius = canvasSize / 4.5;\n          const outerRadius = canvasSize / 2.25;\n\n          const x1 = canvasSize / 2 + innerRadius * Math.cos((angle * Math.PI) / 180);\n          const y1 = canvasSize / 2 + innerRadius * Math.sin((angle * Math.PI) / 180);\n          const x2 = canvasSize / 2 + outerRadius * Math.cos((angle * Math.PI) / 180);\n          const y2 = canvasSize / 2 + outerRadius * Math.sin((angle * Math.PI) / 180);\n\n          return (\n            <line\n              className={styles['loading-line']}\n              style={{\n                animationDelay: `${(i * animationDuration) / lineCount}ms`,\n                animationDuration: `${animationDuration}ms`,\n              }}\n              key={i}\n              x1={x1}\n              y1={y1}\n              x2={x2}\n              y2={y2}\n              stroke={color}\n              strokeWidth={3}\n              strokeLinecap=\"round\"\n            />\n          );\n        })}\n      </svg>\n    );\n  }\n);\n"],"names":["Loading","React","size","color","lineCount","animationDuration","className","style","ref","lines","angleStep","jsx","_","i","angle","innerRadius","outerRadius","x1","y1","x2","y2","styles"],"mappings":";;sGAYaA,IAAUC,EAAM;AAAA,EAC3B,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,GAEFC,MACG;AAEH,UAAMC,IAAQ,MAAM,KAAK,EAAE,QAAQL,GAAW,GACxCM,IAAY,MAAMN;AAExB,WACE,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAAF;AAAA,QACA,OAAM;AAAA,QACN,OAAO,EAAE,QAAQJ,GAAM,OAAOA,GAAM,GAAGK,EAAA;AAAA,QACvC,MAAK;AAAA,QAEJ,UAAAE,EAAM,IAAI,CAACG,GAAGC,MAAM;AACnB,gBAAMC,IAAQJ,IAAYG,GACpBE,IAAc,KAAa,KAC3BC,IAAc,KAAa,MAE3BC,IAAK,KAAa,IAAIF,IAAc,KAAK,IAAKD,IAAQ,KAAK,KAAM,GAAG,GACpEI,IAAK,KAAa,IAAIH,IAAc,KAAK,IAAKD,IAAQ,KAAK,KAAM,GAAG,GACpEK,IAAK,KAAa,IAAIH,IAAc,KAAK,IAAKF,IAAQ,KAAK,KAAM,GAAG,GACpEM,IAAK,KAAa,IAAIJ,IAAc,KAAK,IAAKF,IAAQ,KAAK,KAAM,GAAG;AAE1E,iBACE,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWU,EAAO,cAAc;AAAA,cAChC,OAAO;AAAA,gBACL,gBAAgB,GAAIR,IAAIR,IAAqBD,CAAS;AAAA,gBACtD,mBAAmB,GAAGC,CAAiB;AAAA,cAAA;AAAA,cAGzC,IAAAY;AAAA,cACA,IAAAC;AAAA,cACA,IAAAC;AAAA,cACA,IAAAC;AAAA,cACA,QAAQjB;AAAA,cACR,aAAa;AAAA,cACb,eAAc;AAAA,YAAA;AAAA,YAPTU;AAAA,UAAA;AAAA,QAUX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"loading.js","sources":["../../../src/feedback/loading/loading.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport styles from './loading.module.css';\n\nexport interface LoadingProps {\n  size?: string;\n  color?: string;\n  lineCount?: number;\n  animationDuration?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const Loading = React.forwardRef(\n  (\n    {\n      size = '1em',\n      color = 'var(--accent-color)',\n      lineCount = 12,\n      animationDuration = 1200,\n      className,\n      style,\n    }: LoadingProps,\n    ref: React.Ref<SVGSVGElement>\n  ) => {\n    const canvasSize = 50;\n    const lines = Array.from({ length: lineCount });\n    const angleStep = 360 / lineCount;\n\n    return (\n      <svg\n        ref={ref}\n        width={canvasSize}\n        height={canvasSize}\n        viewBox={`0 0 ${canvasSize} ${canvasSize}`}\n        className={className}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ height: size, width: size, ...style }}\n        fill=\"none\"\n      >\n        {lines.map((_, i) => {\n          const angle = angleStep * i;\n          const innerRadius = canvasSize / 4.5;\n          const outerRadius = canvasSize / 2.25;\n\n          const x1 = canvasSize / 2 + innerRadius * Math.cos((angle * Math.PI) / 180);\n          const y1 = canvasSize / 2 + innerRadius * Math.sin((angle * Math.PI) / 180);\n          const x2 = canvasSize / 2 + outerRadius * Math.cos((angle * Math.PI) / 180);\n          const y2 = canvasSize / 2 + outerRadius * Math.sin((angle * Math.PI) / 180);\n\n          return (\n            <line\n              className={styles['loading-line']}\n              style={{\n                animationDelay: `${(i * animationDuration) / lineCount}ms`,\n                animationDuration: `${animationDuration}ms`,\n              }}\n              key={i}\n              x1={x1}\n              y1={y1}\n              x2={x2}\n              y2={y2}\n              stroke={color}\n              strokeWidth={3}\n              strokeLinecap=\"round\"\n            />\n          );\n        })}\n      </svg>\n    );\n  }\n);\n"],"names":["Loading","React","size","color","lineCount","animationDuration","className","style","ref","lines","angleStep","jsx","i","angle","innerRadius","outerRadius","x1","y1","x2","y2","styles"],"mappings":";;sGAYaA,IAAUC,EAAM;AAAA,EAC3B,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,GAEFC,MACG;AAEH,UAAMC,IAAQ,MAAM,KAAK,EAAE,QAAQL,GAAW,GACxCM,IAAY,MAAMN;AAExB,WACE,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAAF;AAAA,QACA,OAAM;AAAA,QACN,OAAO,EAAE,QAAQJ,GAAM,OAAOA,GAAM,GAAGK,EAAA;AAAA,QACvC,MAAK;AAAA,QAEJ,UAAAE,EAAM,IAAI,CAAC,GAAGG,MAAM;AACnB,gBAAMC,IAAQH,IAAYE,GACpBE,IAAc,KAAa,KAC3BC,IAAc,KAAa,MAE3BC,IAAK,KAAa,IAAIF,IAAc,KAAK,IAAKD,IAAQ,KAAK,KAAM,GAAG,GACpEI,IAAK,KAAa,IAAIH,IAAc,KAAK,IAAKD,IAAQ,KAAK,KAAM,GAAG,GACpEK,IAAK,KAAa,IAAIH,IAAc,KAAK,IAAKF,IAAQ,KAAK,KAAM,GAAG,GACpEM,IAAK,KAAa,IAAIJ,IAAc,KAAK,IAAKF,IAAQ,KAAK,KAAM,GAAG;AAE1E,iBACE,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWS,EAAO,cAAc;AAAA,cAChC,OAAO;AAAA,gBACL,gBAAgB,GAAIR,IAAIP,IAAqBD,CAAS;AAAA,gBACtD,mBAAmB,GAAGC,CAAiB;AAAA,cAAA;AAAA,cAGzC,IAAAW;AAAA,cACA,IAAAC;AAAA,cACA,IAAAC;AAAA,cACA,IAAAC;AAAA,cACA,QAAQhB;AAAA,cACR,aAAa;AAAA,cACb,eAAc;AAAA,YAAA;AAAA,YAPTS;AAAA,UAAA;AAAA,QAUX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

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

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

package/dist/feedback/progress/progress_bar.js

@@ -1,41 +1,49 @@
 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 "clsx";
+import l from "clsx";
 import "../../callout.module-D8ECmxpO.js";
 import "../../caption.module-DDq0H4xZ.js";
 import "../../footnote.module-DEyFuqOr.js";
 import "../../headline.module-BiwHBtGf.js";
 import "../../subheadline.module-C-v7zMkQ.js";
 import "../../typography/title/title.js";
-import { HStack as l } from "../../stacks/h_stack.js";
+import { HStack as d } 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 '../../progress_bar.css';const f = "_progress-bar-container_014b4d9", h = "_progress-bar-background_9176cc0", _ = "_progress-bar_057c33d", k = "_progress-bar-fill_00854f0", x = "_moveStripes_d219e85", s = { "progress-bar-container": f, "progress-bar-background": h, "progress-bar": _, "progress-bar-fill": k, moveStripes: x }, H = m.forwardRef(function({ message: i, value: p, ...c }, n) {
+import { VStack as b } from "../../stacks/v_stack.js";
+import { ZStack as f } from "../../stacks/z_stack.js";
+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: s["progress-bar-container"], ...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"] })
-    ] })
-  ] });
+  return /* @__PURE__ */ e(
+    b,
+    {
+      ref: n,
+      className: l(s["progress-bar-container"], "tcn-progress-bar"),
+      ...c,
+      children: [
+        /* @__PURE__ */ e(d, { 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(f, { 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"] })
+        ] })
+      ]
+    }
+  );
 });
 export {
-  H as ProgressBar
+  T 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';\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 ref={ref} className={styles['progress-bar-container']} {...props}>\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","styles","HStack","jsx","BodyText","Spacer","ZStack"],"mappings":";;;;;;;;;;;;;;8SAcaA,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,EAACC,KAAO,KAAAJ,GAAU,WAAWK,EAAO,wBAAwB,GAAI,GAAGN,GACjE,UAAA;AAAA,IAAA,gBAAAI,EAACG,GAAA,EAAO,QAAO,QAAO,QAAO,OAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAU,UAAAX,EAAA,CAAQ;AAAA,wBAClBY,GAAA,EAAO;AAAA,MACR,gBAAAF,EAACE,GAAA,EAAO,OAAM,MAAA,CAAM;AAAA,MACpB,gBAAAF,EAACC,KAAS,MAAK,MAAK,OAAO,EAAE,YAAY,EAAA,GACtC,UAAAP,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IACA,gBAAAE,EAACO,GAAA,EAAO,QAAO,OAAM,QAAO,SAC1B,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWF,EAAO,yBAAyB,EAAA,CAAG;AAAA,MACnD,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,iBAAeN,MAAoB;AAAA,UACnC,OAAOC;AAAA,UACP,WAAWG,EAAO,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvC,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,cAAc,EAAA,CAAG;AAAA,IAAA,EAAA,CAC1C;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"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;"}

package/dist/field_control.css

@@ -1 +1 @@
-._field-error_44124ee{color:var(--status-error)}._field-control_ca50e63[data-locked=true]{color:var(--status-disabled)}._field-control_ca50e63[data-loading=true]{color:var(--async-pending)}._field-control_ca50e63[data-error=true]{color:var(--status-error)}._field-control_ca50e63[data-disabled=true]{opacity:.4;pointer-events:none}
+@layer tcn-system{:where(._field-error_44124ee){color:var(--status-error)}:where(._field-control_ca50e63[data-locked=true]){color:var(--status-disabled)}:where(._field-control_ca50e63[data-loading=true]){color:var(--async-pending)}:where(._field-control_ca50e63[data-error=true]){color:var(--status-error)}:where(._field-control_ca50e63[data-disabled=true]){opacity:.4;pointer-events:none}}

package/dist/field_set.css

@@ -1 +1 @@
-._field-set_8e981d9{position:relative;border-radius:4px}._field-set_8e981d9{gap:4px}._field-set_8e981d9>._field-set-body_4cd3139{background:#fff;width:100%;max-width:100%;border-radius:4px;gap:8px;padding:8px}
+@layer tcn-system{:where(._field-set_8e981d9){position:relative;border-radius:4px}:where(._field-set_8e981d9){gap:4px}:where(._field-set_8e981d9>._field-set-body_4cd3139){background:#fff;width:100%;max-width:100%;border-radius:4px;gap:8px;padding:8px}}

package/dist/footer.css

@@ -1 +1 @@
-._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}
+@layer tcn-system{:where(._footer_4a43c3e){width:100%;min-height:0;padding:var(--padding) var(--padding-large);gap:var(--gap)}:where(._footer_4a43c3e[data-kind=app]){position:relative}:where(._footer_4a43c3e[data-kind=nav]){position:relative}:where(._footer_4a43c3e[data-kind=toolbar]){position:relative}:where(._footer_4a43c3e[data-kind=window]){position:relative}:where(._footer_4a43c3e[data-kind=status]){position:relative}}

package/dist/footnote.css

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

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

@@ -18,7 +18,7 @@ import '../../../../field_control.css';const h = "_field-error_44124ee", p = "_f
       "data-locked": e,
       "data-loading": l,
       "data-error": !!r,
-      className: s(x["field-control"], "field-control", t),
+      className: s(x["field-control"], "tcn-field-control", t),
       height: "auto",
       width: "flex",
       hAlign: "end",

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

@@ -1 +1 @@
-{"version":3,"file":"field_control.js","sources":["../../../../../src/form/field/common/field_control/field_control.tsx"],"sourcesContent":["import React from 'react';\nimport { 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 styles from './field_control.module.css';\nimport { FieldErrorMessage } from '../field_error.js';\n\nexport interface FieldControlOwnProps {\n  loading?: boolean;\n  locked?: boolean;\n  errorMessage?: string | React.ReactNode;\n  children: React.ReactNode;\n  inputAlignment?: 'start' | 'end';\n}\n\nexport type FieldControlProps = WithDetailedHTMLProps<\n  FieldControlOwnProps & VStackOwnProps,\n  'div'\n>;\n\nexport const FieldControl = React.forwardRef(function FieldControl(\n  {\n    children: Input,\n    errorMessage,\n    locked = false,\n    loading = false,\n    className,\n    ...props\n  }: FieldControlProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasError = errorMessage ? true : false;\n\n  return (\n    <VStack\n      ref={ref}\n      data-locked={locked}\n      data-loading={loading}\n      data-error={hasError}\n      className={clsx(styles['field-control'], 'field-control', className)}\n      height=\"auto\"\n      width=\"flex\"\n      hAlign=\"end\"\n      vAlign=\"center\"\n      gap=\"4px\"\n      {...props}\n    >\n      {Input}\n      <FieldErrorMessage>{errorMessage}</FieldErrorMessage>\n    </VStack>\n  );\n});\n"],"names":["FieldControl","React","Input","errorMessage","locked","loading","className","props","ref","jsxs","VStack","clsx","styles","jsx","FieldErrorMessage"],"mappings":";;;;;8GAqBaA,IAAeC,EAAM,WAAW,SAC3C;AAAA,EACE,UAAUC;AAAA,EACV,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAGA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,eAAaJ;AAAA,MACb,gBAAcC;AAAA,MACd,cAPa,EAAAF;AAAA,MAQb,WAAWQ,EAAKC,EAAO,eAAe,GAAG,iBAAiBN,CAAS;AAAA,MACnE,QAAO;AAAA,MACP,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAL;AAAA,QACD,gBAAAW,EAACC,KAAmB,UAAAX,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC,CAAC;"}
+{"version":3,"file":"field_control.js","sources":["../../../../../src/form/field/common/field_control/field_control.tsx"],"sourcesContent":["import React from 'react';\nimport { 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 styles from './field_control.module.css';\nimport { FieldErrorMessage } from '../field_error.js';\n\nexport interface FieldControlOwnProps {\n  loading?: boolean;\n  locked?: boolean;\n  errorMessage?: string | React.ReactNode;\n  children: React.ReactNode;\n  inputAlignment?: 'start' | 'end';\n}\n\nexport type FieldControlProps = WithDetailedHTMLProps<\n  FieldControlOwnProps & VStackOwnProps,\n  'div'\n>;\n\nexport const FieldControl = React.forwardRef(function FieldControl(\n  {\n    children: Input,\n    errorMessage,\n    locked = false,\n    loading = false,\n    className,\n    ...props\n  }: FieldControlProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasError = errorMessage ? true : false;\n\n  return (\n    <VStack\n      ref={ref}\n      data-locked={locked}\n      data-loading={loading}\n      data-error={hasError}\n      className={clsx(styles['field-control'], 'tcn-field-control', className)}\n      height=\"auto\"\n      width=\"flex\"\n      hAlign=\"end\"\n      vAlign=\"center\"\n      gap=\"4px\"\n      {...props}\n    >\n      {Input}\n      <FieldErrorMessage>{errorMessage}</FieldErrorMessage>\n    </VStack>\n  );\n});\n"],"names":["FieldControl","React","Input","errorMessage","locked","loading","className","props","ref","jsxs","VStack","clsx","styles","jsx","FieldErrorMessage"],"mappings":";;;;;8GAqBaA,IAAeC,EAAM,WAAW,SAC3C;AAAA,EACE,UAAUC;AAAA,EACV,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAGA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,eAAaJ;AAAA,MACb,gBAAcC;AAAA,MACd,cAPa,EAAAF;AAAA,MAQb,WAAWQ,EAAKC,EAAO,eAAe,GAAG,qBAAqBN,CAAS;AAAA,MACvE,QAAO;AAAA,MACP,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAL;AAAA,QACD,gBAAAW,EAACC,KAAmB,UAAAX,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC,CAAC;"}

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

@@ -7,19 +7,19 @@ import "../../../footnote.module-DEyFuqOr.js";
 import "../../../headline.module-BiwHBtGf.js";
 import "../../../subheadline.module-C-v7zMkQ.js";
 import "../../../typography/title/title.js";
-const y = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+const x = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   i,
   {
     breakWords: !0,
     hierarchy: "secondary",
     emphasis: "normal",
     size: "sm",
-    className: "field-row-description-text",
+    className: "tcn-field-row-description-text",
     id: t,
     children: r
   }
 ) : r : null;
 export {
-  y as FieldDescription
+  x as FieldDescription
 };
 //# sourceMappingURL=field_description.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field_description.js","sources":["../../../../src/form/field/common/field_description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldDescriptionOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n}\n\nexport const FieldDescription = ({ children, id }: FieldDescriptionOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        hierarchy=\"secondary\"\n        emphasis=\"normal\"\n        size=\"sm\"\n        className=\"field-row-description-text\"\n        id={id}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldDescription","children","id","jsx","BodyText"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,GAAU,IAAAC,QACtCD,IACD,OAAOA,KAAa,WAEpB,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAAF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,IAIAA,IAfe;"}
+{"version":3,"file":"field_description.js","sources":["../../../../src/form/field/common/field_description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldDescriptionOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n}\n\nexport const FieldDescription = ({ children, id }: FieldDescriptionOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        hierarchy=\"secondary\"\n        emphasis=\"normal\"\n        size=\"sm\"\n        className=\"tcn-field-row-description-text\"\n        id={id}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldDescription","children","id","jsx","BodyText"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,GAAU,IAAAC,QACtCD,IACD,OAAOA,KAAa,WAEpB,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAAF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,IAIAA,IAfe;"}

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

@@ -9,10 +9,11 @@ import "../../../subheadline.module-C-v7zMkQ.js";
 import "../../../typography/title/title.js";
 import { theme as i } from "../../../themes/theme_variables.js";
 import "react";
+import '../../../themes/stylesheets/reset.css';/* empty css                                    */
 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 v = ({ children: r }) => {
+import { AdornmentMap as p } from "./status_input/status_input.js";
+import { HStack as s } from "../../../stacks/h_stack.js";
+const A = ({ children: r }) => {
   if (!r) return null;
   let t = r;
   return typeof r == "string" && (t = /* @__PURE__ */ o(
@@ -20,16 +21,16 @@ const v = ({ children: r }) => {
     {
       breakWords: !0,
       size: "sm",
-      className: "field-error-message",
+      className: "tcn-field-error-message",
       color: i.statusColors.error,
       children: r
     }
-  )), /* @__PURE__ */ e(p, { hAlign: "end", gap: i.gap.md, children: [
+  )), /* @__PURE__ */ e(s, { hAlign: "end", gap: i.gap.md, children: [
     t,
-    /* @__PURE__ */ o("div", { style: { visibility: "hidden" }, children: /* @__PURE__ */ o(s, { state: "error" }) })
+    /* @__PURE__ */ o("div", { style: { visibility: "hidden" }, children: /* @__PURE__ */ o(p, { state: "error" }) })
   ] });
 };
 export {
-  v as FieldErrorMessage
+  A 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=\"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/form/field/common/field_header.js

@@ -1,23 +1,23 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import n from "react";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import m from "react";
 import { clsx as p } from "clsx";
 import { VStack as f } from "../../../stacks/v_stack.js";
 import { FieldLabel as h } from "./field_label.js";
 import { FieldDescription as x } from "./field_description.js";
-const R = n.forwardRef(function({ label: i, description: o, className: t, id: r, required: d, ...l }, a) {
-  const c = `${r}-label`, s = `${r}-description`;
-  return /* @__PURE__ */ m(
+const R = m.forwardRef(function({ label: i, description: o, className: t, id: r, required: d, ...l }, a) {
+  const c = `${r}-label`, n = `${r}-description`;
+  return /* @__PURE__ */ s(
     f,
     {
       as: "div",
       hAlign: "start",
       gap: "4px",
-      className: p("field-header", t),
+      className: p("tcn-field-header", t),
       ref: a,
       ...l,
       children: [
         /* @__PURE__ */ e(h, { id: c, required: d, children: i }),
-        /* @__PURE__ */ e(x, { id: s, children: o })
+        /* @__PURE__ */ e(x, { id: n, children: o })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"field_header.js","sources":["../../../../src/form/field/common/field_header.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport type { VStackOwnProps } from '../../../stacks/v_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { FieldLabel } from './field_label.js';\nimport { FieldDescription } from './field_description.js';\n\nexport interface FieldHeaderOwnProps {\n  id: string;\n  label?: string | React.ReactNode;\n  description?: string | React.ReactNode;\n  required?: boolean;\n}\n\nexport type FieldHeaderProps = WithDetailedHTMLProps<FieldHeaderOwnProps, 'div'> &\n  VStackOwnProps;\n\nexport const FieldHeader = React.forwardRef(function FieldHeader(\n  { label, description, className, id, required, ...props }: FieldHeaderProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n  return (\n    <VStack\n      as=\"div\"\n      hAlign=\"start\"\n      gap=\"4px\"\n      className={clsx('field-header', className)}\n      ref={ref}\n      {...props}\n    >\n      <FieldLabel id={labelId} required={required}>\n        {label}\n      </FieldLabel>\n      <FieldDescription id={descriptionId}>{description}</FieldDescription>\n    </VStack>\n  );\n});\n"],"names":["FieldHeader","React","label","description","className","id","required","props","ref","labelId","descriptionId","jsxs","VStack","clsx","jsx","FieldLabel","FieldDescription"],"mappings":";;;;;;AAkBO,MAAMA,IAAcC,EAAM,WAAW,SAC1C,EAAE,OAAAC,GAAO,aAAAC,GAAa,WAAAC,GAAW,IAAAC,GAAI,UAAAC,GAAU,GAAGC,EAAA,GAClDC,GACA;AACA,QAAMC,IAAU,GAAGJ,CAAE,UACfK,IAAgB,GAAGL,CAAE;AAC3B,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAWC,EAAK,gBAAgBT,CAAS;AAAA,MACzC,KAAAI;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAW,IAAIN,GAAS,UAAAH,GACtB,UAAAJ,GACH;AAAA,QACA,gBAAAY,EAACE,GAAA,EAAiB,IAAIN,GAAgB,UAAAP,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxD,CAAC;"}
+{"version":3,"file":"field_header.js","sources":["../../../../src/form/field/common/field_header.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport type { VStackOwnProps } from '../../../stacks/v_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { FieldLabel } from './field_label.js';\nimport { FieldDescription } from './field_description.js';\n\nexport interface FieldHeaderOwnProps {\n  id: string;\n  label?: string | React.ReactNode;\n  description?: string | React.ReactNode;\n  required?: boolean;\n}\n\nexport type FieldHeaderProps = WithDetailedHTMLProps<FieldHeaderOwnProps, 'div'> &\n  VStackOwnProps;\n\nexport const FieldHeader = React.forwardRef(function FieldHeader(\n  { label, description, className, id, required, ...props }: FieldHeaderProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n  return (\n    <VStack\n      as=\"div\"\n      hAlign=\"start\"\n      gap=\"4px\"\n      className={clsx('tcn-field-header', className)}\n      ref={ref}\n      {...props}\n    >\n      <FieldLabel id={labelId} required={required}>\n        {label}\n      </FieldLabel>\n      <FieldDescription id={descriptionId}>{description}</FieldDescription>\n    </VStack>\n  );\n});\n"],"names":["FieldHeader","React","label","description","className","id","required","props","ref","labelId","descriptionId","jsxs","VStack","clsx","jsx","FieldLabel","FieldDescription"],"mappings":";;;;;;AAkBO,MAAMA,IAAcC,EAAM,WAAW,SAC1C,EAAE,OAAAC,GAAO,aAAAC,GAAa,WAAAC,GAAW,IAAAC,GAAI,UAAAC,GAAU,GAAGC,EAAA,GAClDC,GACA;AACA,QAAMC,IAAU,GAAGJ,CAAE,UACfK,IAAgB,GAAGL,CAAE;AAC3B,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAWC,EAAK,oBAAoBT,CAAS;AAAA,MAC7C,KAAAI;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAW,IAAIN,GAAS,UAAAH,GACtB,UAAAJ,GACH;AAAA,QACA,gBAAAY,EAACE,GAAA,EAAiB,IAAIN,GAAgB,UAAAP,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxD,CAAC;"}

package/dist/form/field/common/status_input/status_input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status_input.d.ts","sourceRoot":"","sources":["../../../../../src/form/field/common/status_input/status_input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,gBAAgB,CAAA;CAAE,CAW9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAClD,mBAAmB,GAAG,cAAc,EACpC,KAAK,CACN,CAAC;AAEF,eAAO,MAAM,gBAAgB,sGAyB3B,CAAC"}
+{"version":3,"file":"status_input.d.ts","sourceRoot":"","sources":["../../../../../src/form/field/common/status_input/status_input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,gBAAgB,CAAA;CAAE,CAW9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAClD,mBAAmB,GAAG,cAAc,EACpC,KAAK,CACN,CAAC;AAEF,eAAO,MAAM,gBAAgB,sGAyB3B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { AlertTriangleIcon as u } from "@tcn/icons/alert_triangle_icon.js";
 import { LockTwoIcon as f } from "@tcn/icons/lock_two_icon.js";
 import { HStack as m } from "../../../../stacks/h_stack.js";
@@ -8,43 +8,49 @@ import "../../../../feedback/progress/progress_bar.js";
 import "@tcn/state";
 import "../../../../stacks/v_stack.js";
 import { clsx as o } from "clsx";
-import '../../../../status_input.css';const A = "_field-error_6d015c9", x = "_field-status-input_c30d6fb", n = { "field-error": A, "field-status-input": x }, h = () => /* @__PURE__ */ r(f, { className: "field-lock", size: "lg" }), k = () => /* @__PURE__ */ r(g, { size: "20px", className: "field-loader" }), I = () => /* @__PURE__ */ r(u, { className: o(n["field-error"], "field-error"), size: "lg" }), w = ({ state: e }) => {
+import '../../../../status_input.css';const A = "_field-error_6d015c9", x = "_field-status-input_c30d6fb", n = { "field-error": A, "field-status-input": x }, _ = () => /* @__PURE__ */ r(f, { className: "tcn-field-lock", size: "lg" }), h = () => /* @__PURE__ */ r(g, { size: "20px", className: "tcn-field-loader" }), k = () => /* @__PURE__ */ r(
+  u,
+  {
+    className: o(n["field-error"], "tcn-field-error"),
+    size: "lg"
+  }
+), I = ({ state: e }) => {
   switch (e) {
     case "locked":
-      return /* @__PURE__ */ r(h, {});
+      return /* @__PURE__ */ r(_, {});
     case "loading":
-      return /* @__PURE__ */ r(k, {});
+      return /* @__PURE__ */ r(h, {});
     case "error":
-      return /* @__PURE__ */ r(I, {});
+      return /* @__PURE__ */ r(k, {});
     default:
       return null;
   }
-}, v = p.forwardRef(function({ children: i, state: t = "default", className: s, ...l }, d) {
-  const a = t === "default" || t === "error";
-  return /* @__PURE__ */ c(
+}, v = p.forwardRef(function({ children: i, state: t = "default", className: s, ...l }, c) {
+  const d = t === "default" || t === "error";
+  return /* @__PURE__ */ a(
     m,
     {
-      ref: d,
+      ref: c,
       "data-state": t,
       className: o(
-        "field-status-input",
+        "tcn-field-status-input",
         n["field-status-input"],
         s,
-        "field-status-input"
+        "tcn-field-status-input"
       ),
       vAlign: "center",
       hAlign: "end",
       gap: "4px",
       ...l,
       children: [
-        a && i,
-        /* @__PURE__ */ r(w, { state: t })
+        d && i,
+        /* @__PURE__ */ r(I, { state: t })
       ]
     }
   );
 });
 export {
-  w as AdornmentMap,
+  I as AdornmentMap,
   v 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=\"field-lock\" size=\"lg\" />;\n};\n\nconst LoadingAdornment: React.FC = () => {\n  return <Loading size=\"20px\" className=\"field-loader\" />;\n};\n\nconst ErroredAdornment: React.FC = () => {\n  return (\n    <AlertTriangleIcon className={clsx(styles['field-error'], 'field-error')} size=\"lg\" />\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        'field-status-input',\n        styles['field-status-input'],\n        className,\n        '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,cAAa,MAAK,MAAK,GAGjDC,IAA6B,MAC1B,gBAAAF,EAACG,GAAA,EAAQ,MAAK,QAAO,WAAU,gBAAe,GAGjDC,IAA6B,MAE/B,gBAAAJ,EAACK,GAAA,EAAkB,WAAWC,EAAKC,EAAO,aAAa,GAAG,aAAa,GAAG,MAAK,KAAA,CAAK,GAI3EC,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/field.js

@@ -7,13 +7,13 @@ import "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
 import { useForkRef as l } from "../../utils/hooks/use_fork_ref.js";
 import { useResizeObserver as p } from "../../utils/hooks/use_resize_observer.js";
-const H = c.forwardRef(function({ children: t, breakpointPixels: i = 500, ...e }, m) {
-  const [f, n] = u(!0), s = p((d) => {
+const z = c.forwardRef(function({ children: t, breakpointPixels: i = 500, ...e }, f) {
+  const [m, n] = u(!0), s = p((d) => {
     n(d >= i);
-  }), o = l(m, s);
-  return /* @__PURE__ */ r(a, { children: f ? /* @__PURE__ */ r(F, { ...e, ref: o, ...e, children: t }) : /* @__PURE__ */ r(R, { ...e, ref: o, ...e, children: t }) });
+  }), o = l(f, s);
+  return /* @__PURE__ */ r(a, { children: m ? /* @__PURE__ */ r(F, { ...e, ref: o, ...e, children: t }) : /* @__PURE__ */ r(R, { ...e, ref: o, ...e, children: t }) });
 });
 export {
-  H as Field
+  z as Field
 };
 //# sourceMappingURL=field.js.map

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

@@ -1,13 +1,13 @@
 import { jsxs as F, jsx as r } from "react/jsx-runtime";
 import { HStack as I } from "../../../stacks/h_stack.js";
 import { clsx as H } from "clsx";
-import g, { useState as y } from "react";
-import { FieldHeader as S } from "../common/field_header.js";
-import { FieldControl as $ } from "../common/field_control/field_control.js";
-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 B = g.forwardRef(function({
+import _, { useState as g } from "react";
+import { FieldHeader as y } 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,
@@ -20,7 +20,7 @@ const B = g.forwardRef(function({
   required: m,
   ...h
 }, p) {
-  const [i] = y(() => c || `h-field-${A++}`), u = `${i}-label`, b = `${i}-description`, a = !!d, x = t ? "locked" : e ? "loading" : a ? "error" : "default";
+  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,
     {
@@ -31,7 +31,7 @@ const B = g.forwardRef(function({
       "data-locked": t,
       "data-error": a,
       "data-loading": e,
-      className: H("base-field", w["h-field"], "h-field", f),
+      className: H("tcn-base-field", v["h-field"], "tcn-h-field", f),
       vAlign: "start",
       hAlign: "start",
       height: "auto",
@@ -39,7 +39,7 @@ const B = g.forwardRef(function({
       ...h,
       children: [
         /* @__PURE__ */ r(
-          S,
+          y,
           {
             minWidth: l,
             width: l,
@@ -49,7 +49,7 @@ const B = g.forwardRef(function({
             required: m
           }
         ),
-        /* @__PURE__ */ r($, { errorMessage: d, loading: e, locked: t, children: /* @__PURE__ */ r(j, { state: x, children: n }) })
+        /* @__PURE__ */ r(S, { errorMessage: d, loading: e, locked: t, children: /* @__PURE__ */ r($, { state: x, children: n }) })
       ]
     }
   );

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('base-field', styles['h-field'], '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,cAAcC,EAAO,SAAS,GAAG,WAAWd,CAAS;AAAA,MACrE,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 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;"}

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

@@ -7,13 +7,13 @@ import { FieldHeader as y } 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 z = F.forwardRef(function({
+const q = F.forwardRef(function({
   label: d,
   description: o,
   errorMessage: a,
   children: s,
   locked: t = !1,
-  loading: r = !1,
+  loading: e = !1,
   maxWidth: R,
   minWidth: W,
   className: n,
@@ -21,7 +21,7 @@ const z = F.forwardRef(function({
   required: f,
   ...m
 }, p) {
-  const [e] = I(() => c || `v-field-${$++}`), l = !!a, h = `${e}-label`, u = `${e}-description`, b = t ? "locked" : r ? "loading" : l ? "error" : "default";
+  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,
     {
@@ -31,8 +31,8 @@ const z = F.forwardRef(function({
       "aria-describedby": u,
       "data-locked": t,
       "data-error": l,
-      "data-loading": r,
-      className: v("base-field", V["v-field"], "v-field", n),
+      "data-loading": e,
+      className: v("tcn-base-field", V["v-field"], "tcn-v-field", n),
       vAlign: "start",
       hAlign: "start",
       height: "auto",
@@ -42,7 +42,7 @@ const z = F.forwardRef(function({
         /* @__PURE__ */ i(
           y,
           {
-            id: e,
+            id: r,
             label: d,
             description: o,
             required: f
@@ -52,7 +52,7 @@ const z = F.forwardRef(function({
           A,
           {
             errorMessage: a,
-            loading: r,
+            loading: e,
             locked: t,
             hAlign: "start",
             children: /* @__PURE__ */ i(S, { state: b, hAlign: "start", children: s })
@@ -63,6 +63,6 @@ const z = F.forwardRef(function({
   );
 });
 export {
-  z as VField
+  q 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('base-field', styles['v-field'], '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,cAAcC,EAAO,SAAS,GAAG,WAAWd,CAAS;AAAA,MACrE,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 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;"}

package/dist/form/field_set/field_set.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field_set.d.ts","sourceRoot":"","sources":["../../../src/form/field_set/field_set.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,mBAAmB,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,QAAQ;aALV,MAAM;sBACG,KAAK,CAAC,SAAS;oBACjB,KAAK,CAAC,SAAS;6CA+C/B,CAAC"}
+{"version":3,"file":"field_set.d.ts","sourceRoot":"","sources":["../../../src/form/field_set/field_set.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,mBAAmB,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,QAAQ;aALV,MAAM;sBACG,KAAK,CAAC,SAAS;oBACjB,KAAK,CAAC,SAAS;6CAkD/B,CAAC"}