@tcn/ui 0.0.1

package/dist/date_picker_year_input.css

@@ -0,0 +1 @@
+._year-select_eb568a7{position:relative;box-sizing:border-box;padding-inline-end:calc(24px * var(--scalar, 1))}._year-select_eb568a7:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._year-select_eb568a7:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._year-select_eb568a7:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._year-select_eb568a7:hover:after{background-color:currentColor}

package/dist/date_picker_year_selector.css

@@ -0,0 +1 @@
+._date-picker-year-selector_ab05e1f{background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:4px;outline:none}._date-picker-year-button_fded757{padding:4px 8px;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}._date-picker-year-button_fded757:hover,._date-picker-year-button_fded757:focus,._date-picker-year-button_fded757[data-is-today]:hover,._date-picker-year-button_fded757[data-is-today]:focus{border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-year-button_fded757[data-is-selected=true]{border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-year-button_fded757[data-is-disabled=true]{text-decoration:line-through;opacity:.5;border:2px solid transparent;cursor:not-allowed}

package/dist/divider.css

@@ -0,0 +1 @@
+._divider_af0a0c6{display:flex;align-items:center;justify-content:center}._divider-line_cae0189{background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}._divider-line_cae0189[data-emphasis=strong]{background:color-mix(in srgb,#aaa,black 20%)}._divider-line_cae0189[data-emphasis=normal]{background:#aaa}._divider-line_cae0189[data-emphasis=light]{background:color-mix(in srgb,#aaa,white 20%)}._divider_af0a0c6[data-orientation=horizontal]{width:100%;height:auto}._divider-line_cae0189[data-orientation=horizontal]{width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]{height:calc(var(--divider-height, 1px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]{height:calc(var(--divider-height, 2px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]{height:calc(var(--divider-height, 3px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-length=full]{width:var(--divider-width, 100%)}._divider-line_cae0189[data-orientation=horizontal][data-length=sm]{width:calc(var(--divider-width, 16px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-length=md]{width:calc(var(--divider-width, 20px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=horizontal][data-length=lg]{width:calc(var(--divider-width, 24px) * var(--scalar, 1))}._divider_af0a0c6[data-orientation=vertical]{height:100%;width:auto}._divider-line_cae0189[data-orientation=vertical]{width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]{min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-thickness=md]{min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]{min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-length=full]{height:var(--divider-height, 100%)}._divider-line_cae0189[data-orientation=vertical][data-length=sm]{height:calc(var(--divider-height, 16px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-length=md]{height:calc(var(--divider-height, 20px) * var(--scalar, 1))}._divider-line_cae0189[data-orientation=vertical][data-length=lg]{height:calc(var(--divider-height, 24px) * var(--scalar, 1))}

package/dist/drawer_bottom.css

@@ -0,0 +1 @@
+._drawerBottom_005ffd5{background-color:var(--background-color-primary)}

package/dist/drawer_end.css

@@ -0,0 +1 @@
+._drawerEnd_14b62a0{background-color:var(--background-color-primary)}

package/dist/drawer_start.css

@@ -0,0 +1 @@
+._drawerStart_ab65130{background-color:var(--background-color-primary)}

package/dist/drawer_top.css

@@ -0,0 +1 @@
+._drawerBottom_a42b248{background-color:var(--background-color-primary)}

package/dist/end_resize_handle.css

@@ -0,0 +1 @@
+._end-resize-handle_1c5e6ba{position:fixed;bottom:0;width:16px;height:100%;z-index:1;cursor:ew-resize;pointer-events:auto}._end-resize-handle_1c5e6ba:dir(ltr){right:var(--resize-offset, -8px)}._end-resize-handle_1c5e6ba:dir(rtl){left:var(--resize-offset, -8px)}

package/dist/feedback/index.d.ts

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

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

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

package/dist/feedback/index.js

@@ -0,0 +1,9 @@
+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";
+export {
+  p as Lazy,
+  e as Loading,
+  f as ProgressBar
+};
+//# sourceMappingURL=index.js.map

package/dist/feedback/index.js.map

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

package/dist/feedback/lazy/lazy.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IRunnerBroadcast } from '@tcn/state';
+type LazyProps<T> = {
+    pending?: React.ReactNode;
+    error?: React.ReactNode;
+    runner: IRunnerBroadcast<T>;
+    children: ((value: T) => React.ReactNode) | React.ReactNode;
+};
+export declare function Lazy<T = void>({ runner, pending, children, error }: LazyProps<T>): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=lazy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/feedback/lazy/lazy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAKjB,MAAM,YAAY,CAAC;AAiBpB,KAAK,SAAS,CAAC,CAAC,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC7D,CAAC;AAEF,wBAAgB,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,sHAoBhF"}

package/dist/feedback/lazy/lazy.js

@@ -0,0 +1,27 @@
+import { jsx as t, jsxs as l, Fragment as m } from "react/jsx-runtime";
+import { useSignalValue as f, useRunnerStatus as g, useRunnerError as S, Status as s } from "@tcn/state";
+import { Loading as h } from "../loading/loading.js";
+import { HStack as E } from "../../stacks/h_stack.js";
+import { VStack as d } from "../../stacks/v_stack.js";
+const p = () => /* @__PURE__ */ t(d, { vAlign: "center", height: "100%", width: "auto", children: /* @__PURE__ */ t(h, {}) }), R = ({ message: r }) => /* @__PURE__ */ l(E, { width: "auto", height: "100%", style: { color: "var(--status-error)" }, children: [
+  "Error: ",
+  r || "An Error Occurred"
+] });
+function C({ runner: r, pending: a, children: o, error: n }) {
+  const u = f(r), c = g(r), e = S(r);
+  switch (c) {
+    case s.PENDING:
+      return /* @__PURE__ */ t(m, { children: a || /* @__PURE__ */ t(p, {}) });
+    case s.SUCCESS:
+      return typeof o == "function" ? o(u) : o;
+    case s.ERROR:
+      const i = e && (e.message || e.toString()).toLowerCase();
+      return n || /* @__PURE__ */ t(R, { message: i });
+    default:
+      return null;
+  }
+}
+export {
+  C as Lazy
+};
+//# sourceMappingURL=lazy.js.map

package/dist/feedback/lazy/lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","sources":["../../../src/feedback/lazy/lazy.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  IRunnerBroadcast,\n  Status,\n  useRunnerError,\n  useRunnerStatus,\n  useSignalValue,\n} from '@tcn/state';\nimport { Loading } from '../loading/loading.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { VStack } from '../../stacks/v_stack.js';\n\nconst DefaultFallback = () => (\n  <VStack vAlign=\"center\" height=\"100%\" width=\"auto\">\n    <Loading />\n  </VStack>\n);\n\nconst DefaultError = ({ message }: { message: string | null }) => (\n  <HStack width=\"auto\" height=\"100%\" style={{ color: 'var(--status-error)' }}>\n    Error: {message || 'An Error Occurred'}\n  </HStack>\n);\n\ntype LazyProps<T> = {\n  pending?: React.ReactNode;\n  error?: React.ReactNode;\n  runner: IRunnerBroadcast<T>;\n  children: ((value: T) => React.ReactNode) | React.ReactNode;\n};\n\nexport function Lazy<T = void>({ runner, pending, children, error }: LazyProps<T>) {\n  const value = useSignalValue(runner);\n  const status = useRunnerStatus(runner);\n  const loaderError = useRunnerError(runner);\n\n  switch (status) {\n    case Status.PENDING:\n      return <>{pending || <DefaultFallback />}</>;\n    case Status.SUCCESS:\n      if (typeof children === 'function') {\n        return children(value);\n      }\n      return children;\n    case Status.ERROR:\n      const message =\n        loaderError && (loaderError.message || loaderError.toString()).toLowerCase();\n      return error || <DefaultError message={message} />;\n    default:\n      return null;\n  }\n}\n"],"names":["DefaultFallback","jsx","VStack","Loading","DefaultError","message","jsxs","HStack","Lazy","runner","pending","children","error","value","useSignalValue","status","useRunnerStatus","loaderError","useRunnerError","Status","Fragment"],"mappings":";;;;;AAaA,MAAMA,IAAkB,MACtB,gBAAAC,EAACC,GAAA,EAAO,QAAO,UAAS,QAAO,QAAO,OAAM,QAC1C,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAQ,GACX,GAGIC,IAAe,CAAC,EAAE,SAAAC,EAAA,MACtB,gBAAAC,EAACC,GAAA,EAAO,OAAM,QAAO,QAAO,QAAO,OAAO,EAAE,OAAO,yBAAyB,UAAA;AAAA,EAAA;AAAA,EAClEF,KAAW;AAAA,GACrB;AAUK,SAASG,EAAe,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,GAAU,OAAAC,KAAuB;AACjF,QAAMC,IAAQC,EAAeL,CAAM,GAC7BM,IAASC,EAAgBP,CAAM,GAC/BQ,IAAcC,EAAeT,CAAM;AAEzC,UAAQM,GAAA;AAAA,IACN,KAAKI,EAAO;AACV,aAAO,gBAAAlB,EAAAmB,GAAA,EAAG,UAAAV,KAAW,gBAAAT,EAACD,GAAA,CAAA,CAAgB,GAAG;AAAA,IAC3C,KAAKmB,EAAO;AACV,aAAI,OAAOR,KAAa,aACfA,EAASE,CAAK,IAEhBF;AAAA,IACT,KAAKQ,EAAO;AACV,YAAMd,IACJY,MAAgBA,EAAY,WAAWA,EAAY,SAAA,GAAY,YAAA;AACjE,aAAOL,KAAS,gBAAAX,EAACG,GAAA,EAAa,SAAAC,EAAA,CAAkB;AAAA,IAClD;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/feedback/loading/loading.d.ts

@@ -0,0 +1,11 @@
+import { default as React, CSSProperties } from 'react';
+export interface LoadingProps {
+    size?: string;
+    color?: string;
+    lineCount?: number;
+    animationDuration?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Loading: React.ForwardRefExoticComponent<LoadingProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/feedback/loading/loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,oFA0DnB,CAAC"}

package/dist/feedback/loading/loading.js

@@ -0,0 +1,52 @@
+import { jsx as c } from "react/jsx-runtime";
+import M from "react";
+import '../../loading.css';const p = "_loading-line_e364229", y = "_linePulse_bde300c", f = { "loading-line": p, linePulse: y }, I = M.forwardRef(
+  ({
+    size: e = "1em",
+    color: l = "var(--accent-color)",
+    lineCount: a = 12,
+    animationDuration: t = 1200,
+    className: r,
+    style: h
+  }, v) => {
+    const d = Array.from({ length: a }), g = 360 / a;
+    return /* @__PURE__ */ c(
+      "svg",
+      {
+        ref: v,
+        width: 50,
+        height: 50,
+        viewBox: "0 0 50 50",
+        className: r,
+        xmlns: "http://www.w3.org/2000/svg",
+        style: { height: e, width: e, ...h },
+        fill: "none",
+        children: d.map((x, s) => {
+          const n = g * s, i = 50 / 4.5, o = 50 / 2.25, m = 50 / 2 + i * Math.cos(n * Math.PI / 180), S = 50 / 2 + i * Math.sin(n * Math.PI / 180), z = 50 / 2 + o * Math.cos(n * Math.PI / 180), w = 50 / 2 + o * Math.sin(n * Math.PI / 180);
+          return /* @__PURE__ */ c(
+            "line",
+            {
+              className: f["loading-line"],
+              style: {
+                animationDelay: `${s * t / a}ms`,
+                animationDuration: `${t}ms`
+              },
+              x1: m,
+              y1: S,
+              x2: z,
+              y2: w,
+              stroke: l,
+              strokeWidth: 3,
+              strokeLinecap: "round"
+            },
+            s
+          );
+        })
+      }
+    );
+  }
+);
+export {
+  I as Loading
+};
+//# sourceMappingURL=loading.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+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>>;
+//# sourceMappingURL=progress_bar.d.ts.map

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

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

package/dist/feedback/progress/progress_bar.js

@@ -0,0 +1,41 @@
+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 "classnames";
+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 "../../title.module-B16de2jd.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 '../../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) {
+  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"] })
+    ] })
+  ] });
+});
+export {
+  H as ProgressBar
+};
+//# sourceMappingURL=progress_bar.js.map

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

@@ -0,0 +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;"}

package/dist/field_control.css

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

package/dist/field_set.css

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

package/dist/footer.css

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

package/dist/footnote.css

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

package/dist/footnote.module-DEyFuqOr.js

@@ -0,0 +1,5 @@
+import './footnote.css';const o = "_footnote_f4b25ae", t = { footnote: o };
+export {
+  t as s
+};
+//# sourceMappingURL=footnote.module-DEyFuqOr.js.map

package/dist/footnote.module-DEyFuqOr.js.map

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

package/dist/form/field/common/field_control/field_control.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { VStackOwnProps } from '../../../../stacks/v_stack.js';
+import { WithDetailedHTMLProps } from '../../../../stacks/types/as.js';
+export interface FieldControlOwnProps {
+    loading?: boolean;
+    locked?: boolean;
+    errorMessage?: string | React.ReactNode;
+    children: React.ReactNode;
+    inputAlignment?: 'start' | 'end';
+}
+export type FieldControlProps = WithDetailedHTMLProps<FieldControlOwnProps & VStackOwnProps, 'div'>;
+export declare const FieldControl: React.ForwardRefExoticComponent<Omit<FieldControlProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=field_control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_control.d.ts","sourceRoot":"","sources":["../../../../../src/form/field/common/field_control/field_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAK5E,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAClC;AAED,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CACnD,oBAAoB,GAAG,cAAc,EACrC,KAAK,CACN,CAAC;AAEF,eAAO,MAAM,YAAY,uGA+BvB,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsxs as a, jsx as d } from "react/jsx-runtime";
+import c from "react";
+import { VStack as f } from "../../../../stacks/v_stack.js";
+import s from "classnames";
+import { FieldErrorMessage as m } from "../field_error.js";
+import '../../../../field_control.css';const h = "_field-error_44124ee", p = "_field-control_ca50e63", g = { "field-error": h, "field-control": p }, k = c.forwardRef(function({
+  children: o,
+  errorMessage: r,
+  locked: e = !1,
+  loading: l = !1,
+  className: t,
+  ...i
+}, n) {
+  return /* @__PURE__ */ a(
+    f,
+    {
+      ref: n,
+      "data-locked": e,
+      "data-loading": l,
+      "data-error": !!r,
+      className: s(g["field-control"], "field-control", t),
+      height: "auto",
+      width: "flex",
+      hAlign: "end",
+      vAlign: "center",
+      gap: "4px",
+      ...i,
+      children: [
+        o,
+        /* @__PURE__ */ d(m, { children: r })
+      ]
+    }
+  );
+});
+export {
+  k as FieldControl
+};
+//# sourceMappingURL=field_control.js.map

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

@@ -0,0 +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 classNames from 'classnames';\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={classNames(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","classNames","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,EAAWC,EAAO,eAAe,GAAG,iBAAiBN,CAAS;AAAA,MACzE,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.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface FieldDescriptionOwnProps {
+    children?: React.ReactNode | string;
+    id?: string;
+}
+export declare const FieldDescription: ({ children, id }: FieldDescriptionOwnProps) => number | true | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=field_description.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_description.d.ts","sourceRoot":"","sources":["../../../../src/form/field/common/field_description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,GAAI,kBAAkB,wBAAwB,+FAiB1E,CAAC"}

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

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { BodyText as i } from "../../../typography/body_text/body_text.js";
+import "classnames";
+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 "../../../title.module-B16de2jd.js";
+const y = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+  i,
+  {
+    breakWords: !0,
+    hierarchy: "secondary",
+    emphasis: "normal",
+    size: "sm",
+    className: "field-row-description-text",
+    id: t,
+    children: r
+  }
+) : r : null;
+export {
+  y as FieldDescription
+};
+//# sourceMappingURL=field_description.js.map

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

@@ -0,0 +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;"}

package/dist/form/field/common/field_error.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface FieldErrorMessageOwnProps {
+    children?: React.ReactNode | string;
+}
+export declare const FieldErrorMessage: ({ children }: FieldErrorMessageOwnProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=field_error.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_error.d.ts","sourceRoot":"","sources":["../../../../src/form/field/common/field_error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,iBAAiB,GAAI,cAAc,yBAAyB,mDA0BxE,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { BodyText as m } from "../../../typography/body_text/body_text.js";
+import "classnames";
+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 "../../../title.module-B16de2jd.js";
+import { theme as i } from "../../../themes/theme_variables.js";
+import "react";
+import "../../../themes/themes/windows_98/windows_98_theme.js";
+import { AdornmentMap as s } from "./status_input/status_input.js";
+import { HStack as p } from "../../../stacks/h_stack.js";
+const v = ({ children: r }) => {
+  if (!r) return null;
+  let t = r;
+  return typeof r == "string" && (t = /* @__PURE__ */ o(
+    m,
+    {
+      breakWords: !0,
+      size: "sm",
+      className: "field-error-message",
+      color: i.statusColors.error,
+      children: r
+    }
+  )), /* @__PURE__ */ e(p, { hAlign: "end", gap: i.gap.md, children: [
+    t,
+    /* @__PURE__ */ o("div", { style: { visibility: "hidden" }, children: /* @__PURE__ */ o(s, { state: "error" }) })
+  ] });
+};
+export {
+  v as FieldErrorMessage
+};
+//# sourceMappingURL=field_error.js.map

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

@@ -0,0 +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;"}

package/dist/form/field/common/field_header.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { VStackOwnProps } from '../../../stacks/v_stack.js';
+import { WithDetailedHTMLProps } from '../../../stacks/types/as.js';
+export interface FieldHeaderOwnProps {
+    id: string;
+    label?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    required?: boolean;
+}
+export type FieldHeaderProps = WithDetailedHTMLProps<FieldHeaderOwnProps, 'div'> & VStackOwnProps;
+export declare const FieldHeader: React.ForwardRefExoticComponent<Omit<FieldHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=field_header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_header.d.ts","sourceRoot":"","sources":["../../../../src/form/field/common/field_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAIzE,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,mBAAmB,EAAE,KAAK,CAAC,GAC9E,cAAc,CAAC;AAEjB,eAAO,MAAM,WAAW,sGAqBtB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import p from "classnames";
+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 N = n.forwardRef(function({ label: i, description: o, className: t, id: r, required: d, ...a }, l) {
+  const s = `${r}-label`, c = `${r}-description`;
+  return /* @__PURE__ */ m(
+    f,
+    {
+      as: "div",
+      hAlign: "start",
+      gap: "4px",
+      className: p("field-header", t),
+      ref: l,
+      ...a,
+      children: [
+        /* @__PURE__ */ e(h, { id: s, required: d, children: i }),
+        /* @__PURE__ */ e(x, { id: c, children: o })
+      ]
+    }
+  );
+});
+export {
+  N as FieldHeader
+};
+//# sourceMappingURL=field_header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_header.js","sources":["../../../../src/form/field/common/field_header.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\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={classNames('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","classNames","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,EAAW,gBAAgBT,CAAS;AAAA,MAC/C,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/field_label.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface FieldLabelOwnProps {
+    children?: React.ReactNode | string;
+    id?: string;
+    required?: boolean;
+}
+export declare const FieldLabel: ({ children, id, required }: FieldLabelOwnProps) => number | true | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=field_label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_label.d.ts","sourceRoot":"","sources":["../../../../src/form/field/common/field_label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,4BAA4B,kBAAkB,+FA4BxE,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { BodyText as t } from "../../../typography/body_text/body_text.js";
+import "classnames";
+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 "../../../title.module-B16de2jd.js";
+const x = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+  t,
+  {
+    breakWords: !0,
+    color: "inherit",
+    size: "lg",
+    id: e,
+    style: {
+      justifyContent: "center",
+      alignItems: "center",
+      display: "flex"
+    },
+    children: [
+      r,
+      i && /* @__PURE__ */ l(
+        t,
+        {
+          size: "lg",
+          style: { color: "red", paddingInline: "calc(var(--scalar, 1)*4px)" },
+          children: "*"
+        }
+      )
+    ]
+  }
+) : r : null;
+export {
+  x as FieldLabel
+};
+//# sourceMappingURL=field_label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field_label.js","sources":["../../../../src/form/field/common/field_label.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldLabelOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n  required?: boolean;\n}\n\nexport const FieldLabel = ({ children, id, required }: FieldLabelOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        color=\"inherit\"\n        size=\"lg\"\n        id={id}\n        style={{\n          justifyContent: 'center',\n          alignItems: 'center',\n          display: 'flex',\n        }}\n      >\n        {children}\n        {required && (\n          <BodyText\n            size=\"lg\"\n            style={{ color: 'red', paddingInline: 'calc(var(--scalar, 1)*4px)' }}\n          >\n            *\n          </BodyText>\n        )}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldLabel","children","id","required","jsxs","BodyText","jsx"],"mappings":";;;;;;;;;AASO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,UAAAC,QACpCF,IACD,OAAOA,KAAa,WAEpB,gBAAAG;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,IAAAH;AAAA,IACA,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAGV,UAAA;AAAA,MAAAD;AAAA,MACAE,KACC,gBAAAG;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,EAAE,OAAO,OAAO,eAAe,6BAAA;AAAA,UACvC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAAA,IAKDJ,IA1Be;"}

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

@@ -0,0 +1,14 @@
+import { HStackOwnProps } from '../../../../stacks/h_stack.js';
+import { WithDetailedHTMLProps } from '../../../../stacks/types/as.js';
+import { default as React } from 'react';
+export declare const AdornmentMap: React.FC<{
+    state: StatusInputState;
+}>;
+export type StatusInputState = 'locked' | 'loading' | 'error' | 'default';
+export interface StatusInputOwnProps {
+    children: React.ReactNode;
+    state?: StatusInputState;
+}
+export type StatusInputProps = WithDetailedHTMLProps<StatusInputOwnProps & HStackOwnProps, 'div'>;
+export declare const FieldStatusInput: React.ForwardRefExoticComponent<Omit<StatusInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=status_input.d.ts.map

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

@@ -0,0 +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;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"}