agentic-ds-kit 0.1.0 → 0.2.0

package/{ui → dist/ui}/Field/Field.module.css

@@ -1,15 +1,15 @@
-.field {
+._field_evxvr_1 {
   width: 100%;
   min-width: 0;
 }
 
-.top {
+._top_evxvr_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
 
-.start {
+._start_evxvr_12 {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   column-gap: var(--space-3);
@@ -17,39 +17,39 @@
   align-items: center;
 }
 
-.start .label {
+._start_evxvr_12 ._label_evxvr_20 {
   grid-column: 1;
   grid-row: 1;
 }
 
-.start .body {
+._start_evxvr_12 ._body_evxvr_25 {
   grid-column: 2;
   grid-row: 1;
   min-width: 0;
 }
 
-.start .hint {
+._start_evxvr_12 ._hint_evxvr_31 {
   grid-column: 2;
   grid-row: 2;
 }
 
-.start .error {
+._start_evxvr_12 ._error_evxvr_36 {
   grid-column: 2;
   grid-row: 3;
 }
 
-.label {
+._label_evxvr_20 {
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
   font-weight: var(--type-weight-label);
   color: var(--text-primary);
 }
 
-.body {
+._body_evxvr_25 {
   min-width: 0;
 }
 
-.hint {
+._hint_evxvr_31 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -57,7 +57,7 @@
   color: var(--text-muted);
 }
 
-.error {
+._error_evxvr_36 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);

package/dist/ui/Field/Field.module.js

@@ -0,0 +1,15 @@
+import "./Field.module.css";
+//#region ui/Field/Field.module.css
+var e = "_field_evxvr_1", t = "_top_evxvr_6", n = "_start_evxvr_12", r = "_label_evxvr_20", i = "_body_evxvr_25", a = "_hint_evxvr_31", o = "_error_evxvr_36", s = {
+	field: e,
+	top: t,
+	start: n,
+	label: r,
+	body: i,
+	hint: a,
+	error: o
+};
+//#endregion
+export { i as body, s as default, o as error, e as field, a as hint, r as label, n as start, t as top };
+
+//# sourceMappingURL=Field.module.js.map

package/dist/ui/Field/Field.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.module.js","names":[],"sources":["../../../ui/Field/Field.module.css"],"sourcesContent":[".field {\n  width: 100%;\n  min-width: 0;\n}\n\n.top {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.start {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  column-gap: var(--space-3);\n  row-gap: var(--space-1);\n  align-items: center;\n}\n\n.start .label {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n.start .body {\n  grid-column: 2;\n  grid-row: 1;\n  min-width: 0;\n}\n\n.start .hint {\n  grid-column: 2;\n  grid-row: 2;\n}\n\n.start .error {\n  grid-column: 2;\n  grid-row: 3;\n}\n\n.label {\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.body {\n  min-width: 0;\n}\n\n.hint {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.error {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-danger);\n}\n"],"mappings":""}

package/dist/ui/Field/Field.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type FieldLabelPosition = "top" | "start";
+export interface FieldProps {
+    label: string;
+    htmlFor: string;
+    hint?: string;
+    error?: string;
+    labelPosition?: FieldLabelPosition;
+    children: ReactNode;
+}

package/dist/ui/Field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field } from './Field';
+export type { FieldProps, FieldLabelPosition } from './Field.types';

package/dist/ui/FieldSet/FieldSet.d.ts

@@ -0,0 +1,3 @@
+import { FieldSetProps } from './FieldSet.types';
+export type { FieldSetProps } from './FieldSet.types';
+export declare function FieldSet({ legend, description, children }: FieldSetProps): import("react").JSX.Element;

package/dist/ui/FieldSet/FieldSet.js

@@ -0,0 +1,26 @@
+import e from "./FieldSet.module.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ui/FieldSet/FieldSet.tsx
+function r({ legend: r, description: i, children: a }) {
+	return /* @__PURE__ */ n("fieldset", {
+		className: e.fieldset,
+		children: [
+			/* @__PURE__ */ t("legend", {
+				className: e.legend,
+				children: r
+			}),
+			i ? /* @__PURE__ */ t("p", {
+				className: e.description,
+				children: i
+			}) : null,
+			/* @__PURE__ */ t("div", {
+				className: e.body,
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+export { r as FieldSet };
+
+//# sourceMappingURL=FieldSet.js.map

package/dist/ui/FieldSet/FieldSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSet.js","names":[],"sources":["../../../ui/FieldSet/FieldSet.tsx"],"sourcesContent":["import type { FieldSetProps } from \"./FieldSet.types\";\nimport styles from \"./FieldSet.module.css\";\n\nexport type { FieldSetProps } from \"./FieldSet.types\";\n\nexport function FieldSet({ legend, description, children }: FieldSetProps) {\n  return (\n    <fieldset className={styles.fieldset}>\n      <legend className={styles.legend}>{legend}</legend>\n      {description ? <p className={styles.description}>{description}</p> : null}\n      <div className={styles.body}>{children}</div>\n    </fieldset>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,EAAS,EAAE,WAAQ,gBAAa,eAA2B;CACzE,OACE,kBAAC,YAAD;EAAU,WAAW,EAAO;EAA5B,UAAA;GACE,kBAAC,UAAD;IAAQ,WAAW,EAAO;IAAS,UAAA;GAAe,CAAA;GACjD,IAAc,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAc,UAAA;GAAe,CAAA,IAAI;GACrE,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO;GAAc,CAAA;EACpC;;AAEd"}

package/{ui → dist/ui}/FieldSet/FieldSet.module.css

@@ -1,4 +1,4 @@
-.fieldset {
+._fieldset_1pwtz_1 {
   display: grid;
   gap: var(--space-2);
   min-width: 0;
@@ -7,7 +7,7 @@
   border: 0;
 }
 
-.legend {
+._legend_1pwtz_10 {
   padding: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
@@ -15,7 +15,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_1pwtz_18 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -23,7 +23,7 @@
   color: var(--text-muted);
 }
 
-.body {
+._body_1pwtz_26 {
   display: grid;
   gap: var(--space-4);
   min-width: 0;

package/dist/ui/FieldSet/FieldSet.module.js

@@ -0,0 +1,12 @@
+import "./FieldSet.module.css";
+//#region ui/FieldSet/FieldSet.module.css
+var e = "_fieldset_1pwtz_1", t = "_legend_1pwtz_10", n = "_description_1pwtz_18", r = "_body_1pwtz_26", i = {
+	fieldset: e,
+	legend: t,
+	description: n,
+	body: r
+};
+//#endregion
+export { r as body, i as default, n as description, e as fieldset, t as legend };
+
+//# sourceMappingURL=FieldSet.module.js.map

package/dist/ui/FieldSet/FieldSet.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSet.module.js","names":[],"sources":["../../../ui/FieldSet/FieldSet.module.css"],"sourcesContent":[".fieldset {\n  display: grid;\n  gap: var(--space-2);\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.legend {\n  padding: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.body {\n  display: grid;\n  gap: var(--space-4);\n  min-width: 0;\n}\n"],"mappings":""}

package/dist/ui/FieldSet/FieldSet.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface FieldSetProps {
+    legend: string;
+    description?: string;
+    children: ReactNode;
+}

package/dist/ui/FieldSet/index.d.ts

@@ -0,0 +1,2 @@
+export { FieldSet } from './FieldSet';
+export type { FieldSetProps } from './FieldSet.types';

package/dist/ui/HeaderCell/HeaderCell.d.ts

@@ -0,0 +1,3 @@
+import { HeaderCellProps } from './HeaderCell.types';
+export type { HeaderCellProps, HeaderCellSize, HeaderCellAlign, HeaderCellSort, } from './HeaderCell.types';
+export declare function HeaderCell({ label, size, checkbox, checked, defaultChecked, indeterminate, onCheckedChange, align, sortable, sort, onSort, id, }: HeaderCellProps): import("react").JSX.Element;

package/dist/ui/HeaderCell/HeaderCell.js

@@ -0,0 +1,42 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Checkbox as t } from "../Checkbox/Checkbox.js";
+import n from "./HeaderCell.module.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ui/HeaderCell/HeaderCell.tsx
+function o({ label: o, size: s = "md", checkbox: c = !1, checked: l, defaultChecked: u, indeterminate: d, onCheckedChange: f, align: p = "start", sortable: m = !1, sort: h, onSort: g, id: _ }) {
+	let v = r(), y = _ ?? v, b = o ? `Select all ${o}` : "Select all rows", x = h === "asc" ? "ChevronUp" : h === "desc" ? "ChevronDown" : "ChevronsUpDown", S = h === "asc" ? `Sort ${o ?? "column"} descending` : h === "desc" ? `Clear sort on ${o ?? "column"}` : `Sort ${o ?? "column"} ascending`, C = c && !o;
+	return /* @__PURE__ */ a("span", {
+		className: `${n.cell} ${n[s]} ${n[p]}${C ? ` ${n.checkboxOnly}` : ""}`,
+		children: [c ? /* @__PURE__ */ i(t, {
+			id: y,
+			size: "sm",
+			ariaLabel: b,
+			checked: l,
+			defaultChecked: u,
+			indeterminate: d,
+			onChange: f
+		}) : null, m && !c ? /* @__PURE__ */ a("button", {
+			type: "button",
+			className: n.sort,
+			onClick: g,
+			"aria-label": S,
+			children: [o ? /* @__PURE__ */ i("span", {
+				className: n.label,
+				children: o
+			}) : null, /* @__PURE__ */ i(e, {
+				name: x,
+				size: 14,
+				className: h ? n.sortIconActive : n.sortIcon
+			})]
+		}) : o ? /* @__PURE__ */ i("span", {
+			className: n.label,
+			children: o
+		}) : null]
+	});
+}
+//#endregion
+export { o as HeaderCell };
+
+//# sourceMappingURL=HeaderCell.js.map

package/dist/ui/HeaderCell/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","names":[],"sources":["../../../ui/HeaderCell/HeaderCell.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\nimport { Checkbox } from \"../Checkbox\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { HeaderCellProps } from \"./HeaderCell.types\";\nimport styles from \"./HeaderCell.module.css\";\n\nexport type {\n  HeaderCellProps,\n  HeaderCellSize,\n  HeaderCellAlign,\n  HeaderCellSort,\n} from \"./HeaderCell.types\";\n\nexport function HeaderCell({\n  label,\n  size = \"md\",\n  checkbox = false,\n  checked,\n  defaultChecked,\n  indeterminate,\n  onCheckedChange,\n  align = \"start\",\n  sortable = false,\n  sort,\n  onSort,\n  id,\n}: HeaderCellProps) {\n  const generatedId = useId();\n  const checkboxId = id ?? generatedId;\n  const aria = label ? `Select all ${label}` : \"Select all rows\";\n  const icon = sort === \"asc\" ? \"ChevronUp\" : sort === \"desc\" ? \"ChevronDown\" : \"ChevronsUpDown\";\n  const sortLabel =\n    sort === \"asc\"\n      ? `Sort ${label ?? \"column\"} descending`\n      : sort === \"desc\"\n        ? `Clear sort on ${label ?? \"column\"}`\n        : `Sort ${label ?? \"column\"} ascending`;\n  const checkboxOnly = checkbox && !label;\n\n  return (\n    <span\n      className={`${styles.cell} ${styles[size]} ${styles[align]}${checkboxOnly ? ` ${styles.checkboxOnly}` : \"\"}`}\n    >\n      {checkbox ? (\n        <Checkbox\n          id={checkboxId}\n          size=\"sm\"\n          ariaLabel={aria}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          indeterminate={indeterminate}\n          onChange={onCheckedChange}\n        />\n      ) : null}\n      {sortable && !checkbox ? (\n        <button type=\"button\" className={styles.sort} onClick={onSort} aria-label={sortLabel}>\n          {label ? <span className={styles.label}>{label}</span> : null}\n          <LucideByName\n            name={icon}\n            size={14}\n            className={sort ? styles.sortIconActive : styles.sortIcon}\n          />\n        </button>\n      ) : label ? (\n        <span className={styles.label}>{label}</span>\n      ) : null}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAW,EACzB,UACA,UAAO,MACP,cAAW,IACX,YACA,mBACA,kBACA,oBACA,WAAQ,SACR,cAAW,IACX,SACA,WACA,SACkB;CAClB,IAAM,IAAc,EAAM,GACpB,IAAa,KAAM,GACnB,IAAO,IAAQ,cAAc,MAAU,mBACvC,IAAO,MAAS,QAAQ,cAAc,MAAS,SAAS,gBAAgB,kBACxE,IACJ,MAAS,QACL,QAAQ,KAAS,SAAS,eAC1B,MAAS,SACP,iBAAiB,KAAS,aAC1B,QAAQ,KAAS,SAAS,aAC5B,IAAe,KAAY,CAAC;CAElC,OACE,kBAAC,QAAD;EACE,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,GAAM,GAAG,EAAO,KAAS,IAAe,IAAI,EAAO,iBAAiB;EAD1G,UAAA,CAGG,IACC,kBAAC,GAAD;GACE,IAAI;GACJ,MAAK;GACL,WAAW;GACF;GACO;GACD;GACf,UAAU;EACX,CAAA,IACC,MACH,KAAY,CAAC,IACZ,kBAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,EAAO;GAAM,SAAS;GAAQ,cAAY;GAA3E,UAAA,CACG,IAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAQ,UAAA;GAAY,CAAA,IAAI,MACzD,kBAAC,GAAD;IACE,MAAM;IACN,MAAM;IACN,WAAW,IAAO,EAAO,iBAAiB,EAAO;GAClD,CAAA,CACK;EACN,CAAA,IAAA,IACF,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAQ,UAAA;EAAY,CAAA,IAC1C,IACA;;AAEV"}

package/{ui → dist/ui}/HeaderCell/HeaderCell.module.css

@@ -1,4 +1,4 @@
-.cell {
+._cell_15c4n_1 {
   display: inline-flex;
   align-items: center;
   box-sizing: border-box;
@@ -8,37 +8,37 @@
   background-color: transparent;
 }
 
-.sm {
+._sm_15c4n_11 {
   min-height: 2.25rem;
   padding: var(--space-2) var(--space-4);
   gap: var(--space-2);
 }
 
-.md {
+._md_15c4n_17 {
   min-height: 2.75rem;
   padding: var(--space-2) var(--space-6);
   gap: var(--space-2);
 }
 
-.start {
+._start_15c4n_23 {
   justify-content: flex-start;
 }
 
-.end {
+._end_15c4n_27 {
   justify-content: flex-end;
 }
 
-.center {
+._center_15c4n_31 {
   justify-content: center;
 }
 
-.checkboxOnly {
+._checkboxOnly_15c4n_35 {
   width: auto;
   justify-content: center;
   padding-inline: 0;
 }
 
-.label {
+._label_15c4n_41 {
   min-width: 0;
   font-family: var(--font-sans);
   font-weight: var(--type-weight-label);
@@ -47,12 +47,12 @@
   overflow-wrap: anywhere;
 }
 
-.sm .label,
-.md .label {
+._sm_15c4n_11 ._label_15c4n_41,
+._md_15c4n_17 ._label_15c4n_41 {
   font-size: var(--type-size-caption);
 }
 
-.sort {
+._sort_15c4n_55 {
   display: inline-flex;
   align-items: center;
   justify-content: inherit;
@@ -69,17 +69,17 @@
   text-align: inherit;
 }
 
-.sort:focus-visible {
+._sort_15c4n_55:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.sortIcon {
+._sortIcon_15c4n_77 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.sortIconActive {
+._sortIconActive_15c4n_82 {
   flex-shrink: 0;
   color: var(--icon-primary);
 }

package/dist/ui/HeaderCell/HeaderCell.module.js

@@ -0,0 +1,19 @@
+import "./HeaderCell.module.css";
+//#region ui/HeaderCell/HeaderCell.module.css
+var e = "_cell_15c4n_1", t = "_sm_15c4n_11", n = "_md_15c4n_17", r = "_start_15c4n_23", i = "_end_15c4n_27", a = "_center_15c4n_31", o = "_checkboxOnly_15c4n_35", s = "_label_15c4n_41", c = "_sort_15c4n_55", l = "_sortIcon_15c4n_77", u = "_sortIconActive_15c4n_82", d = {
+	cell: e,
+	sm: t,
+	md: n,
+	start: r,
+	end: i,
+	center: a,
+	checkboxOnly: o,
+	label: s,
+	sort: c,
+	sortIcon: l,
+	sortIconActive: u
+};
+//#endregion
+export { e as cell, a as center, o as checkboxOnly, d as default, i as end, s as label, n as md, t as sm, c as sort, l as sortIcon, u as sortIconActive, r as start };
+
+//# sourceMappingURL=HeaderCell.module.js.map

package/dist/ui/HeaderCell/HeaderCell.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.module.js","names":[],"sources":["../../../ui/HeaderCell/HeaderCell.module.css"],"sourcesContent":[".cell {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: 0;\n  max-width: 100%;\n  width: 100%;\n  background-color: transparent;\n}\n\n.sm {\n  min-height: 2.25rem;\n  padding: var(--space-2) var(--space-4);\n  gap: var(--space-2);\n}\n\n.md {\n  min-height: 2.75rem;\n  padding: var(--space-2) var(--space-6);\n  gap: var(--space-2);\n}\n\n.start {\n  justify-content: flex-start;\n}\n\n.end {\n  justify-content: flex-end;\n}\n\n.center {\n  justify-content: center;\n}\n\n.checkboxOnly {\n  width: auto;\n  justify-content: center;\n  padding-inline: 0;\n}\n\n.label {\n  min-width: 0;\n  font-family: var(--font-sans);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n  overflow-wrap: anywhere;\n}\n\n.sm .label,\n.md .label {\n  font-size: var(--type-size-caption);\n}\n\n.sort {\n  display: inline-flex;\n  align-items: center;\n  justify-content: inherit;\n  gap: inherit;\n  min-width: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  color: inherit;\n  font: inherit;\n  text-align: inherit;\n}\n\n.sort:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.sortIcon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.sortIconActive {\n  flex-shrink: 0;\n  color: var(--icon-primary);\n}\n"],"mappings":""}

package/dist/ui/HeaderCell/HeaderCell.types.d.ts

@@ -0,0 +1,17 @@
+export type HeaderCellSize = "sm" | "md";
+export type HeaderCellAlign = "start" | "end" | "center";
+export type HeaderCellSort = "asc" | "desc";
+export interface HeaderCellProps {
+    label?: string;
+    size?: HeaderCellSize;
+    checkbox?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    align?: HeaderCellAlign;
+    sortable?: boolean;
+    sort?: HeaderCellSort;
+    onSort?: () => void;
+    id?: string;
+}

package/dist/ui/HeaderCell/index.d.ts

@@ -0,0 +1,2 @@
+export { HeaderCell } from './HeaderCell';
+export type { HeaderCellProps, HeaderCellSize, HeaderCellAlign, HeaderCellSort } from './HeaderCell.types';

package/dist/ui/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.types';
+export type { InputProps, InputSize, InputType } from './Input.types';
+export declare function Input({ id, type, size, placeholder, disabled, error, defaultValue, value, onChange, name, start, end, iconStart, iconEnd, demo, describedBy, ariaLabel, }: InputProps): import("react").JSX.Element;

package/dist/ui/Input/Input.js

@@ -0,0 +1,58 @@
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "../shared/controls.module.js";
+import n from "./Input.module.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ui/Input/Input.tsx
+var a = {
+	sm: 14,
+	md: 16,
+	lg: 18
+};
+function o({ id: o, type: s = "text", size: c = "md", placeholder: l, disabled: u = !1, error: d = !1, defaultValue: f, value: p, onChange: m, name: h, start: g, end: _, iconStart: v, iconEnd: y, demo: b, describedBy: x, ariaLabel: S }) {
+	let C = a[c];
+	return /* @__PURE__ */ i("div", {
+		className: `${t.control} ${c === "sm" ? t.controlSm : c === "lg" ? t.controlLg : t.controlMd} ${d ? t.controlError : ""} ${n.shell}`,
+		"data-disabled": u || void 0,
+		"data-demo": u ? void 0 : b,
+		children: [
+			/* @__PURE__ */ r(e, {
+				name: v,
+				size: C,
+				className: n.icon
+			}),
+			g ? /* @__PURE__ */ r("span", {
+				className: n.slot,
+				"aria-hidden": !0,
+				children: g
+			}) : null,
+			/* @__PURE__ */ r("input", {
+				id: o,
+				name: h,
+				type: s,
+				placeholder: l,
+				disabled: u,
+				value: p,
+				defaultValue: p === void 0 ? f : void 0,
+				onChange: (e) => m?.(e.target.value),
+				"aria-invalid": d || void 0,
+				"aria-label": S,
+				"aria-describedby": x,
+				className: n.native
+			}),
+			_ ? /* @__PURE__ */ r("span", {
+				className: n.slot,
+				"aria-hidden": !0,
+				children: _
+			}) : null,
+			/* @__PURE__ */ r(e, {
+				name: y,
+				size: C,
+				className: n.icon
+			})
+		]
+	});
+}
+//#endregion
+export { o as Input };
+
+//# sourceMappingURL=Input.js.map

package/dist/ui/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":[],"sources":["../../../ui/Input/Input.tsx"],"sourcesContent":["import { LucideByName } from \"../Button/lucideName\";\nimport type { InputProps } from \"./Input.types\";\nimport controlStyles from \"../shared/controls.module.css\";\nimport styles from \"./Input.module.css\";\n\nexport type { InputProps, InputSize, InputType } from \"./Input.types\";\n\nconst ICON_PX = { sm: 14, md: 16, lg: 18 } as const;\n\nexport function Input({\n  id,\n  type = \"text\",\n  size = \"md\",\n  placeholder,\n  disabled = false,\n  error = false,\n  defaultValue,\n  value,\n  onChange,\n  name,\n  start,\n  end,\n  iconStart,\n  iconEnd,\n  demo,\n  describedBy,\n  ariaLabel,\n}: InputProps) {\n  const iconPx = ICON_PX[size];\n\n  return (\n    <div\n      className={`${controlStyles.control} ${size === \"sm\" ? controlStyles.controlSm : size === \"lg\" ? controlStyles.controlLg : controlStyles.controlMd} ${error ? controlStyles.controlError : \"\"} ${styles.shell}`}\n      data-disabled={disabled || undefined}\n      data-demo={disabled ? undefined : demo}\n    >\n      <LucideByName name={iconStart} size={iconPx} className={styles.icon} />\n      {start ? (\n        <span className={styles.slot} aria-hidden>\n          {start}\n        </span>\n      ) : null}\n      <input\n        id={id}\n        name={name}\n        type={type}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        defaultValue={value === undefined ? defaultValue : undefined}\n        onChange={(event) => onChange?.(event.target.value)}\n        aria-invalid={error || undefined}\n        aria-label={ariaLabel}\n        aria-describedby={describedBy}\n        className={styles.native}\n      />\n      {end ? (\n        <span className={styles.slot} aria-hidden>\n          {end}\n        </span>\n      ) : null}\n      <LucideByName name={iconEnd} size={iconPx} className={styles.icon} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAU;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;AAAG;AAEzC,SAAgB,EAAM,EACpB,OACA,UAAO,QACP,UAAO,MACP,gBACA,cAAW,IACX,WAAQ,IACR,iBACA,UACA,aACA,SACA,UACA,QACA,cACA,YACA,SACA,gBACA,gBACa;CACb,IAAM,IAAS,EAAQ;CAEvB,OACE,kBAAC,OAAD;EACE,WAAW,GAAG,EAAc,QAAQ,GAAG,MAAS,OAAO,EAAc,YAAY,MAAS,OAAO,EAAc,YAAY,EAAc,UAAU,GAAG,IAAQ,EAAc,eAAe,GAAG,GAAG,EAAO;EACxM,iBAAe,KAAY,KAAA;EAC3B,aAAW,IAAW,KAAA,IAAY;EAHpC,UAAA;GAKE,kBAAC,GAAD;IAAc,MAAM;IAAW,MAAM;IAAQ,WAAW,EAAO;GAAO,CAAA;GACrE,IACC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAA;IAC3B,UAAA;GACG,CAAA,IACJ;GACJ,kBAAC,SAAD;IACM;IACE;IACA;IACO;IACH;IACH;IACP,cAAc,MAAU,KAAA,IAAY,IAAe,KAAA;IACnD,WAAW,MAAU,IAAW,EAAM,OAAO,KAAK;IAClD,gBAAc,KAAS,KAAA;IACvB,cAAY;IACZ,oBAAkB;IAClB,WAAW,EAAO;GACnB,CAAA;GACA,IACC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAA;IAC3B,UAAA;GACG,CAAA,IACJ;GACJ,kBAAC,GAAD;IAAc,MAAM;IAAS,MAAM;IAAQ,WAAW,EAAO;GAAO,CAAA;EACjE;;AAET"}

package/{ui → dist/ui}/Input/Input.module.css

@@ -1,35 +1,35 @@
-.shell {
+._shell_m5nr2_1 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-2);
   width: 100%;
 }
 
-.shell:hover:not([data-disabled]),
-.shell[data-demo="hover"]:not([data-disabled]) {
+._shell_m5nr2_1:hover:not([data-disabled]),
+._shell_m5nr2_1[data-demo="hover"]:not([data-disabled]) {
   border-color: var(--border-strong);
 }
 
-.shell:focus-within,
-.shell[data-demo="focus"] {
+._shell_m5nr2_1:focus-within,
+._shell_m5nr2_1[data-demo="focus"] {
   border-color: var(--border-focus);
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.shell.controlError:focus-within,
-.shell.controlError[data-demo="focus"] {
+._shell_m5nr2_1._controlError_m5nr2_20:focus-within,
+._shell_m5nr2_1._controlError_m5nr2_20[data-demo="focus"] {
   border-color: var(--status-danger);
   outline-color: var(--status-danger);
 }
 
-.shell[data-disabled] {
+._shell_m5nr2_1[data-disabled] {
   opacity: 0.5;
   cursor: not-allowed;
   background-color: var(--surface-muted);
 }
 
-.native {
+._native_m5nr2_32 {
   flex: 1;
   min-width: 0;
   width: 100%;
@@ -42,17 +42,17 @@
   outline: none;
 }
 
-.native:disabled {
+._native_m5nr2_32:disabled {
   cursor: not-allowed;
 }
 
-.slot {
+._slot_m5nr2_49 {
   flex-shrink: 0;
   color: var(--text-muted);
   line-height: 1;
 }
 
-.icon {
+._icon_m5nr2_55 {
   display: block;
   flex-shrink: 0;
   color: var(--icon-muted);

package/dist/ui/Input/Input.module.js

@@ -0,0 +1,13 @@
+import "./Input.module.css";
+//#region ui/Input/Input.module.css
+var e = "_shell_m5nr2_1", t = "_controlError_m5nr2_20", n = "_native_m5nr2_32", r = "_slot_m5nr2_49", i = "_icon_m5nr2_55", a = {
+	shell: e,
+	controlError: t,
+	native: n,
+	slot: r,
+	icon: i
+};
+//#endregion
+export { t as controlError, a as default, i as icon, n as native, e as shell, r as slot };
+
+//# sourceMappingURL=Input.module.js.map

package/dist/ui/Input/Input.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.js","names":[],"sources":["../../../ui/Input/Input.module.css"],"sourcesContent":[".shell {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  width: 100%;\n}\n\n.shell:hover:not([data-disabled]),\n.shell[data-demo=\"hover\"]:not([data-disabled]) {\n  border-color: var(--border-strong);\n}\n\n.shell:focus-within,\n.shell[data-demo=\"focus\"] {\n  border-color: var(--border-focus);\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.shell.controlError:focus-within,\n.shell.controlError[data-demo=\"focus\"] {\n  border-color: var(--status-danger);\n  outline-color: var(--status-danger);\n}\n\n.shell[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background-color: var(--surface-muted);\n}\n\n.native {\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: inherit;\n  color: inherit;\n  outline: none;\n}\n\n.native:disabled {\n  cursor: not-allowed;\n}\n\n.slot {\n  flex-shrink: 0;\n  color: var(--text-muted);\n  line-height: 1;\n}\n\n.icon {\n  display: block;\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n"],"mappings":""}

package/dist/ui/Input/Input.types.d.ts

@@ -0,0 +1,21 @@
+export type InputSize = "sm" | "md" | "lg";
+export type InputType = "text" | "email" | "password" | "search";
+export interface InputProps {
+    id: string;
+    type?: InputType;
+    size?: InputSize;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    start?: string;
+    end?: string;
+    iconStart?: string;
+    iconEnd?: string;
+    demo?: "hover" | "focus";
+    describedBy?: string;
+    ariaLabel?: string;
+}

package/dist/ui/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps, InputSize, InputType } from './Input.types';

package/dist/ui/InputOTP/InputOTP.d.ts

@@ -0,0 +1,3 @@
+import { InputOTPProps } from './InputOTP.types';
+export type { InputOTPProps, InputOTPSize, InputOTPPattern } from './InputOTP.types';
+export declare function InputOTP({ id, length, groups, size, disabled, error, value, defaultValue, onChange, onComplete, pattern, name, autoComplete, ariaLabel, }: InputOTPProps): import("react").JSX.Element;