@noambz/ui 0.7.0

package/dist/components/molecules/empty-state/empty-state.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { EmptyState } from "./empty-state.js";
+declare const meta: Meta<typeof EmptyState>;
+export default meta;
+type Story = StoryObj<typeof EmptyState>;
+export declare const Default: Story;
+export declare const WithAction: Story;
+export declare const Subtle: Story;
+//# sourceMappingURL=empty-state.stories.d.ts.map

package/dist/components/molecules/empty-state/empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AASzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}

package/dist/components/molecules/empty-state/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState, emptyStateVariants } from "./empty-state.js";
+export type { IEmptyStateProps } from "./empty-state.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/molecules/empty-state/index.js

@@ -0,0 +1,6 @@
+import { EmptyState, emptyStateVariants } from "./empty-state.js";
+export {
+  EmptyState,
+  emptyStateVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/empty-state/index.ts"],"sourcesContent":["export { EmptyState, emptyStateVariants } from \"./empty-state.js\";\nexport type { IEmptyStateProps } from \"./empty-state.js\";\n"],"mappings":"AAAA,SAAS,YAAY,0BAA0B;","names":[]}

package/dist/components/molecules/form/form.d.ts

@@ -0,0 +1,98 @@
+import { type Control, type ControllerFieldState, type ControllerRenderProps, type FieldErrors, type FieldPath, type FieldValues, type UseFormReturn } from "react-hook-form";
+import { type BaseSyntheticEvent, type FormHTMLAttributes, type ReactElement, type ReactNode } from "react";
+export interface IFormProps<TValues extends FieldValues> extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "onInvalid"> {
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues, event?: BaseSyntheticEvent) => void | Promise<void>;
+    /** Called when validation fails before `onSubmit` runs. */
+    onValidationError?: (errors: FieldErrors<TValues>) => void;
+    children: ReactNode;
+}
+/**
+ * Wraps `<form>` with a `react-hook-form` `FormProvider` so nested
+ * `<FormFieldController>` instances can read field state without prop drilling.
+ *
+ * @example
+ * const form = useForm<IValues>({ resolver: zodResolver(schema) });
+ * <Form form={form} onSubmit={(values) => save(values)}>
+ *   <FormFieldController name="email" label="Email">
+ *     <Input type="email" />
+ *   </FormFieldController>
+ * </Form>
+ */
+export declare function Form<TValues extends FieldValues>({ form, onSubmit, onValidationError, children, className, ...props }: IFormProps<TValues>): import("react").JSX.Element;
+/**
+ * Wiring strategy for `FormFieldController`.
+ *
+ * - `text` — default. Passes `value` (coerced to `""` when nullish) and
+ *   `onChange` (receives a native `ChangeEvent`). Use for `<Input>`,
+ *   `<Textarea>`, `<SearchInput>`.
+ * - `number` — passes raw `value` and the RHF `onChange` directly. Use for
+ *   `<NumberInput>`, whose `onChange` emits `number | null`.
+ * - `boolean` — passes `checked` (coerced to `false` when nullish) and
+ *   `onCheckedChange`. Use for `<Checkbox>`, `<Toggle>`.
+ * - `select` — passes `value` and `onValueChange`. Use for Radix `<Select>`,
+ *   `<RadioGroup>`, `<Tabs>`.
+ * - `raw` — pass a function-as-children and wire the field yourself. Use
+ *   for inputs with non-standard shapes (`<OTPInput>`, `<TagInput>`,
+ *   `<FileUpload>`, `<DatePicker>`).
+ */
+export type IFormFieldMode = "text" | "number" | "boolean" | "select" | "raw";
+export type IFormFieldRender<TValues extends FieldValues, TName extends FieldPath<TValues>> = (field: ControllerRenderProps<TValues, TName>, fieldState: ControllerFieldState) => ReactElement;
+export interface IFormFieldControllerProps<TValues extends FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>> {
+    name: TName;
+    /** Pass explicitly when using outside the default RHF context. */
+    control?: Control<TValues>;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    className?: string;
+    /** How to auto-wire the child element. Defaults to `"text"`. */
+    mode?: IFormFieldMode;
+    /**
+     * Exactly one element (auto-wired) or a render function receiving the
+     * react-hook-form field (for `mode="raw"` or fully custom wiring).
+     */
+    children: ReactElement | IFormFieldRender<TValues, TName>;
+}
+/**
+ * RHF-aware form field. Renders label + helper + error, and either clones
+ * its single child element (text / number / boolean / select modes) or
+ * invokes a render-prop child with the raw field state (raw mode).
+ *
+ * Always use `mode="raw"` for inputs with non-standard change signatures
+ * (OTPInput, TagInput, FileUpload, DatePicker, Autocomplete, CustomSelect).
+ *
+ * @example text
+ * <FormFieldController name="email" label="Email">
+ *   <Input type="email" />
+ * </FormFieldController>
+ *
+ * @example number
+ * <FormFieldController name="age" mode="number" label="Age">
+ *   <NumberInput min={0} />
+ * </FormFieldController>
+ *
+ * @example boolean
+ * <FormFieldController name="acceptTos" mode="boolean" label="I accept the TOS">
+ *   <Checkbox />
+ * </FormFieldController>
+ *
+ * @example raw
+ * <FormFieldController name="tickers" label="Tickers" mode="raw">
+ *   {(field) => (
+ *     <TagInput value={field.value ?? []} onChange={field.onChange} />
+ *   )}
+ * </FormFieldController>
+ */
+export declare function FormFieldController<TValues extends FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>>({ name, control, label, helperText, required, optional, className, mode, children, }: IFormFieldControllerProps<TValues, TName>): import("react").JSX.Element;
+export interface IFormSubmitErrorProps {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * Renders the form-level error message set via `form.setError("root", ...)`.
+ * Nothing is rendered when there is no root error.
+ */
+export declare const FormSubmitError: import("react").ForwardRefExoticComponent<IFormSubmitErrorProps & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=form.d.ts.map

package/dist/components/molecules/form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAML,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,UAAU,CAAC,OAAO,SAAS,WAAW,CACrD,SAAQ,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAC3E,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChF,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,OAAO,SAAS,WAAW,EAAE,EAChD,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,OAAO,CAAC,+BAerB;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9E,MAAM,MAAM,gBAAgB,CAAC,OAAO,SAAS,WAAW,EAAE,KAAK,SAAS,SAAS,CAAC,OAAO,CAAC,IAAI,CAC5F,KAAK,EAAE,qBAAqB,CAAC,OAAO,EAAE,KAAK,CAAC,EAC5C,UAAU,EAAE,oBAAoB,KAC7B,YAAY,CAAC;AAElB,MAAM,WAAW,yBAAyB,CACxC,OAAO,SAAS,WAAW,EAC3B,KAAK,SAAS,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC;IAErD,IAAI,EAAE,KAAK,CAAC;IACZ,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;CAC3D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,SAAS,WAAW,EAC3B,KAAK,SAAS,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,EACrD,EACA,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAa,EACb,QAAQ,GACT,EAAE,yBAAyB,CAAC,OAAO,EAAE,KAAK,CAAC,+BAqG3C;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,wHAgB3B,CAAC"}

package/dist/components/molecules/form/form.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  FormProvider,
+  useController,
+  useFormContext
+} from "react-hook-form";
+import {
+  Children,
+  cloneElement,
+  forwardRef,
+  isValidElement,
+  useId
+} from "react";
+import { Label } from "../../atoms/label/label.js";
+import { cn } from "../../../utils/cn.js";
+function Form({
+  form,
+  onSubmit,
+  onValidationError,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: form.handleSubmit(
+        (values, event) => onSubmit(values, event),
+        onValidationError
+      ),
+      className: cn("flex flex-col gap-4", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function FormFieldController({
+  name,
+  control,
+  label,
+  helperText,
+  required,
+  optional,
+  className,
+  mode = "text",
+  children
+}) {
+  const context = useFormContext();
+  const resolvedControl = control ?? context?.control;
+  if (!resolvedControl) {
+    throw new Error(
+      "FormFieldController must be used inside <Form> or with an explicit `control` prop."
+    );
+  }
+  const { field, fieldState } = useController({
+    name,
+    control: resolvedControl
+  });
+  const reactId = useId();
+  const fieldId = reactId;
+  const helperId = helperText ? `${fieldId}-helper` : void 0;
+  const errorId = fieldState.error ? `${fieldId}-error` : void 0;
+  const describedBy = [helperId, errorId].filter(Boolean).join(" ") || void 0;
+  const renderedField = (() => {
+    if (typeof children === "function") {
+      return children(field, fieldState);
+    }
+    const single = Children.only(children);
+    if (!isValidElement(single)) return single;
+    const commonA11y = {
+      id: fieldId,
+      "aria-describedby": describedBy,
+      "aria-invalid": fieldState.error ? true : void 0,
+      invalid: fieldState.error ? true : void 0
+    };
+    switch (mode) {
+      case "boolean":
+        return cloneElement(single, {
+          ...commonA11y,
+          name: field.name,
+          checked: Boolean(field.value),
+          onCheckedChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref
+        });
+      case "select":
+        return cloneElement(single, {
+          ...commonA11y,
+          name: field.name,
+          value: field.value ?? "",
+          onValueChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref
+        });
+      case "number":
+        return cloneElement(single, {
+          ...commonA11y,
+          name: field.name,
+          value: field.value ?? "",
+          onChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref
+        });
+      case "raw":
+        return single;
+      case "text":
+      default:
+        return cloneElement(single, {
+          ...commonA11y,
+          name: field.name,
+          value: field.value ?? "",
+          onChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref
+        });
+    }
+  })();
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    label ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, required, children: label }),
+      optional && !required ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Optional" }) : null
+    ] }) : null,
+    renderedField,
+    fieldState.error ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-red-600 dark:text-red-400", children: fieldState.error.message ?? "Invalid" }) : helperText ? /* @__PURE__ */ jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: helperText }) : null
+  ] });
+}
+const FormSubmitError = forwardRef(
+  ({ className, children }, ref) => {
+    const ctx = useFormContext();
+    const error = ctx?.formState.errors.root;
+    const message = children ?? error?.message;
+    if (!error || !message) return null;
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        role: "alert",
+        className: cn("text-sm text-red-600 dark:text-red-400", className),
+        children: message
+      }
+    );
+  }
+);
+FormSubmitError.displayName = "FormSubmitError";
+export {
+  Form,
+  FormFieldController,
+  FormSubmitError
+};
+//# sourceMappingURL=form.js.map

package/dist/components/molecules/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/form/form.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  FormProvider,\n  useController,\n  useFormContext,\n  type Control,\n  type ControllerFieldState,\n  type ControllerRenderProps,\n  type FieldErrors,\n  type FieldPath,\n  type FieldValues,\n  type UseFormReturn,\n} from \"react-hook-form\";\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  type BaseSyntheticEvent,\n  type FormHTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { Label } from \"../../atoms/label/label.js\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IFormProps<TValues extends FieldValues>\n  extends Omit<FormHTMLAttributes<HTMLFormElement>, \"onSubmit\" | \"onInvalid\"> {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues, event?: BaseSyntheticEvent) => void | Promise<void>;\n  /** Called when validation fails before `onSubmit` runs. */\n  onValidationError?: (errors: FieldErrors<TValues>) => void;\n  children: ReactNode;\n}\n\n/**\n * Wraps `<form>` with a `react-hook-form` `FormProvider` so nested\n * `<FormFieldController>` instances can read field state without prop drilling.\n *\n * @example\n * const form = useForm<IValues>({ resolver: zodResolver(schema) });\n * <Form form={form} onSubmit={(values) => save(values)}>\n *   <FormFieldController name=\"email\" label=\"Email\">\n *     <Input type=\"email\" />\n *   </FormFieldController>\n * </Form>\n */\nexport function Form<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  onValidationError,\n  children,\n  className,\n  ...props\n}: IFormProps<TValues>) {\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={form.handleSubmit(\n          (values, event) => onSubmit(values, event),\n          onValidationError,\n        )}\n        className={cn(\"flex flex-col gap-4\", className)}\n        {...props}\n      >\n        {children}\n      </form>\n    </FormProvider>\n  );\n}\n\n/**\n * Wiring strategy for `FormFieldController`.\n *\n * - `text` — default. Passes `value` (coerced to `\"\"` when nullish) and\n *   `onChange` (receives a native `ChangeEvent`). Use for `<Input>`,\n *   `<Textarea>`, `<SearchInput>`.\n * - `number` — passes raw `value` and the RHF `onChange` directly. Use for\n *   `<NumberInput>`, whose `onChange` emits `number | null`.\n * - `boolean` — passes `checked` (coerced to `false` when nullish) and\n *   `onCheckedChange`. Use for `<Checkbox>`, `<Toggle>`.\n * - `select` — passes `value` and `onValueChange`. Use for Radix `<Select>`,\n *   `<RadioGroup>`, `<Tabs>`.\n * - `raw` — pass a function-as-children and wire the field yourself. Use\n *   for inputs with non-standard shapes (`<OTPInput>`, `<TagInput>`,\n *   `<FileUpload>`, `<DatePicker>`).\n */\nexport type IFormFieldMode = \"text\" | \"number\" | \"boolean\" | \"select\" | \"raw\";\n\nexport type IFormFieldRender<TValues extends FieldValues, TName extends FieldPath<TValues>> = (\n  field: ControllerRenderProps<TValues, TName>,\n  fieldState: ControllerFieldState,\n) => ReactElement;\n\nexport interface IFormFieldControllerProps<\n  TValues extends FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n> {\n  name: TName;\n  /** Pass explicitly when using outside the default RHF context. */\n  control?: Control<TValues>;\n  label?: ReactNode;\n  helperText?: ReactNode;\n  required?: boolean;\n  optional?: boolean;\n  className?: string;\n  /** How to auto-wire the child element. Defaults to `\"text\"`. */\n  mode?: IFormFieldMode;\n  /**\n   * Exactly one element (auto-wired) or a render function receiving the\n   * react-hook-form field (for `mode=\"raw\"` or fully custom wiring).\n   */\n  children: ReactElement | IFormFieldRender<TValues, TName>;\n}\n\n/**\n * RHF-aware form field. Renders label + helper + error, and either clones\n * its single child element (text / number / boolean / select modes) or\n * invokes a render-prop child with the raw field state (raw mode).\n *\n * Always use `mode=\"raw\"` for inputs with non-standard change signatures\n * (OTPInput, TagInput, FileUpload, DatePicker, Autocomplete, CustomSelect).\n *\n * @example text\n * <FormFieldController name=\"email\" label=\"Email\">\n *   <Input type=\"email\" />\n * </FormFieldController>\n *\n * @example number\n * <FormFieldController name=\"age\" mode=\"number\" label=\"Age\">\n *   <NumberInput min={0} />\n * </FormFieldController>\n *\n * @example boolean\n * <FormFieldController name=\"acceptTos\" mode=\"boolean\" label=\"I accept the TOS\">\n *   <Checkbox />\n * </FormFieldController>\n *\n * @example raw\n * <FormFieldController name=\"tickers\" label=\"Tickers\" mode=\"raw\">\n *   {(field) => (\n *     <TagInput value={field.value ?? []} onChange={field.onChange} />\n *   )}\n * </FormFieldController>\n */\nexport function FormFieldController<\n  TValues extends FieldValues,\n  TName extends FieldPath<TValues> = FieldPath<TValues>,\n>({\n  name,\n  control,\n  label,\n  helperText,\n  required,\n  optional,\n  className,\n  mode = \"text\",\n  children,\n}: IFormFieldControllerProps<TValues, TName>) {\n  const context = useFormContext<TValues>();\n  const resolvedControl = control ?? context?.control;\n  if (!resolvedControl) {\n    throw new Error(\n      \"FormFieldController must be used inside <Form> or with an explicit `control` prop.\",\n    );\n  }\n\n  const { field, fieldState } = useController<TValues, TName>({\n    name,\n    control: resolvedControl,\n  });\n\n  const reactId = useId();\n  const fieldId = reactId;\n  const helperId = helperText ? `${fieldId}-helper` : undefined;\n  const errorId = fieldState.error ? `${fieldId}-error` : undefined;\n  const describedBy = [helperId, errorId].filter(Boolean).join(\" \") || undefined;\n\n  const renderedField: ReactNode = (() => {\n    if (typeof children === \"function\") {\n      return (children as IFormFieldRender<TValues, TName>)(field, fieldState);\n    }\n    const single = Children.only(children);\n    if (!isValidElement(single)) return single;\n\n    const commonA11y = {\n      id: fieldId,\n      \"aria-describedby\": describedBy,\n      \"aria-invalid\": fieldState.error ? true : undefined,\n      invalid: fieldState.error ? true : undefined,\n    };\n\n    switch (mode) {\n      case \"boolean\":\n        return cloneElement(single as ReactElement<Record<string, unknown>>, {\n          ...commonA11y,\n          name: field.name,\n          checked: Boolean(field.value),\n          onCheckedChange: field.onChange,\n          onBlur: field.onBlur,\n          ref: field.ref,\n        });\n      case \"select\":\n        return cloneElement(single as ReactElement<Record<string, unknown>>, {\n          ...commonA11y,\n          name: field.name,\n          value: field.value ?? \"\",\n          onValueChange: field.onChange,\n          onBlur: field.onBlur,\n          ref: field.ref,\n        });\n      case \"number\":\n        return cloneElement(single as ReactElement<Record<string, unknown>>, {\n          ...commonA11y,\n          name: field.name,\n          value: field.value ?? \"\",\n          onChange: field.onChange,\n          onBlur: field.onBlur,\n          ref: field.ref,\n        });\n      case \"raw\":\n        return single;\n      case \"text\":\n      default:\n        return cloneElement(single as ReactElement<Record<string, unknown>>, {\n          ...commonA11y,\n          name: field.name,\n          value: field.value ?? \"\",\n          onChange: field.onChange,\n          onBlur: field.onBlur,\n          ref: field.ref,\n        });\n    }\n  })();\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)}>\n      {label ? (\n        <div className=\"flex items-center justify-between gap-2\">\n          <Label htmlFor={fieldId} required={required}>\n            {label}\n          </Label>\n          {optional && !required ? (\n            <span className=\"text-xs text-muted-foreground\">Optional</span>\n          ) : null}\n        </div>\n      ) : null}\n      {renderedField}\n      {fieldState.error ? (\n        <p id={errorId} className=\"text-xs text-red-600 dark:text-red-400\">\n          {fieldState.error.message ?? \"Invalid\"}\n        </p>\n      ) : helperText ? (\n        <p id={helperId} className=\"text-xs text-muted-foreground\">\n          {helperText}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface IFormSubmitErrorProps {\n  className?: string;\n  children?: ReactNode;\n}\n\n/**\n * Renders the form-level error message set via `form.setError(\"root\", ...)`.\n * Nothing is rendered when there is no root error.\n */\nexport const FormSubmitError = forwardRef<HTMLParagraphElement, IFormSubmitErrorProps>(\n  ({ className, children }, ref) => {\n    const ctx = useFormContext();\n    const error = ctx?.formState.errors.root;\n    const message = children ?? error?.message;\n    if (!error || !message) return null;\n    return (\n      <p\n        ref={ref}\n        role=\"alert\"\n        className={cn(\"text-sm text-red-600 dark:text-red-400\", className)}\n      >\n        {message as ReactNode}\n      </p>\n    );\n  },\n);\nFormSubmitError.displayName = \"FormSubmitError\";\n"],"mappings":"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","names":[]}

package/dist/components/molecules/form/form.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Form } from "./form.js";
+declare const meta: Meta<typeof Form>;
+export default meta;
+export declare const Default: StoryObj;
+//# sourceMappingURL=form.stories.d.ts.map

package/dist/components/molecules/form/form.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,IAAI,EAAwC,MAAM,WAAW,CAAC;AAKvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,QAmCrB,CAAC"}

package/dist/components/molecules/form/form.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form.test.d.ts.map

package/dist/components/molecules/form/form.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.test.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.test.tsx"],"names":[],"mappings":""}

package/dist/components/molecules/form/index.d.ts

@@ -0,0 +1,3 @@
+export { Form, FormFieldController, FormSubmitError } from "./form.js";
+export type { IFormProps, IFormFieldControllerProps, IFormSubmitErrorProps, } from "./form.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACvE,YAAY,EACV,UAAU,EACV,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,WAAW,CAAC"}

package/dist/components/molecules/form/index.js

@@ -0,0 +1,7 @@
+import { Form, FormFieldController, FormSubmitError } from "./form.js";
+export {
+  Form,
+  FormFieldController,
+  FormSubmitError
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/form/index.ts"],"sourcesContent":["export { Form, FormFieldController, FormSubmitError } from \"./form.js\";\nexport type {\n  IFormProps,\n  IFormFieldControllerProps,\n  IFormSubmitErrorProps,\n} from \"./form.js\";\n"],"mappings":"AAAA,SAAS,MAAM,qBAAqB,uBAAuB;","names":[]}

package/dist/components/molecules/form-field/form-field.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+export interface IFormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    children: ReactElement;
+}
+/**
+ * Wraps a single form control with label, helper text, and error state. Auto-
+ * wires `id`, `aria-describedby`, and `aria-invalid` so consumers don't have to
+ * thread those props manually.
+ */
+export declare const FormField: import("react").ForwardRefExoticComponent<IFormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/molecules/form-field/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-field/form-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6D,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1I,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,4GA2CrB,CAAC"}

package/dist/components/molecules/form-field/form-field.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, forwardRef, isValidElement, useId } from "react";
+import { Label } from "../../atoms/label/label.js";
+import { cn } from "../../../utils/cn.js";
+const FormField = forwardRef(
+  ({ className, label, helperText, error, required, optional, children, id, ...props }, ref) => {
+    const reactId = useId();
+    const fieldId = id ?? reactId;
+    const helperId = helperText ? `${fieldId}-helper` : void 0;
+    const errorId = error ? `${fieldId}-error` : void 0;
+    const describedBy = [helperId, errorId].filter(Boolean).join(" ") || void 0;
+    const child = Children.only(children);
+    const control = isValidElement(child) ? cloneElement(child, {
+      id: fieldId,
+      "aria-describedby": describedBy,
+      "aria-invalid": error ? true : void 0,
+      invalid: error ? true : void 0
+    }) : child;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [
+      label ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, required, children: label }),
+        optional && !required ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Optional" }) : null
+      ] }) : null,
+      control,
+      error ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-red-600 dark:text-red-400", children: error }) : helperText ? /* @__PURE__ */ jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: helperText }) : null
+    ] });
+  }
+);
+FormField.displayName = "FormField";
+export {
+  FormField
+};
+//# sourceMappingURL=form-field.js.map

package/dist/components/molecules/form-field/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/form-field/form-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, cloneElement, forwardRef, isValidElement, useId, type HTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { Label } from \"../../atoms/label/label.js\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IFormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  label?: ReactNode;\n  helperText?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n  optional?: boolean;\n  children: ReactElement;\n}\n\n/**\n * Wraps a single form control with label, helper text, and error state. Auto-\n * wires `id`, `aria-describedby`, and `aria-invalid` so consumers don't have to\n * thread those props manually.\n */\nexport const FormField = forwardRef<HTMLDivElement, IFormFieldProps>(\n  ({ className, label, helperText, error, required, optional, children, id, ...props }, ref) => {\n    const reactId = useId();\n    const fieldId = id ?? reactId;\n    const helperId = helperText ? `${fieldId}-helper` : undefined;\n    const errorId = error ? `${fieldId}-error` : undefined;\n    const describedBy = [helperId, errorId].filter(Boolean).join(\" \") || undefined;\n\n    const child = Children.only(children);\n    const control = isValidElement(child)\n      ? cloneElement(child as ReactElement<Record<string, unknown>>, {\n          id: fieldId,\n          \"aria-describedby\": describedBy,\n          \"aria-invalid\": error ? true : undefined,\n          invalid: error ? true : undefined,\n        })\n      : child;\n\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-1.5\", className)} {...props}>\n        {label ? (\n          <div className=\"flex items-center justify-between gap-2\">\n            <Label htmlFor={fieldId} required={required}>\n              {label}\n            </Label>\n            {optional && !required ? (\n              <span className=\"text-xs text-muted-foreground\">Optional</span>\n            ) : null}\n          </div>\n        ) : null}\n        {control}\n        {error ? (\n          <p id={errorId} className=\"text-xs text-red-600 dark:text-red-400\">\n            {error}\n          </p>\n        ) : helperText ? (\n          <p id={helperId} className=\"text-xs text-muted-foreground\">\n            {helperText}\n          </p>\n        ) : null}\n      </div>\n    );\n  },\n);\nFormField.displayName = \"FormField\";\n"],"mappings":";AAyCU,SACE,KADF;AAvCV,SAAS,UAAU,cAAc,YAAY,gBAAgB,aAAqE;AAClI,SAAS,aAAa;AACtB,SAAS,UAAU;AAgBZ,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,WAAW,OAAO,YAAY,OAAO,UAAU,UAAU,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AAC5F,UAAM,UAAU,MAAM;AACtB,UAAM,UAAU,MAAM;AACtB,UAAM,WAAW,aAAa,GAAG,OAAO,YAAY;AACpD,UAAM,UAAU,QAAQ,GAAG,OAAO,WAAW;AAC7C,UAAM,cAAc,CAAC,UAAU,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAErE,UAAM,QAAQ,SAAS,KAAK,QAAQ;AACpC,UAAM,UAAU,eAAe,KAAK,IAChC,aAAa,OAAgD;AAAA,MAC3D,IAAI;AAAA,MACJ,oBAAoB;AAAA,MACpB,gBAAgB,QAAQ,OAAO;AAAA,MAC/B,SAAS,QAAQ,OAAO;AAAA,IAC1B,CAAC,IACD;AAEJ,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OACnE;AAAA,cACC,qBAAC,SAAI,WAAU,2CACb;AAAA,4BAAC,SAAM,SAAS,SAAS,UACtB,iBACH;AAAA,QACC,YAAY,CAAC,WACZ,oBAAC,UAAK,WAAU,iCAAgC,sBAAQ,IACtD;AAAA,SACN,IACE;AAAA,MACH;AAAA,MACA,QACC,oBAAC,OAAE,IAAI,SAAS,WAAU,0CACvB,iBACH,IACE,aACF,oBAAC,OAAE,IAAI,UAAU,WAAU,iCACxB,sBACH,IACE;AAAA,OACN;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/components/molecules/form-field/form-field.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { FormField } from "./form-field.js";
+declare const meta: Meta<typeof FormField>;
+export default meta;
+type Story = StoryObj<typeof FormField>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const Optional: Story;
+//# sourceMappingURL=form-field.stories.d.ts.map

package/dist/components/molecules/form-field/form-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-field/form-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/components/molecules/form-field/index.d.ts

@@ -0,0 +1,3 @@
+export { FormField } from "./form-field.js";
+export type { IFormFieldProps } from "./form-field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/molecules/form-field/index.js

@@ -0,0 +1,5 @@
+import { FormField } from "./form-field.js";
+export {
+  FormField
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/form-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/form-field/index.ts"],"sourcesContent":["export { FormField } from \"./form-field.js\";\nexport type { IFormFieldProps } from \"./form-field.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/components/molecules/index.d.ts

@@ -0,0 +1,29 @@
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./breadcrumbs/index.js";
+export * from "./button/index.js";
+export * from "./card/index.js";
+export * from "./dropdown-menu/index.js";
+export * from "./empty-state/index.js";
+export * from "./form/index.js";
+export * from "./form-field/index.js";
+export * from "./labeled-switch/index.js";
+export * from "./language-toggle/index.js";
+export * from "./multi-toggle/index.js";
+export * from "./page-header/index.js";
+export * from "./number-input/index.js";
+export * from "./otp-input/index.js";
+export * from "./pagination/index.js";
+export * from "./progress/index.js";
+export * from "./query-state/index.js";
+export * from "./search-input/index.js";
+export * from "./stat-grid/index.js";
+export * from "./tag-input/index.js";
+export * from "./signal-card/index.js";
+export * from "./signal-severity-badge/index.js";
+export * from "./summary-header/index.js";
+export * from "./tabs/index.js";
+export * from "./text-artifact-card/index.js";
+export * from "./theme-toggle/index.js";
+export * from "./tooltip/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}

package/dist/components/molecules/index.js

@@ -0,0 +1,29 @@
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./breadcrumbs/index.js";
+export * from "./button/index.js";
+export * from "./card/index.js";
+export * from "./dropdown-menu/index.js";
+export * from "./empty-state/index.js";
+export * from "./form/index.js";
+export * from "./form-field/index.js";
+export * from "./labeled-switch/index.js";
+export * from "./language-toggle/index.js";
+export * from "./multi-toggle/index.js";
+export * from "./page-header/index.js";
+export * from "./number-input/index.js";
+export * from "./otp-input/index.js";
+export * from "./pagination/index.js";
+export * from "./progress/index.js";
+export * from "./query-state/index.js";
+export * from "./search-input/index.js";
+export * from "./stat-grid/index.js";
+export * from "./tag-input/index.js";
+export * from "./signal-card/index.js";
+export * from "./signal-severity-badge/index.js";
+export * from "./summary-header/index.js";
+export * from "./tabs/index.js";
+export * from "./text-artifact-card/index.js";
+export * from "./theme-toggle/index.js";
+export * from "./tooltip/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/molecules/index.ts"],"sourcesContent":["export * from \"./accordion/index.js\";\nexport * from \"./alert/index.js\";\nexport * from \"./breadcrumbs/index.js\";\nexport * from \"./button/index.js\";\nexport * from \"./card/index.js\";\nexport * from \"./dropdown-menu/index.js\";\nexport * from \"./empty-state/index.js\";\nexport * from \"./form/index.js\";\nexport * from \"./form-field/index.js\";\nexport * from \"./labeled-switch/index.js\";\nexport * from \"./language-toggle/index.js\";\nexport * from \"./multi-toggle/index.js\";\nexport * from \"./page-header/index.js\";\nexport * from \"./number-input/index.js\";\nexport * from \"./otp-input/index.js\";\nexport * from \"./pagination/index.js\";\nexport * from \"./progress/index.js\";\nexport * from \"./query-state/index.js\";\nexport * from \"./search-input/index.js\";\nexport * from \"./stat-grid/index.js\";\nexport * from \"./tag-input/index.js\";\nexport * from \"./signal-card/index.js\";\nexport * from \"./signal-severity-badge/index.js\";\nexport * from \"./summary-header/index.js\";\nexport * from \"./tabs/index.js\";\nexport * from \"./text-artifact-card/index.js\";\nexport * from \"./theme-toggle/index.js\";\nexport * from \"./tooltip/index.js\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/molecules/labeled-switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./labeled-switch.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/labeled-switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/labeled-switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/components/molecules/labeled-switch/index.js

@@ -0,0 +1,2 @@
+export * from "./labeled-switch.js";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/labeled-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/labeled-switch/index.ts"],"sourcesContent":["export * from \"./labeled-switch.js\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/molecules/labeled-switch/labeled-switch.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface ILabeledSwitchProps {
+    label: ReactNode;
+    description?: ReactNode;
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * Accessible settings row with label, optional description, and switch control.
+ */
+export declare function LabeledSwitch({ label, description, checked, onCheckedChange, disabled, className, }: ILabeledSwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=labeled-switch.d.ts.map

package/dist/components/molecules/labeled-switch/labeled-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labeled-switch.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/labeled-switch/labeled-switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,+BAcrB"}

package/dist/components/molecules/labeled-switch/labeled-switch.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { cn } from "../../../utils/cn.js";
+import { Switch } from "../../atoms/switch/switch.js";
+import { Card, CardBody } from "../card/card.js";
+function LabeledSwitch({
+  label,
+  description,
+  checked,
+  onCheckedChange,
+  disabled = false,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Card, { tone: "muted", padding: "sm", className: cn("w-full", className), children: /* @__PURE__ */ jsxs(CardBody, { className: "flex items-center justify-between gap-4 p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-0.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
+      description ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Switch, { checked, onCheckedChange, disabled })
+  ] }) });
+}
+export {
+  LabeledSwitch
+};
+//# sourceMappingURL=labeled-switch.js.map

package/dist/components/molecules/labeled-switch/labeled-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/labeled-switch/labeled-switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\nimport { Switch } from \"../../atoms/switch/switch.js\";\nimport { Card, CardBody } from \"../card/card.js\";\n\nexport interface ILabeledSwitchProps {\n  label: ReactNode;\n  description?: ReactNode;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Accessible settings row with label, optional description, and switch control.\n */\nexport function LabeledSwitch({\n  label,\n  description,\n  checked,\n  onCheckedChange,\n  disabled = false,\n  className,\n}: ILabeledSwitchProps) {\n  return (\n    <Card tone=\"muted\" padding=\"sm\" className={cn(\"w-full\", className)}>\n      <CardBody className=\"flex items-center justify-between gap-4 p-0\">\n        <div className=\"min-w-0 space-y-0.5\">\n          <div className=\"text-sm font-medium text-foreground\">{label}</div>\n          {description ? (\n            <div className=\"text-xs text-muted-foreground\">{description}</div>\n          ) : null}\n        </div>\n        <Switch checked={checked} onCheckedChange={onCheckedChange} disabled={disabled} />\n      </CardBody>\n    </Card>\n  );\n}\n"],"mappings":";AA8BQ,SACE,KADF;AA5BR,eAA+B;AAC/B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,MAAM,gBAAgB;AAcxB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAAwB;AACtB,SACE,oBAAC,QAAK,MAAK,SAAQ,SAAQ,MAAK,WAAW,GAAG,UAAU,SAAS,GAC/D,+BAAC,YAAS,WAAU,+CAClB;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,uCAAuC,iBAAM;AAAA,MAC3D,cACC,oBAAC,SAAI,WAAU,iCAAiC,uBAAY,IAC1D;AAAA,OACN;AAAA,IACA,oBAAC,UAAO,SAAkB,iBAAkC,UAAoB;AAAA,KAClF,GACF;AAEJ;","names":[]}

package/dist/components/molecules/language-toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { LanguageToggle } from "./language-toggle.js";
+export type { ILanguageToggleProps, ILanguageToggleOption } from "./language-toggle.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/language-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/language-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/molecules/language-toggle/index.js

@@ -0,0 +1,5 @@
+import { LanguageToggle } from "./language-toggle.js";
+export {
+  LanguageToggle
+};
+//# sourceMappingURL=index.js.map