@alfadocs/ui-kit-debug 0.1.8 → 0.1.9

package/dist/_chunks/task-tray-BzahI5FQ.js

@@ -1,100 +0,0 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { c as T } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
-import { I as w } from "./icon-button-Wnnde5lc.js";
-import { S as b } from "./skeleton-dtqyF09N.js";
-import { E as j } from "./empty-state-DQPtRp2b.js";
-import { T as z } from "./task-card-yW7tKlG4.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { P as I } from "./plus-CYKNmfuA.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const L = [
-  ["path", { d: "M13 5h8", key: "a7qcls" }],
-  ["path", { d: "M13 12h8", key: "h98zly" }],
-  ["path", { d: "M13 19h8", key: "c3s6r1" }],
-  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
-  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
-], M = E("list-todo", L), S = T(
-  [
-    "ds:flex ds:flex-col",
-    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:overflow-hidden"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-), q = x(
-  ({
-    items: i,
-    title: n,
-    size: d = "sm",
-    onOpenTask: m,
-    onAddTask: o,
-    addLabel: p,
-    loading: l = !1,
-    emptyTitle: f,
-    emptyDescription: h,
-    className: y,
-    ...u
-  }, k) => {
-    const { t: a } = N(), c = n ?? a("ui.taskTray.title", "Tasks"), v = p ?? a("ui.taskTray.add", "Add task"), g = !l && i.length === 0;
-    let e;
-    return l ? e = /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ s(b, { variant: "rectangular", height: "2.5rem" }, t)) }) : g ? e = /* @__PURE__ */ s("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ s(
-      j,
-      {
-        variant: "first-use",
-        size: "sm",
-        title: f ?? a("ui.taskTray.empty.title", "No tasks yet"),
-        description: h ?? a("ui.taskTray.empty.description", "New tasks will appear here.")
-      }
-    ) }) : e = /* @__PURE__ */ s("ul", { className: "ds:flex ds:list-none ds:flex-col", children: i.map((t) => /* @__PURE__ */ s(z, { item: t, size: d, onActivate: m }, t.id)) }), /* @__PURE__ */ r(
-      "section",
-      {
-        ref: k,
-        "aria-label": c,
-        "data-component": "task-tray",
-        className: S({ size: d, className: y }),
-        ...u,
-        children: [
-          /* @__PURE__ */ r("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ r("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
-              /* @__PURE__ */ s(M, { "aria-hidden": "true", className: "ds:size-4" }),
-              c
-            ] }),
-            o ? /* @__PURE__ */ s(
-              w,
-              {
-                icon: /* @__PURE__ */ s(I, {}),
-                intent: "outline",
-                size: "sm",
-                "aria-label": v,
-                onClick: o
-              }
-            ) : null
-          ] }),
-          e
-        ]
-      }
-    );
-  }
-);
-q.displayName = "TaskTray";
-export {
-  q as T
-};
-//# sourceMappingURL=task-tray-BzahI5FQ.js.map

package/dist/_chunks/task-tray-BzahI5FQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-tray-BzahI5FQ.js","sources":["../../node_modules/lucide-react/dist/esm/icons/list-todo.js","../../src/components/task-tray/task-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M13 5h8\", key: \"a7qcls\" }],\n  [\"path\", { d: \"M13 12h8\", key: \"h98zly\" }],\n  [\"path\", { d: \"M13 19h8\", key: \"c3s6r1\" }],\n  [\"path\", { d: \"m3 17 2 2 4-4\", key: \"1jhpwq\" }],\n  [\"rect\", { x: \"3\", y: \"4\", width: \"6\", height: \"6\", rx: \"1\", key: \"cif1o7\" }]\n];\nconst ListTodo = createLucideIcon(\"list-todo\", __iconNode);\n\nexport { __iconNode, ListTodo as default };\n//# sourceMappingURL=list-todo.js.map\n","import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ListTodo, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { TaskCard, type TaskItem } from '../task-card';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TaskTrayProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onClick'>,\n    VariantProps<typeof taskTrayVariants> {\n  /** Tasks rendered inside the panel. */\n  items: TaskItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Visual density forwarded to each TaskCard. */\n  size?: 'sm' | 'md';\n  /** Fires when the user activates a task (click / Enter / Space). */\n  onOpenTask?: (item: TaskItem) => void;\n  /** Fires when the user activates the header \"Add\" affordance. */\n  onAddTask?: () => void;\n  /** Localised label for the \"Add\" affordance. Defaults to `ui.taskTray.add`. */\n  addLabel?: string;\n  /** When true the panel renders skeleton placeholders. */\n  loading?: boolean;\n  /** Render an empty state when `items` is empty and `loading` is false. */\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskTray = forwardRef<HTMLElement, TaskTrayProps>(\n  (\n    {\n      items,\n      title,\n      size = 'sm',\n      onOpenTask,\n      onAddTask,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const heading = title ?? t('ui.taskTray.title', 'Tasks');\n    const resolvedAddLabel = addLabel ?? t('ui.taskTray.add', 'Add task');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('ui.taskTray.empty.title', 'No tasks yet')}\n            description={\n              emptyDescription ??\n              t('ui.taskTray.empty.description', 'New tasks will appear here.')\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col\">\n          {items.map((item) => (\n            <TaskCard key={item.id} item={item} size={size} onActivate={onOpenTask} />\n          ))}\n        </ul>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-label={heading}\n        data-component=\"task-tray\"\n        className={taskTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n            <ListTodo aria-hidden=\"true\" className=\"ds:size-4\" />\n            {heading}\n          </h3>\n          {onAddTask ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddTask}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nTaskTray.displayName = 'TaskTray';\n"],"names":["__iconNode","ListTodo","createLucideIcon","taskTrayVariants","cva","TaskTray","forwardRef","items","title","size","onOpenTask","onAddTask","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","TaskCard","jsxs","IconButton","Plus"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/text-area-DmKSd2DG.js

@@ -1,152 +0,0 @@
-import { jsxs as x, jsx as A } from "react/jsx-runtime";
-import { forwardRef as ae, useRef as j, useCallback as H, useState as k, useLayoutEffect as oe, useEffect as de } from "react";
-import { c as ce } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import { u as ue } from "./form-field-context-94LwgYTQ.js";
-const fe = ce(
-  [
-    "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-background ds:text-foreground",
-    "ds:leading-[var(--line-height-base)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-    "ds:focus:outline-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default",
-    "ds:transition-[height,color,background-color,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:placeholder:text-muted-foreground"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:min-h-8 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:min-h-[calc(var(--min-target-size)*1.5)] ds:text-[length:var(--font-size-lg)]"
-      },
-      tone: {
-        default: "ds:border-border",
-        error: "ds:border-destructive"
-      },
-      resize: {
-        auto: "ds:resize-none",
-        manual: "ds:resize-y"
-      }
-    },
-    defaultVariants: { size: "md", tone: "default", resize: "manual" }
-  }
-), me = (s) => s >= 1 ? "ds:text-destructive" : s >= 0.9 ? "ds:text-warning" : "ds:text-muted-foreground", ve = (s) => [...s].length, be = ae(
-  ({
-    size: s = "md",
-    tone: M = "default",
-    autoResize: r = !1,
-    minRows: f = 2,
-    maxRows: m,
-    showCounter: S,
-    className: q,
-    id: E,
-    disabled: P,
-    value: y,
-    defaultValue: T,
-    maxLength: n,
-    rows: W,
-    onChange: i,
-    onCompositionStart: v,
-    onCompositionEnd: b,
-    onInput: $,
-    ...D
-  }, d) => {
-    const { t: N } = le(), a = ue(), F = E ?? a.id, O = a.disabled || P, Y = a.invalid ? "error" : M, w = j(null), _ = H(
-      (e) => {
-        w.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
-      },
-      [d]
-    ), c = y !== void 0, [G, z] = k(
-      String(T ?? "")
-    ), g = c ? String(y) : G, l = j(!1), p = H(() => {
-      const e = w.current;
-      if (!e || !r) return;
-      const t = window.getComputedStyle(e), u = parseFloat(t.lineHeight), C = parseFloat(t.paddingTop), ee = parseFloat(t.paddingBottom), te = parseFloat(t.borderTopWidth), re = parseFloat(t.borderBottomWidth), B = C + ee + te + re, se = (Number.isFinite(u) ? u : 24) * f + B, ne = typeof m == "number" ? (Number.isFinite(u) ? u : 24) * m + B : Number.POSITIVE_INFINITY;
-      e.style.height = "auto";
-      const ie = Math.max(se, Math.min(e.scrollHeight, ne));
-      e.style.height = `${ie}px`;
-    }, [r, f, m]);
-    oe(() => {
-      r && p();
-    }, [r, p, g]);
-    const J = (e) => {
-      c || z(e.target.value), !l.current && (i == null || i(e));
-    }, K = (e) => {
-      l.current = !0, v == null || v(e);
-    }, Q = (e) => {
-      l.current = !1, b == null || b(e);
-      const t = e.currentTarget;
-      c || z(t.value), i == null || i({
-        ...e,
-        target: t,
-        currentTarget: t
-      }), r && p();
-    }, o = typeof n == "number" && (S ?? !0) && n > 0, h = ve(g), I = o ? Math.max(0, n - h) : 0, U = o ? h / n : 0, [X, Z] = k("");
-    de(() => {
-      if (!o) return;
-      const e = window.setTimeout(() => {
-        l.current || Z(
-          N("ui.inputs.textarea.charactersRemaining", {
-            count: I,
-            defaultValue: "{{count}} characters remaining"
-          })
-        );
-      }, 500);
-      return () => window.clearTimeout(e);
-    }, [o, I, N]);
-    const V = o ? `${F}-counter` : void 0, L = [a.describedBy || void 0, V].filter(Boolean).join(" ") || void 0, R = r ? "auto" : "manual";
-    return /* @__PURE__ */ x("div", { "data-component": "text-area", className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      /* @__PURE__ */ A(
-        "textarea",
-        {
-          ref: _,
-          id: F,
-          value: c ? g : void 0,
-          defaultValue: c ? void 0 : T,
-          disabled: O,
-          "aria-describedby": L,
-          "aria-invalid": a.invalid || void 0,
-          "aria-required": a.required || void 0,
-          maxLength: n,
-          rows: r ? f : W,
-          onChange: J,
-          onCompositionStart: K,
-          onCompositionEnd: Q,
-          onInput: $,
-          className: fe({
-            size: s,
-            tone: Y,
-            resize: R,
-            className: q
-          }),
-          ...D
-        }
-      ),
-      o ? /* @__PURE__ */ x(
-        "div",
-        {
-          id: V,
-          className: "ds:flex ds:justify-end type-meta ds:tabular-nums",
-          children: [
-            /* @__PURE__ */ x("span", { "aria-hidden": "true", className: me(U), children: [
-              h,
-              " / ",
-              n
-            ] }),
-            /* @__PURE__ */ A("span", { className: "ds:sr-only", "aria-live": "polite", children: X })
-          ]
-        }
-      ) : null
-    ] });
-  }
-);
-be.displayName = "TextArea";
-export {
-  be as T
-};
-//# sourceMappingURL=text-area-DmKSd2DG.js.map

package/dist/_chunks/text-area-DmKSd2DG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-area-DmKSd2DG.js","sources":["../../src/components/text-area/text-area.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\n\nconst textAreaVariants = cva(\n  [\n    'ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-background ds:text-foreground',\n    'ds:leading-[var(--line-height-base)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n    'ds:focus:outline-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:read-only:bg-muted ds:read-only:cursor-default',\n    'ds:transition-[height,color,background-color,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:placeholder:text-muted-foreground',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-[calc(var(--min-target-size)*1.5)] ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive',\n      },\n      resize: {\n        auto: 'ds:resize-none',\n        manual: 'ds:resize-y',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default', resize: 'manual' },\n  },\n);\n\nconst counterToneClass = (ratio: number): string => {\n  if (ratio >= 1) return 'ds:text-destructive';\n  if (ratio >= 0.9) return 'ds:text-warning';\n  return 'ds:text-muted-foreground';\n};\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'children' | 'size'\n>;\n\nexport interface TextAreaProps\n  extends NativeTextareaProps,\n    Pick<VariantProps<typeof textAreaVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  autoResize?: boolean;\n  minRows?: number;\n  maxRows?: number;\n  showCounter?: boolean;\n}\n\nconst codePointLength = (value: string): number => [...value].length;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      autoResize = false,\n      minRows = 2,\n      maxRows,\n      showCounter,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      maxLength,\n      rows,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      onInput,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const textAreaId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone: 'default' | 'error' = ctx.invalid ? 'error' : tone;\n\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const composingRef = useRef(false);\n\n    const resizeTextArea = useCallback(() => {\n      const el = innerRef.current;\n      if (!el || !autoResize) return;\n\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight);\n      const paddingTop = parseFloat(styles.paddingTop);\n      const paddingBottom = parseFloat(styles.paddingBottom);\n      const borderTop = parseFloat(styles.borderTopWidth);\n      const borderBottom = parseFloat(styles.borderBottomWidth);\n      const verticalChrome =\n        paddingTop + paddingBottom + borderTop + borderBottom;\n\n      const minH =\n        (Number.isFinite(lineHeight) ? lineHeight : 24) * minRows +\n        verticalChrome;\n      const maxH =\n        typeof maxRows === 'number'\n          ? (Number.isFinite(lineHeight) ? lineHeight : 24) * maxRows +\n            verticalChrome\n          : Number.POSITIVE_INFINITY;\n\n      // EXCEPTION to constraint #4 (no inline styles): height is computed from\n      // runtime scrollHeight and cannot be expressed as a static Tailwind class.\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n    }, [autoResize, minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      if (!autoResize) return;\n      resizeTextArea();\n    }, [autoResize, resizeTextArea, currentValue]);\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n    };\n\n    const handleCompositionStart = (\n      event: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = true;\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (\n      event: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = false;\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setInternalValue(target.value);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLTextAreaElement>);\n      if (autoResize) resizeTextArea();\n    };\n\n    const counterEnabled =\n      typeof maxLength === 'number' &&\n      (showCounter ?? true) &&\n      maxLength > 0;\n\n    const current = codePointLength(currentValue);\n    const remaining = counterEnabled\n      ? Math.max(0, (maxLength as number) - current)\n      : 0;\n    const ratio = counterEnabled ? current / (maxLength as number) : 0;\n\n    const [announced, setAnnounced] = useState<string>('');\n    useEffect(() => {\n      if (!counterEnabled) return;\n      const handle = window.setTimeout(() => {\n        if (composingRef.current) return;\n        setAnnounced(\n          t('ui.inputs.textarea.charactersRemaining', {\n            count: remaining,\n            defaultValue: '{{count}} characters remaining',\n          }),\n        );\n      }, 500);\n      return () => window.clearTimeout(handle);\n    }, [counterEnabled, remaining, t]);\n\n    const counterId = counterEnabled ? `${textAreaId}-counter` : undefined;\n    const describedBy =\n      [ctx.describedBy || undefined, counterId].filter(Boolean).join(' ') ||\n      undefined;\n\n    const resizeVariant: 'auto' | 'manual' = autoResize ? 'auto' : 'manual';\n\n    return (\n      <div data-component=\"text-area\" className=\"ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <textarea\n          ref={setRefs}\n          id={textAreaId}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          disabled={effectiveDisabled}\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          maxLength={maxLength}\n          rows={autoResize ? minRows : rows}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          onInput={onInput}\n          className={textAreaVariants({\n            size,\n            tone: effectiveTone,\n            resize: resizeVariant,\n            className,\n          })}\n          {...props}\n        />\n        {counterEnabled ? (\n          <div\n            id={counterId}\n            className=\"ds:flex ds:justify-end type-meta ds:tabular-nums\"\n          >\n            <span aria-hidden=\"true\" className={counterToneClass(ratio)}>\n              {current} / {maxLength}\n            </span>\n            <span className=\"ds:sr-only\" aria-live=\"polite\">\n              {announced}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextArea.displayName = 'TextArea';\n"],"names":["textAreaVariants","cva","counterToneClass","ratio","codePointLength","value","TextArea","forwardRef","size","tone","autoResize","minRows","maxRows","showCounter","className","id","disabled","defaultValue","maxLength","rows","onChange","onCompositionStart","onCompositionEnd","onInput","props","ref","t","useTranslation","ctx","useFormField","textAreaId","effectiveDisabled","effectiveTone","innerRef","useRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","composingRef","resizeTextArea","el","styles","lineHeight","paddingTop","paddingBottom","borderTop","borderBottom","verticalChrome","minH","maxH","next","useLayoutEffect","handleChange","event","handleCompositionStart","handleCompositionEnd","target","counterEnabled","current","remaining","announced","setAnnounced","useEffect","handle","counterId","describedBy","resizeVariant","jsxs","jsx"],"mappings":";;;;;AAeA,MAAMA,KAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB,EAAE,MAAM,MAAM,MAAM,WAAW,QAAQ,SAAA;AAAA,EAAS;AAErE,GAEMC,KAAmB,CAACC,MACpBA,KAAS,IAAU,wBACnBA,KAAS,MAAY,oBAClB,4BAmBHC,KAAkB,CAACC,MAA0B,CAAC,GAAGA,CAAK,EAAE,QAEjDC,KAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,YAAAC,IAAa;AAAA,IACb,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAX;AAAA,IACA,cAAAY;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAMC,GAAA,GACNC,IAAaf,KAAMa,EAAI,IACvBG,IAAoBH,EAAI,YAAYZ,GACpCgB,IAAqCJ,EAAI,UAAU,UAAUnB,GAE7DwB,IAAWC,EAAmC,IAAI,GAClDC,IAAUC;AAAA,MACd,CAACC,MAAqC;AACpC,QAAAJ,EAAS,UAAUI,GACf,OAAOZ,KAAQ,aACjBA,EAAIY,CAAI,IACCZ,MACTA,EAAI,UAAUY;AAAA,MAElB;AAAA,MACA,CAACZ,CAAG;AAAA,IAAA,GAGAa,IAAejC,MAAU,QACzB,CAACkC,GAAeC,CAAgB,IAAIC;AAAA,MACxC,OAAOxB,KAAgB,EAAE;AAAA,IAAA,GAErByB,IAAeJ,IAAe,OAAOjC,CAAK,IAAIkC,GAE9CI,IAAeT,EAAO,EAAK,GAE3BU,IAAiBR,EAAY,MAAM;AACvC,YAAMS,IAAKZ,EAAS;AACpB,UAAI,CAACY,KAAM,CAACnC,EAAY;AAExB,YAAMoC,IAAS,OAAO,iBAAiBD,CAAE,GACnCE,IAAa,WAAWD,EAAO,UAAU,GACzCE,IAAa,WAAWF,EAAO,UAAU,GACzCG,KAAgB,WAAWH,EAAO,aAAa,GAC/CI,KAAY,WAAWJ,EAAO,cAAc,GAC5CK,KAAe,WAAWL,EAAO,iBAAiB,GAClDM,IACJJ,IAAaC,KAAgBC,KAAYC,IAErCE,MACH,OAAO,SAASN,CAAU,IAAIA,IAAa,MAAMpC,IAClDyC,GACIE,KACJ,OAAO1C,KAAY,YACd,OAAO,SAASmC,CAAU,IAAIA,IAAa,MAAMnC,IAClDwC,IACA,OAAO;AAIb,MAAAP,EAAG,MAAM,SAAS;AAClB,YAAMU,KAAO,KAAK,IAAIF,IAAM,KAAK,IAAIR,EAAG,cAAcS,EAAI,CAAC;AAC3D,MAAAT,EAAG,MAAM,SAAS,GAAGU,EAAI;AAAA,IAC3B,GAAG,CAAC7C,GAAYC,GAASC,CAAO,CAAC;AAEjC,IAAA4C,GAAgB,MAAM;AACpB,MAAK9C,KACLkC,EAAA;AAAA,IACF,GAAG,CAAClC,GAAYkC,GAAgBF,CAAY,CAAC;AAE7C,UAAMe,IAAe,CAACC,MAA4C;AAIhE,MAHKpB,KACHE,EAAiBkB,EAAM,OAAO,KAAK,GAEjC,CAAAf,EAAa,YACjBvB,KAAA,QAAAA,EAAWsC;AAAA,IACb,GAEMC,IAAyB,CAC7BD,MACG;AACH,MAAAf,EAAa,UAAU,IACvBtB,KAAA,QAAAA,EAAqBqC;AAAA,IACvB,GAEME,IAAuB,CAC3BF,MACG;AACH,MAAAf,EAAa,UAAU,IACvBrB,KAAA,QAAAA,EAAmBoC;AACnB,YAAMG,IAASH,EAAM;AACrB,MAAKpB,KACHE,EAAiBqB,EAAO,KAAK,GAM/BzC,KAAA,QAAAA,EAAW;AAAA,QACT,GAAGsC;AAAA,QACH,QAAAG;AAAA,QACA,eAAeA;AAAA,MAAA,IAEbnD,KAAYkC,EAAA;AAAA,IAClB,GAEMkB,IACJ,OAAO5C,KAAc,aACpBL,KAAe,OAChBK,IAAY,GAER6C,IAAU3D,GAAgBsC,CAAY,GACtCsB,IAAYF,IACd,KAAK,IAAI,GAAI5C,IAAuB6C,CAAO,IAC3C,GACE5D,IAAQ2D,IAAiBC,IAAW7C,IAAuB,GAE3D,CAAC+C,GAAWC,CAAY,IAAIzB,EAAiB,EAAE;AACrD,IAAA0B,GAAU,MAAM;AACd,UAAI,CAACL,EAAgB;AACrB,YAAMM,IAAS,OAAO,WAAW,MAAM;AACrC,QAAIzB,EAAa,WACjBuB;AAAA,UACExC,EAAE,0CAA0C;AAAA,YAC1C,OAAOsC;AAAA,YACP,cAAc;AAAA,UAAA,CACf;AAAA,QAAA;AAAA,MAEL,GAAG,GAAG;AACN,aAAO,MAAM,OAAO,aAAaI,CAAM;AAAA,IACzC,GAAG,CAACN,GAAgBE,GAAWtC,CAAC,CAAC;AAEjC,UAAM2C,IAAYP,IAAiB,GAAGhC,CAAU,aAAa,QACvDwC,IACJ,CAAC1C,EAAI,eAAe,QAAWyC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAClE,QAEIE,IAAmC7D,IAAa,SAAS;AAE/D,WACE,gBAAA8D,EAAC,OAAA,EAAI,kBAAe,aAAY,WAAU,4DACxC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKtC;AAAA,UACL,IAAIL;AAAA,UACJ,OAAOQ,IAAeI,IAAe;AAAA,UACrC,cAAeJ,IAA8B,SAAfrB;AAAA,UAC9B,UAAUc;AAAA,UACV,oBAAkBuC;AAAA,UAClB,gBAAc1C,EAAI,WAAW;AAAA,UAC7B,iBAAeA,EAAI,YAAY;AAAA,UAC/B,WAAAV;AAAA,UACA,MAAMR,IAAaC,IAAUQ;AAAA,UAC7B,UAAUsC;AAAA,UACV,oBAAoBE;AAAA,UACpB,kBAAkBC;AAAA,UAClB,SAAArC;AAAA,UACA,WAAWvB,GAAiB;AAAA,YAC1B,MAAAQ;AAAA,YACA,MAAMwB;AAAA,YACN,QAAQuC;AAAA,YACR,WAAAzD;AAAA,UAAA,CACD;AAAA,UACA,GAAGU;AAAA,QAAA;AAAA,MAAA;AAAA,MAELsC,IACC,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIH;AAAA,UACJ,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAG,EAAC,UAAK,eAAY,QAAO,WAAWtE,GAAiBC,CAAK,GACvD,UAAA;AAAA,cAAA4D;AAAA,cAAQ;AAAA,cAAI7C;AAAA,YAAA,GACf;AAAA,8BACC,QAAA,EAAK,WAAU,cAAa,aAAU,UACpC,UAAA+C,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAEA;AAAA,IAAA,GACN;AAAA,EAEJ;AACF;AAEA3D,GAAS,cAAc;"}

package/dist/_chunks/text-input-CRHvl5zk.js

@@ -1,188 +0,0 @@
-import { jsxs as Y, jsx as d } from "react/jsx-runtime";
-import { forwardRef as Z, useState as E, useRef as z, useCallback as A } from "react";
-import { c as I } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { u as ss } from "./form-field-context-94LwgYTQ.js";
-import { I as es, a as h, b as v } from "./input-surface-u4QB0lxe.js";
-import { X as ts } from "./x-CCcI3eJp.js";
-const as = I(
-  [
-    "ds:relative ds:flex ds:items-center ds:w-full",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
-    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-within:outline-[CanvasText]",
-    "ds:has-[:disabled]:cursor-not-allowed"
-  ].join(" ")
-), rs = I(
-  [
-    "ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-background ds:text-foreground",
-    "ds:placeholder:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus:outline-none ds:focus-visible:outline-none",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: `${h.sm} ${v.sm}`,
-        md: `${h.md} ${v.md}`,
-        lg: `${h.lg} ${v.lg}`
-      },
-      tone: es,
-      hasStart: {
-        true: "ds:ps-10",
-        false: ""
-      },
-      hasEnd: {
-        true: "ds:pe-10",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      { size: "sm", hasStart: !1, class: "ds:ps-3" },
-      { size: "md", hasStart: !1, class: "ds:ps-3" },
-      { size: "lg", hasStart: !1, class: "ds:ps-4" },
-      { size: "sm", hasEnd: !1, class: "ds:pe-3" },
-      { size: "md", hasEnd: !1, class: "ds:pe-3" },
-      { size: "lg", hasEnd: !1, class: "ds:pe-4" }
-    ],
-    defaultVariants: {
-      size: "md",
-      tone: "default",
-      hasStart: !1,
-      hasEnd: !1
-    }
-  }
-), N = "ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground", ds = Z(
-  ({
-    size: P = "md",
-    tone: R = "default",
-    startAdornment: o,
-    endAdornment: l,
-    clearable: V = !1,
-    onClear: u,
-    className: _,
-    id: $,
-    disabled: j,
-    value: b,
-    defaultValue: O,
-    onChange: t,
-    onCompositionStart: c,
-    onCompositionEnd: f,
-    ...x
-  }, r) => {
-    const { t: U } = C(), a = ss(), k = $ ?? a.id, y = a.disabled || j, F = a.invalid ? "error" : R, i = b !== void 0, [B, p] = E(
-      String(O ?? "")
-    ), T = i ? String(b) : B, D = T.length > 0, m = z(!1), [q, w] = E(!1), n = z(null), H = A(
-      (s) => {
-        n.current = s, typeof r == "function" ? r(s) : r && (r.current = s);
-      },
-      [r]
-    ), X = !!o, S = V && D && !y && !x.readOnly, G = !!l || S, W = (s) => {
-      i || p(s.target.value), !m.current && (t == null || t(s));
-    }, J = (s) => {
-      m.current = !0, w(!0), c == null || c(s);
-    }, K = (s) => {
-      m.current = !1, w(!1), f == null || f(s);
-      const e = s.currentTarget;
-      i || p(e.value), t == null || t({
-        ...s,
-        target: e,
-        currentTarget: e
-      });
-    }, L = () => {
-      var e;
-      i || p("");
-      const s = n.current;
-      if (s && t) {
-        const Q = Object.getPrototypeOf(s), g = (e = Object.getOwnPropertyDescriptor(Q, "value")) == null ? void 0 : e.set;
-        g == null || g.call(s, ""), t({
-          target: s,
-          currentTarget: s,
-          bubbles: !0,
-          type: "change",
-          nativeEvent: new Event("change", { bubbles: !0 }),
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isDefaultPrevented: () => !1,
-          isPropagationStopped: () => !1,
-          persist: () => {
-          }
-        });
-      }
-      u == null || u(), s == null || s.focus();
-    }, M = (s) => {
-      var e;
-      s.target !== n.current && (s.target.closest("button") || (e = n.current) == null || e.focus());
-    };
-    return /* @__PURE__ */ Y(
-      "div",
-      {
-        className: as(),
-        onClick: M,
-        "data-component": "text-input",
-        "data-composing": q ? "true" : void 0,
-        children: [
-          o ? /* @__PURE__ */ d(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${N} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
-              children: o
-            }
-          ) : null,
-          /* @__PURE__ */ d(
-            "input",
-            {
-              ref: H,
-              id: k,
-              type: "text",
-              value: T,
-              disabled: y,
-              "aria-describedby": a.describedBy || void 0,
-              "aria-invalid": a.invalid || void 0,
-              "aria-required": a.required || void 0,
-              onChange: W,
-              onCompositionStart: J,
-              onCompositionEnd: K,
-              className: rs({
-                size: P,
-                tone: F,
-                hasStart: X,
-                hasEnd: G,
-                className: _
-              }),
-              ...x
-            }
-          ),
-          S ? /* @__PURE__ */ d(
-            "button",
-            {
-              type: "button",
-              "aria-label": U("ui.inputs.text.clear", "Clear input"),
-              onClick: L,
-              className: "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-              children: /* @__PURE__ */ d(ts, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ) : l ? /* @__PURE__ */ d(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${N} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`,
-              children: l
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ds.displayName = "TextInput";
-export {
-  ds as T
-};
-//# sourceMappingURL=text-input-CRHvl5zk.js.map

package/dist/_chunks/text-input-CRHvl5zk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-input-CRHvl5zk.js","sources":["../../src/components/text-input/text-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\n\nconst wrapperVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst inputVariants = cva(\n  [\n    'ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-background ds:text-foreground',\n    'ds:placeholder:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus:outline-none ds:focus-visible:outline-none',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:read-only:bg-muted ds:read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n      hasStart: {\n        true: 'ds:ps-10',\n        false: '',\n      },\n      hasEnd: {\n        true: 'ds:pe-10',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', hasStart: false, class: 'ds:ps-3' },\n      { size: 'md', hasStart: false, class: 'ds:ps-3' },\n      { size: 'lg', hasStart: false, class: 'ds:ps-4' },\n      { size: 'sm', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'md', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'lg', hasEnd: false, class: 'ds:pe-4' },\n    ],\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n      hasStart: false,\n      hasEnd: false,\n    },\n  },\n);\n\nconst adornmentBase =\n  'ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground';\n\nexport interface TextInputProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'size' | 'onChange' | 'onCompositionStart' | 'onCompositionEnd'\n    >,\n    Pick<VariantProps<typeof inputVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  onCompositionStart?: (event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionEnd?: (event: CompositionEvent<HTMLInputElement>) => void;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      clearable = false,\n      onClear,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : tone;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n    const hasValue = currentValue.length > 0;\n\n    const composingRef = useRef(false);\n    const [composingState, setComposingState] = useState(false);\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const showClear = clearable && hasValue && !effectiveDisabled && !props.readOnly;\n    const hasEnd = Boolean(endAdornment) || showClear;\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n    };\n\n    const handleCompositionStart = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = true;\n      setComposingState(true);\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      setComposingState(false);\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setInternalValue(target.value);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLInputElement>);\n    };\n\n    const handleClear = () => {\n      if (!isControlled) {\n        setInternalValue('');\n      }\n      const node = innerRef.current;\n      if (node && onChange) {\n        // Drive the DOM value to '' via the prototype setter so downstream\n        // reads of event.target.value see the cleared value, then forward a\n        // synthesised ChangeEvent to consumers (form libraries drive state\n        // from onChange, not onClear).\n        const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n        const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n        setter?.call(node, '');\n        onChange({\n          target: node,\n          currentTarget: node,\n          bubbles: true,\n          type: 'change',\n          nativeEvent: new Event('change', { bubbles: true }),\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isDefaultPrevented: () => false,\n          isPropagationStopped: () => false,\n          persist: () => {},\n        } as unknown as ChangeEvent<HTMLInputElement>);\n      }\n      onClear?.();\n      node?.focus();\n    };\n\n    const handleWrapperClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (event.target === innerRef.current) return;\n      if ((event.target as HTMLElement).closest('button')) return;\n      innerRef.current?.focus();\n    };\n\n    return (\n      <div\n        className={wrapperVariants()}\n        onClick={handleWrapperClick}\n        data-component=\"text-input\"\n        data-composing={composingState ? 'true' : undefined}\n      >\n        {startAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`}\n          >\n            {startAdornment}\n          </span>\n        ) : null}\n        <input\n          ref={setRefs}\n          id={inputId}\n          type=\"text\"\n          value={currentValue}\n          disabled={effectiveDisabled}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={inputVariants({\n            size,\n            tone: effectiveTone,\n            hasStart,\n            hasEnd,\n            className,\n          })}\n          {...props}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={t('ui.inputs.text.clear', 'Clear input')}\n            onClick={handleClear}\n            className=\"ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none\"\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : endAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`}\n          >\n            {endAdornment}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\n"],"names":["wrapperVariants","cva","inputVariants","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","adornmentBase","TextInput","forwardRef","size","tone","startAdornment","endAdornment","clearable","onClear","className","id","disabled","value","defaultValue","onChange","onCompositionStart","onCompositionEnd","props","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","effectiveTone","isControlled","internalValue","setInternalValue","useState","currentValue","hasValue","composingRef","useRef","composingState","setComposingState","innerRef","setRefs","useCallback","node","hasStart","showClear","hasEnd","handleChange","event","handleCompositionStart","handleCompositionEnd","target","handleClear","prototype","setter","_a","handleWrapperClick","jsxs","jsx","X"],"mappings":"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"}