@elmeragroup/fuse 0.1.0-canary.1

package/components/text-field/text-field-variants.d.ts

@@ -0,0 +1,115 @@
+//#region src/components/text-field/text-field-variants.d.ts
+/**
+ * PUBLIC slot recipe. Layout slots compose FieldFrame
+ * recipe slots so the documented names stay stable while the frame owns the defaults.
+ * No size axis — the inner Input pins the md field-box rung. The ref's unused textarea
+ * slot is omitted.
+ */
+export declare const textFieldVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    card: {
+      base: string;
+      fieldGroup: string;
+      input: string;
+      label: string;
+      container: string;
+      description: string;
+    };
+    inline: {
+      base: string;
+      fieldGroup: string;
+    };
+  };
+  hidden: {
+    true: {
+      base: string;
+    };
+  };
+  isIconActive: {
+    true: {
+      fieldGroup: string;
+      input: string;
+    };
+  };
+}, {
+  base: string;
+  fieldGroup: string;
+  input: string;
+  labelContainer: string;
+  label: string;
+  container: string;
+  description: string;
+  iconContainer: string;
+}, undefined, {
+  variant: {
+    card: {
+      base: string;
+      fieldGroup: string;
+      input: string;
+      label: string;
+      container: string;
+      description: string;
+    };
+    inline: {
+      base: string;
+      fieldGroup: string;
+    };
+  };
+  hidden: {
+    true: {
+      base: string;
+    };
+  };
+  isIconActive: {
+    true: {
+      fieldGroup: string;
+      input: string;
+    };
+  };
+}, {
+  base: string;
+  fieldGroup: string;
+  input: string;
+  labelContainer: string;
+  label: string;
+  container: string;
+  description: string;
+  iconContainer: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    card: {
+      base: string;
+      fieldGroup: string;
+      input: string;
+      label: string;
+      container: string;
+      description: string;
+    };
+    inline: {
+      base: string;
+      fieldGroup: string;
+    };
+  };
+  hidden: {
+    true: {
+      base: string;
+    };
+  };
+  isIconActive: {
+    true: {
+      fieldGroup: string;
+      input: string;
+    };
+  };
+}, {
+  base: string;
+  fieldGroup: string;
+  input: string;
+  labelContainer: string;
+  label: string;
+  container: string;
+  description: string;
+  iconContainer: string;
+}>>;
+//#endregion
+//# sourceMappingURL=text-field-variants.d.ts.map

package/components/text-field/text-field-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-variants.d.ts","names":[],"sources":["../../../src/components/text-field/text-field-variants.ts"],"mappings":";;;;;;;qBAca,+CAAiB;;IAaxB;MACE;MACA;MACA;MACA;MACA;MACA;;IAEF;MACE;MAMA;;;;IAKF;MACE;;;;IAIF;MACE;MACA"}

package/components/text-field/text-field-variants.js

@@ -0,0 +1,53 @@
+import { cn } from "../../styles/cn.js";
+import { cardVariants } from "../card/card-variants.js";
+import { fieldFrameVariants } from "../field/field-frame.js";
+import { tv } from "tailwind-variants";
+//#region src/components/text-field/text-field-variants.ts
+const frame = fieldFrameVariants();
+/**
+* PUBLIC slot recipe. Layout slots compose FieldFrame
+* recipe slots so the documented names stay stable while the frame owns the defaults.
+* No size axis — the inner Input pins the md field-box rung. The ref's unused textarea
+* slot is omitted.
+*/
+const textFieldVariants = tv({
+	slots: {
+		base: frame.root(),
+		fieldGroup: "w-auto",
+		input: "",
+		labelContainer: frame.labelRow(),
+		label: "",
+		container: frame.content(),
+		description: frame.description(),
+		iconContainer: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 [&>svg]:size-4"
+	},
+	variants: {
+		variant: {
+			card: {
+				base: cn(cardVariants().base(), "gap-0 px-6 py-4"),
+				fieldGroup: "w-full border-none",
+				input: "text-lg rounded-none border-none p-0",
+				label: "text-muted-foreground",
+				container: "flex flex-row items-center gap-3",
+				description: "text-muted-foreground"
+			},
+			inline: {
+				base: "group/inline-field",
+				fieldGroup: "border-transparent bg-transparent group-focus-within/inline-field:bg-background group-hover/inline-field:not-disabled-state:border-input group-hover/inline-field:not-disabled-state:bg-background group-data-[invalid]/inline-field:border-error group-data-[invalid]/inline-field:bg-background focus-visible:border-ring"
+			}
+		},
+		hidden: { true: { base: "hidden" } },
+		isIconActive: { true: {
+			fieldGroup: "relative",
+			input: "truncate overflow-hidden pr-10 whitespace-nowrap"
+		} }
+	},
+	defaultVariants: {
+		hidden: false,
+		isIconActive: false
+	}
+});
+//#endregion
+export { textFieldVariants };
+
+//# sourceMappingURL=text-field-variants.js.map

package/components/text-field/text-field-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-variants.js","names":[],"sources":["../../../src/components/text-field/text-field-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { cardVariants } from \"../card/card-variants\";\nimport { fieldFrameVariants } from \"../field/field-frame\";\n\nconst frame = fieldFrameVariants();\n\n/**\n * PUBLIC slot recipe. Layout slots compose FieldFrame\n * recipe slots so the documented names stay stable while the frame owns the defaults.\n * No size axis — the inner Input pins the md field-box rung. The ref's unused textarea\n * slot is omitted.\n */\nexport const textFieldVariants = tv({\n  slots: {\n    base: frame.root(),\n    fieldGroup: \"w-auto\",\n    input: \"\",\n    labelContainer: frame.labelRow(),\n    label: \"\",\n    container: frame.content(),\n    description: frame.description(),\n    iconContainer: \"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 [&>svg]:size-4\",\n  },\n  variants: {\n    variant: {\n      card: {\n        base: cn(cardVariants().base(), \"gap-0 px-6 py-4\"),\n        fieldGroup: \"w-full border-none\",\n        input: \"text-lg rounded-none border-none p-0\",\n        label: \"text-muted-foreground\",\n        container: \"flex flex-row items-center gap-3\",\n        description: \"text-muted-foreground\",\n      },\n      inline: {\n        base: \"group/inline-field\",\n        // The input is the whole control, so the wrapper's hover repaints it only while it is\n        // enabled: a disabled inline field keeps its resting border and fill (the state face).\n        // The gate negates fuse.css's one `disabled-state` predicate. `not-disabled-state:`\n        // adds no specificity and sorts with the `not-*` variants ahead of `focus-visible:`,\n        // so `focus-visible:border-ring` still wins on a hovered, focused field.\n        fieldGroup:\n          \"border-transparent bg-transparent group-focus-within/inline-field:bg-background group-hover/inline-field:not-disabled-state:border-input group-hover/inline-field:not-disabled-state:bg-background group-data-[invalid]/inline-field:border-error group-data-[invalid]/inline-field:bg-background focus-visible:border-ring\",\n      },\n    },\n    hidden: {\n      true: {\n        base: \"hidden\",\n      },\n    },\n    isIconActive: {\n      true: {\n        fieldGroup: \"relative\",\n        input: \"truncate overflow-hidden pr-10 whitespace-nowrap\",\n      },\n    },\n  },\n  defaultVariants: {\n    hidden: false,\n    isIconActive: false,\n  },\n});\n"],"mappings":";;;;;AAMA,MAAM,QAAQ,mBAAmB;;;;;;;AAQjC,MAAa,oBAAoB,GAAG;CAClC,OAAO;EACL,MAAM,MAAM,KAAK;EACjB,YAAY;EACZ,OAAO;EACP,gBAAgB,MAAM,SAAS;EAC/B,OAAO;EACP,WAAW,MAAM,QAAQ;EACzB,aAAa,MAAM,YAAY;EAC/B,eAAe;CACjB;CACA,UAAU;EACR,SAAS;GACP,MAAM;IACJ,MAAM,GAAG,aAAa,CAAC,CAAC,KAAK,GAAG,iBAAiB;IACjD,YAAY;IACZ,OAAO;IACP,OAAO;IACP,WAAW;IACX,aAAa;GACf;GACA,QAAQ;IACN,MAAM;IAMN,YACE;GACJ;EACF;EACA,QAAQ,EACN,MAAM,EACJ,MAAM,SACR,EACF;EACA,cAAc,EACZ,MAAM;GACJ,YAAY;GACZ,OAAO;EACT,EACF;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,cAAc;CAChB;AACF,CAAC"}

package/components/text-field/text-field.d.ts

@@ -0,0 +1,58 @@
+import { ComponentProps, ReactElement, ReactNode } from "react";
+//#region src/components/text-field/text-field.d.ts
+export type TextFieldProps = {
+  /** Visible label, rendered as `Field.Label`. */
+  label?: string;
+  /** Supporting copy, rendered as `Field.Description`. */
+  description?: string;
+  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */
+  errorMessage?: ReactNode;
+  /** Controlled value. */
+  value?: string;
+  /** Uncontrolled initial value. `null` is coerced to `undefined` before reaching the input. */
+  defaultValue?: string | null;
+  /** Called with the string value, not the native event. */
+  onChange?: (value: string) => void;
+  /** Native `name` forwarded to the inner input. */
+  name?: string;
+  /** Native `placeholder` forwarded to the inner input. */
+  placeholder?: string;
+  /** Hides the root via the recipe and the inner input via the native `hidden` attribute. */
+  hidden?: boolean;
+  /** Forwards `readOnly` to the inner input. */
+  isReadOnly?: boolean;
+  /** Forwards `disabled` to `Field.Root` and the inner input. */
+  isDisabled?: boolean;
+  /** Forwards `invalid` to `Field.Root`. */
+  isInvalid?: boolean;
+  /** Forwards `required` to the inner input. */
+  isRequired?: boolean;
+  /** Shows a spinner in the label row. Forces that row to exist even without `label`. */
+  isPending?: boolean;
+  /** Shows a check in the label row and wins the crossfade over `isPending`. */
+  isSuccess?: boolean;
+  /** Trailing inline icon. Activates the `isIconActive` recipe axis. */
+  icon?: ReactNode;
+  /**
+   * Digits-only guard (absorbs the external numeric-only wrapper). Non-digit characters are
+   * stripped from every path — typing, paste, autofill — so only digits reach `onChange`.
+   * Sets `inputMode="numeric"` unless the caller passes `inputMode` explicitly. An
+   * uncontrolled numeric field restores its `defaultValue` on native form reset without
+   * calling `onChange`.
+   */
+  filter?: "numeric";
+  /** `card` composes `cardVariants`; `inline` restyles the input chrome. Unset is the plain Input. */
+  variant?: "card" | "inline";
+  /** Extra classes, merged onto the root via `cn`. */
+  className?: string;
+} & Omit<ComponentProps<"input">, "value" | "defaultValue" | "onChange" | "name" | "className" | "disabled" | "readOnly" | "required">;
+/**
+ * Labeled single-line field composite over Field and Input. Client component, because its
+ * change handler normalizes numeric input.
+ */
+export declare function TextField({ label, description, errorMessage, value, defaultValue, onChange, name, placeholder, hidden, isReadOnly, isDisabled, isInvalid, isRequired, isPending, isSuccess, icon, filter, variant, className, inputMode, ...props }: TextFieldProps): ReactElement;
+export declare namespace TextField {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=text-field.d.ts.map

package/components/text-field/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","names":[],"sources":["../../../src/components/text-field/text-field.tsx"],"mappings":";;YAWY;;EAEV;;EAEA;;EAEA,eAAe;;EAEf;;EAEA;;EAEA,YAAY;;EAEZ;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,OAAO;;;;;;;;EAQP;;EAEA;;EAEA;IACE,KACF;;;;;wBA0Bc,YACd,OACA,aACA,cACA,OACA,cACA,UACA,MACA,aACA,QACA,YACA,YACA,WACA,YACA,WACA,WACA,MACA,QACA,SACA,WACA,cACG,SACF,iBAAiB;yBAtBJ;MAAA"}

package/components/text-field/text-field.js

@@ -0,0 +1,91 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { FieldFrame } from "../field/field-frame.js";
+import { Input } from "../input/input.js";
+import { textFieldVariants } from "./text-field-variants.js";
+import { isThemeDevelopment } from "../../theme/validate-theme.js";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/text-field/text-field.tsx
+/** One normalizer for the warning guards and the change handler, so they cannot drift. */
+function stripNonDigits(value) {
+	return value.replace(/\D/g, "");
+}
+function containsOnlyDigits(value) {
+	return stripNonDigits(value) === value;
+}
+function warnIfNotNumeric(prop, value) {
+	if (!isThemeDevelopment()) return;
+	if (value && !containsOnlyDigits(value)) console.warn(`TextField: ${prop} is not a number`);
+}
+/**
+* Labeled single-line field composite over Field and Input. Client component, because its
+* change handler normalizes numeric input.
+*/
+function TextField({ label, description, errorMessage, value, defaultValue, onChange, name, placeholder, hidden = false, isReadOnly = false, isDisabled = false, isInvalid = false, isRequired = false, isPending = false, isSuccess = false, icon, filter, variant, className, inputMode, ...props }) {
+	const isNumeric = filter === "numeric";
+	useEffect(() => {
+		if (!isNumeric) return;
+		warnIfNotNumeric("defaultValue", defaultValue);
+		warnIfNotNumeric("value", value);
+	}, [
+		isNumeric,
+		defaultValue,
+		value
+	]);
+	const { base, input, fieldGroup, iconContainer, label: labelSlot, container, description: descriptionSlot } = textFieldVariants({
+		variant,
+		hidden,
+		isIconActive: Boolean(icon)
+	});
+	function handleChange(event) {
+		const next = event.currentTarget.value;
+		if (!isNumeric) {
+			onChange?.(next);
+			return;
+		}
+		const digits = stripNonDigits(next);
+		if (digits !== next) event.currentTarget.value = digits;
+		onChange?.(digits);
+	}
+	return /* @__PURE__ */ jsx(FieldFrame, {
+		className: cn(base(), className),
+		classNames: {
+			label: labelSlot() || void 0,
+			content: container(),
+			description: descriptionSlot() || void 0
+		},
+		invalid: isInvalid,
+		disabled: isDisabled,
+		label,
+		isPending,
+		isSuccess,
+		description,
+		errorMessage,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx(Input, {
+				name,
+				value,
+				defaultValue: defaultValue ?? void 0,
+				onChange: handleChange,
+				placeholder,
+				inputMode: inputMode ?? (isNumeric ? "numeric" : void 0),
+				className: cn(input(), variant ? fieldGroup() : null),
+				...props,
+				readOnly: isReadOnly,
+				required: isRequired,
+				hidden,
+				disabled: isDisabled
+			}), icon ? /* @__PURE__ */ jsx("div", {
+				className: iconContainer(),
+				children: icon
+			}) : null]
+		})
+	});
+}
+TextField.displayName = "TextField";
+//#endregion
+export { TextField };
+
+//# sourceMappingURL=text-field.js.map

package/components/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","names":[],"sources":["../../../src/components/text-field/text-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport type { ChangeEvent, ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { cn } from \"../../styles/cn\";\nimport { isThemeDevelopment } from \"../../theme/validate-theme\";\nimport { FieldFrame } from \"../field/field-frame\";\nimport { Input } from \"../input/input\";\nimport { textFieldVariants } from \"./text-field-variants\";\n\nexport type TextFieldProps = {\n  /** Visible label, rendered as `Field.Label`. */\n  label?: string;\n  /** Supporting copy, rendered as `Field.Description`. */\n  description?: string;\n  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */\n  errorMessage?: ReactNode;\n  /** Controlled value. */\n  value?: string;\n  /** Uncontrolled initial value. `null` is coerced to `undefined` before reaching the input. */\n  defaultValue?: string | null;\n  /** Called with the string value, not the native event. */\n  onChange?: (value: string) => void;\n  /** Native `name` forwarded to the inner input. */\n  name?: string;\n  /** Native `placeholder` forwarded to the inner input. */\n  placeholder?: string;\n  /** Hides the root via the recipe and the inner input via the native `hidden` attribute. */\n  hidden?: boolean;\n  /** Forwards `readOnly` to the inner input. */\n  isReadOnly?: boolean;\n  /** Forwards `disabled` to `Field.Root` and the inner input. */\n  isDisabled?: boolean;\n  /** Forwards `invalid` to `Field.Root`. */\n  isInvalid?: boolean;\n  /** Forwards `required` to the inner input. */\n  isRequired?: boolean;\n  /** Shows a spinner in the label row. Forces that row to exist even without `label`. */\n  isPending?: boolean;\n  /** Shows a check in the label row and wins the crossfade over `isPending`. */\n  isSuccess?: boolean;\n  /** Trailing inline icon. Activates the `isIconActive` recipe axis. */\n  icon?: ReactNode;\n  /**\n   * Digits-only guard (absorbs the external numeric-only wrapper). Non-digit characters are\n   * stripped from every path — typing, paste, autofill — so only digits reach `onChange`.\n   * Sets `inputMode=\"numeric\"` unless the caller passes `inputMode` explicitly. An\n   * uncontrolled numeric field restores its `defaultValue` on native form reset without\n   * calling `onChange`.\n   */\n  filter?: \"numeric\";\n  /** `card` composes `cardVariants`; `inline` restyles the input chrome. Unset is the plain Input. */\n  variant?: \"card\" | \"inline\";\n  /** Extra classes, merged onto the root via `cn`. */\n  className?: string;\n} & Omit<\n  ComponentProps<\"input\">,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"name\" | \"className\" | \"disabled\" | \"readOnly\" | \"required\"\n>;\n\n/** One normalizer for the warning guards and the change handler, so they cannot drift. */\nfunction stripNonDigits(value: string): string {\n  return value.replace(/\\D/g, \"\");\n}\n\nfunction containsOnlyDigits(value: string): boolean {\n  return stripNonDigits(value) === value;\n}\n\nfunction warnIfNotNumeric(prop: \"value\" | \"defaultValue\", value: string | null | undefined): void {\n  if (!isThemeDevelopment()) {\n    return;\n  }\n  if (value && !containsOnlyDigits(value)) {\n    console.warn(`TextField: ${prop} is not a number`);\n  }\n}\n\n/**\n * Labeled single-line field composite over Field and Input. Client component, because its\n * change handler normalizes numeric input.\n */\nexport function TextField({\n  label,\n  description,\n  errorMessage,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  placeholder,\n  hidden = false,\n  isReadOnly = false,\n  isDisabled = false,\n  isInvalid = false,\n  isRequired = false,\n  isPending = false,\n  isSuccess = false,\n  icon,\n  filter,\n  variant,\n  className,\n  inputMode,\n  ...props\n}: TextFieldProps): ReactElement {\n  const isNumeric = filter === \"numeric\";\n\n  useEffect(() => {\n    if (!isNumeric) {\n      return;\n    }\n    warnIfNotNumeric(\"defaultValue\", defaultValue);\n    warnIfNotNumeric(\"value\", value);\n  }, [isNumeric, defaultValue, value]);\n\n  const {\n    base,\n    input,\n    fieldGroup,\n    iconContainer,\n    label: labelSlot,\n    container,\n    description: descriptionSlot,\n  } = textFieldVariants({\n    variant,\n    hidden,\n    isIconActive: Boolean(icon),\n  });\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n    const next = event.currentTarget.value;\n    if (!isNumeric) {\n      onChange?.(next);\n      return;\n    }\n    const digits = stripNonDigits(next);\n    if (digits !== next) {\n      // Hand the digits back to the input so an uncontrolled field drops the rejected\n      // characters even when the caller has no `onChange` to re-render it.\n      event.currentTarget.value = digits;\n    }\n    onChange?.(digits);\n  }\n\n  return (\n    <FieldFrame\n      className={cn(base(), className)}\n      classNames={{\n        label: labelSlot() || undefined,\n        content: container(),\n        description: descriptionSlot() || undefined,\n      }}\n      invalid={isInvalid}\n      disabled={isDisabled}\n      label={label}\n      isPending={isPending}\n      isSuccess={isSuccess}\n      description={description}\n      errorMessage={errorMessage}>\n      <div className=\"relative\">\n        <Input\n          name={name}\n          value={value}\n          defaultValue={defaultValue ?? undefined}\n          onChange={handleChange}\n          placeholder={placeholder}\n          inputMode={inputMode ?? (isNumeric ? \"numeric\" : undefined)}\n          // fieldGroup's default would override the input's w-full.\n          className={cn(input(), variant ? fieldGroup() : null)}\n          {...props}\n          readOnly={isReadOnly}\n          required={isRequired}\n          hidden={hidden}\n          disabled={isDisabled}\n        />\n        {icon ? <div className={iconContainer()}>{icon}</div> : null}\n      </div>\n    </FieldFrame>\n  );\n}\n\nTextField.displayName = \"TextField\";\n"],"mappings":";;;;;;;;;;AA8DA,SAAS,eAAe,OAAuB;CAC7C,OAAO,MAAM,QAAQ,OAAO,EAAE;AAChC;AAEA,SAAS,mBAAmB,OAAwB;CAClD,OAAO,eAAe,KAAK,MAAM;AACnC;AAEA,SAAS,iBAAiB,MAAgC,OAAwC;CAChG,IAAI,CAAC,mBAAmB,GACtB;CAEF,IAAI,SAAS,CAAC,mBAAmB,KAAK,GACpC,QAAQ,KAAK,cAAc,KAAK,iBAAiB;AAErD;;;;;AAMA,SAAgB,UAAU,EACxB,OACA,aACA,cACA,OACA,cACA,UACA,MACA,aACA,SAAS,OACT,aAAa,OACb,aAAa,OACb,YAAY,OACZ,aAAa,OACb,YAAY,OACZ,YAAY,OACZ,MACA,QACA,SACA,WACA,WACA,GAAG,SAC4B;CAC/B,MAAM,YAAY,WAAW;CAE7B,gBAAgB;EACd,IAAI,CAAC,WACH;EAEF,iBAAiB,gBAAgB,YAAY;EAC7C,iBAAiB,SAAS,KAAK;CACjC,GAAG;EAAC;EAAW;EAAc;CAAK,CAAC;CAEnC,MAAM,EACJ,MACA,OACA,YACA,eACA,OAAO,WACP,WACA,aAAa,oBACX,kBAAkB;EACpB;EACA;EACA,cAAc,QAAQ,IAAI;CAC5B,CAAC;CAED,SAAS,aAAa,OAA4C;EAChE,MAAM,OAAO,MAAM,cAAc;EACjC,IAAI,CAAC,WAAW;GACd,WAAW,IAAI;GACf;EACF;EACA,MAAM,SAAS,eAAe,IAAI;EAClC,IAAI,WAAW,MAGb,MAAM,cAAc,QAAQ;EAE9B,WAAW,MAAM;CACnB;CAEA,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,KAAK,GAAG,SAAS;EAC/B,YAAY;GACV,OAAO,UAAU,KAAK,KAAA;GACtB,SAAS,UAAU;GACnB,aAAa,gBAAgB,KAAK,KAAA;EACpC;EACA,SAAS;EACT,UAAU;EACH;EACI;EACA;EACE;EACC;EACd,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,OAAD;IACQ;IACC;IACP,cAAc,gBAAgB,KAAA;IAC9B,UAAU;IACG;IACb,WAAW,cAAc,YAAY,YAAY,KAAA;IAEjD,WAAW,GAAG,MAAM,GAAG,UAAU,WAAW,IAAI,IAAI;IACpD,GAAI;IACJ,UAAU;IACV,UAAU;IACF;IACR,UAAU;GACX,CAAA,GACA,OAAO,oBAAC,OAAD;IAAK,WAAW,cAAc;IAAI,UAAA;GAAU,CAAA,IAAI,IACrD;;CACK,CAAA;AAEhB;AAEA,UAAU,cAAc"}

package/components/textarea/textarea.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, ReactElement } from "react";
+//#region src/components/textarea/textarea.d.ts
+export type TextareaProps = ComponentProps<"textarea">;
+export declare function Textarea({ className, ...props }: TextareaProps): ReactElement;
+export declare namespace Textarea {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=textarea.d.ts.map

package/components/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../../src/components/textarea/textarea.tsx"],"mappings":";;YAKY,gBAAgB;wBAEZ,WAAW,cAAc,SAAS,gBAAgB;yBAAlD;MAAA"}

package/components/textarea/textarea.js

@@ -0,0 +1,16 @@
+import { cn } from "../../styles/cn.js";
+import { fieldBox } from "../../styles/field-box.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/textarea/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn(fieldBox({ box: "content" }), "flex field-sizing-content", className),
+		...props
+	});
+}
+Textarea.displayName = "Textarea";
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/components/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import type { ComponentProps, ReactElement } from \"react\";\n\nimport { cn } from \"../../styles/cn\";\nimport { fieldBox } from \"../../styles/field-box\";\n\nexport type TextareaProps = ComponentProps<\"textarea\">;\n\nexport function Textarea({ className, ...props }: TextareaProps): ReactElement {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(fieldBox({ box: \"content\" }), \"flex field-sizing-content\", className)}\n      {...props}\n    />\n  );\n}\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;AAOA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAsC;CAC7E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GAAG,SAAS,EAAE,KAAK,UAAU,CAAC,GAAG,6BAA6B,SAAS;EAClF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc"}

package/components/textarea-field/textarea-field.d.ts

@@ -0,0 +1,40 @@
+import { Textarea } from "../textarea/textarea.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+//#region src/components/textarea-field/textarea-field.d.ts
+export type TextareaFieldProps = {
+  /** Visible label, rendered as `Field.Label`. */
+  label?: string;
+  /** Supporting copy, rendered as `Field.Description`. */
+  description?: string;
+  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */
+  errorMessage?: ReactNode;
+  /** Controlled value. */
+  value?: string;
+  /** Uncontrolled initial value, restored with its counter by native form reset. */
+  defaultValue?: string;
+  /** Called with the string value, not the native event. */
+  onChange?: (value: string) => void;
+  /** Native `maxLength`, also drives the `current/max` character counter. `0` is set. */
+  maxLength?: number;
+  /** Forwards `required` to the inner textarea. */
+  isRequired?: boolean;
+  /** Forwards `invalid` to `Field.Root`. */
+  isInvalid?: boolean;
+  /** Forwards `disabled` to `Field.Root` and the inner textarea. */
+  isDisabled?: boolean;
+  /** Extra classes, merged onto the root via `cn`. */
+  className?: string;
+  /** Extra classes, merged onto the inner `Textarea`. */
+  textareaClassName?: string;
+} & Omit<ComponentProps<typeof Textarea>, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "className">;
+/**
+ * Labeled multiline field composite over Field + Textarea.
+ * Client — it owns the uncontrolled counter length and the value-not-event change
+ * handler.
+ */
+export declare function TextareaField({ label, description, errorMessage, value, defaultValue, onChange, maxLength, isRequired, isInvalid, isDisabled, className, textareaClassName, ref, ...props }: TextareaFieldProps): ReactElement;
+export declare namespace TextareaField {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=textarea-field.d.ts.map

package/components/textarea-field/textarea-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.d.ts","names":[],"sources":["../../../src/components/textarea-field/textarea-field.tsx"],"mappings":";;;YAWY;;EAEV;;EAEA;;EAEA,eAAe;;EAEf;;EAEA;;EAEA,YAAY;;EAEZ;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;IACE,KACF,sBAAsB;;;;;;wBASR,gBACd,OACA,aACA,cACA,OACA,cACA,UACA,WACA,YACA,WACA,YACA,WACA,mBACA,QACG,SACF,qBAAqB;yBAfR;MAAA"}

package/components/textarea-field/textarea-field.js

@@ -0,0 +1,64 @@
+"use client";
+import { useMergedRefs } from "../../hooks/use-merged-refs.js";
+import { FieldControl } from "../field/field.js";
+import { FieldFrame } from "../field/field-frame.js";
+import { Textarea } from "../textarea/textarea.js";
+import { useFormReset } from "../../hooks/use-form-reset.js";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/textarea-field/textarea-field.tsx
+/**
+* Labeled multiline field composite over Field + Textarea.
+* Client — it owns the uncontrolled counter length and the value-not-event change
+* handler.
+*/
+function TextareaField({ label, description, errorMessage, value, defaultValue, onChange, maxLength, isRequired = false, isInvalid = false, isDisabled = false, className, textareaClassName, ref, ...props }) {
+	const isControlled = value !== void 0;
+	const [uncontrolledLength, setUncontrolledLength] = useState(() => (defaultValue ?? "").length);
+	const textareaRef = useRef(null);
+	const mergedRef = useMergedRefs(ref, textareaRef);
+	useFormReset(textareaRef, isControlled ? null : () => {
+		setUncontrolledLength(textareaRef.current?.value.length ?? 0);
+	});
+	const currentLength = value === void 0 ? uncontrolledLength : value.length;
+	const controlProps = props;
+	function handleValueChange(next) {
+		if (!isControlled) setUncontrolledLength(next.length);
+		onChange?.(next);
+	}
+	return /* @__PURE__ */ jsx(FieldFrame, {
+		invalid: isInvalid,
+		disabled: isDisabled,
+		label,
+		className,
+		classNames: { labelRow: "gap-2" },
+		status: maxLength === void 0 ? void 0 : /* @__PURE__ */ jsxs("span", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				currentLength,
+				"/",
+				maxLength
+			]
+		}),
+		description,
+		errorMessage,
+		children: /* @__PURE__ */ jsx(FieldControl, {
+			value,
+			defaultValue: isControlled ? void 0 : defaultValue,
+			onValueChange: handleValueChange,
+			maxLength,
+			required: isRequired,
+			disabled: isDisabled,
+			...controlProps,
+			render: /* @__PURE__ */ jsx(Textarea, {
+				ref: mergedRef,
+				className: textareaClassName
+			})
+		})
+	});
+}
+TextareaField.displayName = "TextareaField";
+//#endregion
+export { TextareaField };
+
+//# sourceMappingURL=textarea-field.js.map

package/components/textarea-field/textarea-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.js","names":[],"sources":["../../../src/components/textarea-field/textarea-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState } from \"react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { useFormReset } from \"../../hooks/use-form-reset\";\nimport { useMergedRefs } from \"../../hooks/use-merged-refs\";\nimport { FieldControl } from \"../field/field\";\nimport { FieldFrame } from \"../field/field-frame\";\nimport { Textarea } from \"../textarea/textarea\";\n\nexport type TextareaFieldProps = {\n  /** Visible label, rendered as `Field.Label`. */\n  label?: string;\n  /** Supporting copy, rendered as `Field.Description`. */\n  description?: string;\n  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */\n  errorMessage?: ReactNode;\n  /** Controlled value. */\n  value?: string;\n  /** Uncontrolled initial value, restored with its counter by native form reset. */\n  defaultValue?: string;\n  /** Called with the string value, not the native event. */\n  onChange?: (value: string) => void;\n  /** Native `maxLength`, also drives the `current/max` character counter. `0` is set. */\n  maxLength?: number;\n  /** Forwards `required` to the inner textarea. */\n  isRequired?: boolean;\n  /** Forwards `invalid` to `Field.Root`. */\n  isInvalid?: boolean;\n  /** Forwards `disabled` to `Field.Root` and the inner textarea. */\n  isDisabled?: boolean;\n  /** Extra classes, merged onto the root via `cn`. */\n  className?: string;\n  /** Extra classes, merged onto the inner `Textarea`. */\n  textareaClassName?: string;\n} & Omit<\n  ComponentProps<typeof Textarea>,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"disabled\" | \"required\" | \"className\"\n>;\n\n/**\n * Labeled multiline field composite over Field + Textarea.\n * Client — it owns the uncontrolled counter length and the value-not-event change\n * handler.\n */\nexport function TextareaField({\n  label,\n  description,\n  errorMessage,\n  value,\n  defaultValue,\n  onChange,\n  maxLength,\n  isRequired = false,\n  isInvalid = false,\n  isDisabled = false,\n  className,\n  textareaClassName,\n  ref,\n  ...props\n}: TextareaFieldProps): ReactElement {\n  const isControlled = value !== undefined;\n  const [uncontrolledLength, setUncontrolledLength] = useState(() => (defaultValue ?? \"\").length);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedRef = useMergedRefs(ref, textareaRef);\n  useFormReset(\n    textareaRef,\n    isControlled\n      ? null\n      : () => {\n          setUncontrolledLength(textareaRef.current?.value.length ?? 0);\n        }\n  );\n  const currentLength = value === undefined ? uncontrolledLength : value.length;\n  // SAFETY: Base UI types Field.Control's props for an <input>. It forwards every prop to\n  // the rendered Textarea, so textarea-only attributes such as rows, cols and wrap, and\n  // each handler's textarea event, reach the element their types describe.\n  const controlProps = props as ComponentProps<typeof FieldControl>;\n\n  function handleValueChange(next: string): void {\n    if (!isControlled) {\n      setUncontrolledLength(next.length);\n    }\n    onChange?.(next);\n  }\n\n  return (\n    <FieldFrame\n      invalid={isInvalid}\n      disabled={isDisabled}\n      label={label}\n      className={className}\n      classNames={{ labelRow: \"gap-2\" }}\n      status={\n        maxLength === undefined ? undefined : (\n          <span className=\"text-xs text-muted-foreground\">\n            {currentLength}/{maxLength}\n          </span>\n        )\n      }\n      description={description}\n      errorMessage={errorMessage}>\n      {/* State goes on the part: render-element props would beat a disabled Field.Set. */}\n      <FieldControl\n        value={value}\n        defaultValue={isControlled ? undefined : defaultValue}\n        onValueChange={handleValueChange}\n        maxLength={maxLength}\n        required={isRequired}\n        disabled={isDisabled}\n        {...controlProps}\n        render={<Textarea ref={mergedRef} className={textareaClassName} />}\n      />\n    </FieldFrame>\n  );\n}\n\nTextareaField.displayName = \"TextareaField\";\n"],"mappings":";;;;;;;;;;;;;;AA8CA,SAAgB,cAAc,EAC5B,OACA,aACA,cACA,OACA,cACA,UACA,WACA,aAAa,OACb,YAAY,OACZ,aAAa,OACb,WACA,mBACA,KACA,GAAG,SACgC;CACnC,MAAM,eAAe,UAAU,KAAA;CAC/B,MAAM,CAAC,oBAAoB,yBAAyB,gBAAgB,gBAAgB,GAAA,CAAI,MAAM;CAC9F,MAAM,cAAc,OAA4B,IAAI;CACpD,MAAM,YAAY,cAAc,KAAK,WAAW;CAChD,aACE,aACA,eACI,aACM;EACJ,sBAAsB,YAAY,SAAS,MAAM,UAAU,CAAC;CAC9D,CACN;CACA,MAAM,gBAAgB,UAAU,KAAA,IAAY,qBAAqB,MAAM;CAIvE,MAAM,eAAe;CAErB,SAAS,kBAAkB,MAAoB;EAC7C,IAAI,CAAC,cACH,sBAAsB,KAAK,MAAM;EAEnC,WAAW,IAAI;CACjB;CAEA,OACE,oBAAC,YAAD;EACE,SAAS;EACT,UAAU;EACH;EACI;EACX,YAAY,EAAE,UAAU,QAAQ;EAChC,QACE,cAAc,KAAA,IAAY,KAAA,IACxB,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACG;IAAc;IAAE;GACb;;EAGG;EACC;EAEd,UAAA,oBAAC,cAAD;GACS;GACP,cAAc,eAAe,KAAA,IAAY;GACzC,eAAe;GACJ;GACX,UAAU;GACV,UAAU;GACV,GAAI;GACJ,QAAQ,oBAAC,UAAD;IAAU,KAAK;IAAW,WAAW;GAAoB,CAAA;EAClE,CAAA;CACS,CAAA;AAEhB;AAEA,cAAc,cAAc"}

package/components/timeline-list/timeline-list-variants.d.ts

@@ -0,0 +1,58 @@
+//#region src/components/timeline-list/timeline-list-variants.d.ts
+export declare const timelineListVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: {
+      description?: import("tailwind-variants").ClassValue;
+      dot?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      time?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {
+  [x: string]: {
+    [x: string]: {
+      description?: import("tailwind-variants").ClassValue;
+      dot?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      time?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {}, {
+  root: string;
+  item: string;
+  dot: string;
+  title: string;
+  time: string;
+  description: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: {
+      description?: import("tailwind-variants").ClassValue;
+      dot?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      time?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {}, {
+  root: string;
+  item: string;
+  dot: string;
+  title: string;
+  time: string;
+  description: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  item: string;
+  dot: string;
+  title: string;
+  time: string;
+  description: string;
+}>>;
+//#endregion
+//# sourceMappingURL=timeline-list-variants.d.ts.map

package/components/timeline-list/timeline-list-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-list-variants.d.ts","names":[],"sources":["../../../src/components/timeline-list/timeline-list-variants.ts"],"mappings":";qBAUa,kDAAoB"}

package/components/timeline-list/timeline-list-variants.js

@@ -0,0 +1,22 @@
+import { tv } from "tailwind-variants";
+//#region src/components/timeline-list/timeline-list-variants.ts
+/**
+* Module-private slotted recipe. Not exported from the
+* public entry — there is no proven recipe-borrowing use.
+*
+* Geometry follows the references. Tokens replace the ref's raw palette:
+* connector `bg-border`, dot `bg-foreground`. The final item drops
+* bottom margin; the connector is `Item::before` on every non-last item.
+*/
+const timelineListVariants = tv({ slots: {
+	root: "m-0 list-none p-0",
+	item: "relative mb-10 ml-6 pl-6 not-last:before:absolute not-last:before:top-8 not-last:before:left-[4px] not-last:before:h-full not-last:before:w-px not-last:before:bg-border last:mb-0",
+	dot: "absolute top-2 left-0 flex size-[8.75px] rounded-full bg-foreground",
+	title: "",
+	time: "text-sm block text-foreground",
+	description: ""
+} });
+//#endregion
+export { timelineListVariants };
+
+//# sourceMappingURL=timeline-list-variants.js.map

package/components/timeline-list/timeline-list-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-list-variants.js","names":[],"sources":["../../../src/components/timeline-list/timeline-list-variants.ts"],"sourcesContent":["/**\n * Module-private slotted recipe. Not exported from the\n * public entry — there is no proven recipe-borrowing use.\n *\n * Geometry follows the references. Tokens replace the ref's raw palette:\n * connector `bg-border`, dot `bg-foreground`. The final item drops\n * bottom margin; the connector is `Item::before` on every non-last item.\n */\nimport { tv } from \"tailwind-variants\";\n\nexport const timelineListVariants = tv({\n  slots: {\n    root: \"m-0 list-none p-0\",\n    item: \"relative mb-10 ml-6 pl-6 not-last:before:absolute not-last:before:top-8 not-last:before:left-[4px] not-last:before:h-full not-last:before:w-px not-last:before:bg-border last:mb-0\",\n    dot: \"absolute top-2 left-0 flex size-[8.75px] rounded-full bg-foreground\",\n    title: \"\",\n    time: \"text-sm block text-foreground\",\n    description: \"\",\n  },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,uBAAuB,GAAG,EACrC,OAAO;CACL,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP,MAAM;CACN,aAAa;AACf,EACF,CAAC"}

package/components/timeline-list/timeline-list.d.ts

@@ -0,0 +1,29 @@
+import { Heading } from "../heading/heading.js";
+import { ComponentProps, ComponentPropsWithoutRef, ReactElement } from "react";
+//#region src/components/timeline-list/timeline-list.d.ts
+export type TimelineListRootProps = ComponentProps<"ol">;
+export type TimelineListItemProps = ComponentProps<"li">;
+export type TimelineListTitleProps = Omit<ComponentPropsWithoutRef<typeof Heading>, "noMargin">;
+export type TimelineListTimeProps = Omit<ComponentProps<"time">, "dateTime"> & {
+  /**
+   * Event instant. A `Date` or parseable string, normalized with
+   * `new Date(date).toISOString()` onto the host `dateTime`. Every invalid value
+   * throws `RangeError("TimelineList.Time received an invalid date")`.
+   */
+  date: string | Date;
+};
+export type TimelineListDescriptionProps = ComponentProps<"div">;
+declare function TimelineListRoot({ className, ...props }: TimelineListRootProps): ReactElement;
+declare function TimelineListItem({ className, children, ...props }: TimelineListItemProps): ReactElement;
+declare function TimelineListTitle({ className, level, ...props }: TimelineListTitleProps): ReactElement;
+declare function TimelineListTime({ children, className, date, ...props }: TimelineListTimeProps): ReactElement;
+declare function TimelineListDescription({ className, ...props }: TimelineListDescriptionProps): ReactElement;
+export declare const TimelineList: {
+  Root: typeof TimelineListRoot;
+  Item: typeof TimelineListItem;
+  Title: typeof TimelineListTitle;
+  Time: typeof TimelineListTime;
+  Description: typeof TimelineListDescription;
+};
+//#endregion
+//# sourceMappingURL=timeline-list.d.ts.map

package/components/timeline-list/timeline-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-list.d.ts","names":[],"sources":["../../../src/components/timeline-list/timeline-list.tsx"],"mappings":";;;YASY,wBAAwB;YACxB,wBAAwB;YACxB,yBAAyB,KAAK,gCAAgC;YAC9D,wBAAwB,KAAK;;;;;;EAMvC,eAAe;;YAEL,+BAA+B;iBAElC,mBAAmB,cAAc,SAAS,wBAAwB;iBAIlE,mBAAmB,WAAW,aAAa,SAAS,wBAAwB;iBAS5E,oBAAoB,WAAW,UAAc,SAAS,yBAAyB;iBAoB/E,mBAAmB,UAAU,WAAW,SAAS,SAAS,wBAAwB;iBAYlF,0BAA0B,cAAc,SAAS,+BAA+B;qBAU5E;EACX,aAAI;EACJ,aAAI;EACJ,cAAK;EACL,aAAI;EACJ,oBAAW"}