@devslab/dds-react 0.23.0 → 0.25.0

package/dist/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAC/C;IACD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,yEAAyE;AACzE,eAAO,MAAM,KAAK,yGA8GhB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AACD,uEAAuE;AACvE,eAAO,MAAM,UAAU,4GAgBtB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAC/C;IACD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,yEAAyE;AACzE,eAAO,MAAM,KAAK,yGA+GhB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AACD,uEAAuE;AACvE,eAAO,MAAM,UAAU,4GAgBtB,CAAC"}

package/dist/input.js

@@ -14,7 +14,7 @@ var c = t(function({ value: t, defaultValue: c = "", onValueChange: l, label: u,
 		let e = E.current;
 		if (!e) return;
 		e.defaultValue = D.current;
-		let t = (t) => queueMicrotask(() => {
+		let t = (t) => setTimeout(() => {
 			t.defaultPrevented || (M.current.controlled ? e.value = M.current.current : (e.value = D.current, k(D.current)));
 		}), n = e.form;
 		return n?.addEventListener("reset", t), () => n?.removeEventListener("reset", t);

package/dist/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../src/input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\n\nexport type LabelPlacement = \"outside\" | \"inside\" | \"hidden\";\nexport interface InputProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"defaultValue\" | \"children\"\n  > {\n  type?: \"text\" | \"search\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (next: string) => void;\n  label?: ReactNode;\n  labelPlacement?: LabelPlacement;\n  clearable?: boolean;\n  clearLabel?: string;\n  wrapperClassName?: string;\n}\n\n/** A native text input. Supply label, aria-label, or aria-labelledby. */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    label,\n    labelPlacement = \"outside\",\n    clearable,\n    clearLabel = \"내용 지우기\",\n    wrapperClassName,\n    className,\n    id: requestedId,\n    type = \"text\",\n    onChange,\n    onKeyDown,\n    disabled,\n    readOnly,\n    ...rest\n  },\n  forwardedRef,\n) {\n  const generated = useId();\n  const id = requestedId ?? `dds-input-${generated}`;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const initial = useRef(defaultValue);\n  const [internal, setInternal] = useState(defaultValue);\n  const current = value ?? internal;\n  const controlled = value !== undefined;\n  const latest = useRef({ controlled, current });\n  latest.current = { controlled, current };\n  useEffect(() => {\n    const input = inputRef.current;\n    if (!input) return;\n    input.defaultValue = initial.current;\n    // Reset happens after the event dispatch. Respect preventDefault, and keep\n    // the parent's controlled value when the browser resets native form data.\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (event.defaultPrevented) return;\n        if (latest.current.controlled) input.value = latest.current.current;\n        else {\n          input.value = initial.current;\n          setInternal(initial.current);\n        }\n      });\n    const form = input.form;\n    form?.addEventListener(\"reset\", reset);\n    return () => form?.removeEventListener(\"reset\", reset);\n  }, [rest.form]);\n  const update = (next: string) => {\n    if (disabled || readOnly) return;\n    if (!controlled) setInternal(next);\n    onValueChange?.(next);\n  };\n  return (\n    <span\n      className={classes(\"dds-input\", wrapperClassName)}\n      data-label-placement={labelPlacement}\n      data-filled={current.length > 0 ? \"\" : undefined}\n      data-disabled={disabled ? \"\" : undefined}\n      data-readonly={readOnly ? \"\" : undefined}\n    >\n      {label != null && (\n        <label htmlFor={id} className=\"dds-input__label\">\n          {label}\n        </label>\n      )}\n      <input\n        {...rest}\n        id={id}\n        type={type}\n        disabled={disabled}\n        readOnly={readOnly}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof forwardedRef === \"function\") forwardedRef(node);\n          else if (forwardedRef) forwardedRef.current = node;\n        }}\n        className={classes(\"dds-input__control\", className)}\n        value={current}\n        onChange={(event) => {\n          onChange?.(event);\n          update(event.currentTarget.value);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (\n            event.key === \"Enter\" &&\n            (event.nativeEvent.isComposing || event.keyCode === 229)\n          )\n            event.preventDefault();\n        }}\n      />\n      {clearable && current.length > 0 && !disabled && !readOnly && (\n        <button\n          type=\"button\"\n          className=\"dds-input__clear\"\n          aria-label={clearLabel}\n          onPointerDown={(event) => event.preventDefault()}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            update(\"\");\n            inputRef.current?.focus();\n          }}\n        >\n          <span aria-hidden=\"true\">×</span>\n        </button>\n      )}\n    </span>\n  );\n});\n\nexport interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {\n  start?: ReactNode;\n  end?: ReactNode;\n}\n/** Layout only: the child Input owns its value and accessible name. */\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(\n  function InputGroup({ start, end, className, children, ...rest }, ref) {\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-input-group\", className)}\n      >\n        {start != null && (\n          <span className=\"dds-input-group__start\">{start}</span>\n        )}\n        {children}\n        {end != null && <span className=\"dds-input-group__end\">{end}</span>}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;AA8BA,IAAa,IAAQ,EAAyC,SAC5D,EACE,UACA,kBAAe,IACf,kBACA,UACA,oBAAiB,WACjB,cACA,gBAAa,UACb,qBACA,cACA,IAAI,GACJ,UAAO,QACP,aACA,cACA,aACA,aACA,GAAG,KAEL,GACA;CACA,IAAM,IAAY,EAAM,GAClB,IAAK,KAAe,aAAa,KACjC,IAAW,EAAgC,IAAI,GAC/C,IAAU,EAAO,CAAY,GAC7B,CAAC,GAAU,KAAe,EAAS,CAAY,GAC/C,IAAU,KAAS,GACnB,IAAa,MAAU,KAAA,GACvB,IAAS,EAAO;EAAE;EAAY;CAAQ,CAAC;CAE7C,AADA,EAAO,UAAU;EAAE;EAAY;CAAQ,GACvC,QAAgB;EACd,IAAM,IAAQ,EAAS;EACvB,IAAI,CAAC,GAAO;EACZ,EAAM,eAAe,EAAQ;EAG7B,IAAM,KAAS,MACb,qBAAqB;GACf,EAAM,qBACN,EAAO,QAAQ,aAAY,EAAM,QAAQ,EAAO,QAAQ,WAE1D,EAAM,QAAQ,EAAQ,SACtB,EAAY,EAAQ,OAAO;EAE/B,CAAC,GACG,IAAO,EAAM;EAEnB,OADA,GAAM,iBAAiB,SAAS,CAAK,SACxB,GAAM,oBAAoB,SAAS,CAAK;CACvD,GAAG,CAAC,EAAK,IAAI,CAAC;CACd,IAAM,KAAU,MAAiB;EAC3B,KAAY,MACX,KAAY,EAAY,CAAI,GACjC,IAAgB,CAAI;CACtB;CACA,OACE,kBAAC,QAAD;EACE,WAAW,EAAQ,aAAa,CAAgB;EAChD,wBAAsB;EACtB,eAAa,EAAQ,SAAS,IAAI,KAAK,KAAA;EACvC,iBAAe,IAAW,KAAK,KAAA;EAC/B,iBAAe,IAAW,KAAK,KAAA;EALjC,UAAA;GAOG,KAAS,QACR,kBAAC,SAAD;IAAO,SAAS;IAAI,WAAU;IAC3B,UAAA;GACI,CAAA;GAET,kBAAC,SAAD;IACE,GAAI;IACA;IACE;IACI;IACA;IACV,MAAM,MAAS;KAEb,AADA,EAAS,UAAU,GACf,OAAO,KAAiB,aAAY,EAAa,CAAI,IAChD,MAAc,EAAa,UAAU;IAChD;IACA,WAAW,EAAQ,sBAAsB,CAAS;IAClD,OAAO;IACP,WAAW,MAAU;KAEnB,AADA,IAAW,CAAK,GAChB,EAAO,EAAM,cAAc,KAAK;IAClC;IACA,YAAY,MAAU;KAEpB,AADA,IAAY,CAAK,GAEf,EAAM,QAAQ,YACb,EAAM,YAAY,eAAe,EAAM,YAAY,QAEpD,EAAM,eAAe;IACzB;GACD,CAAA;GACA,KAAa,EAAQ,SAAS,KAAK,CAAC,KAAY,CAAC,KAChD,kBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,cAAY;IACZ,gBAAgB,MAAU,EAAM,eAAe;IAC/C,cAAc,MAAU,EAAM,eAAe;IAC7C,eAAe;KAEb,AADA,EAAO,EAAE,GACT,EAAS,SAAS,MAAM;IAC1B;IAEA,UAAA,kBAAC,QAAD;KAAM,eAAY;KAAO,UAAA;IAAO,CAAA;GAC1B,CAAA;EAEN;;AAEV,CAAC,GAOY,IAAa,EACxB,SAAoB,EAAE,UAAO,QAAK,cAAW,aAAU,GAAG,KAAQ,GAAK;CACrE,OACE,kBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,EAAQ,mBAAmB,CAAS;EAHjD,UAAA;GAKG,KAAS,QACR,kBAAC,QAAD;IAAM,WAAU;IAA0B,UAAA;GAAY,CAAA;GAEvD;GACA,KAAO,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAwB,UAAA;GAAU,CAAA;EAC/D;;AAET,CACF"}
+{"version":3,"file":"input.js","names":[],"sources":["../src/input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\n\nexport type LabelPlacement = \"outside\" | \"inside\" | \"hidden\";\nexport interface InputProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"defaultValue\" | \"children\"\n  > {\n  type?: \"text\" | \"search\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (next: string) => void;\n  label?: ReactNode;\n  labelPlacement?: LabelPlacement;\n  clearable?: boolean;\n  clearLabel?: string;\n  wrapperClassName?: string;\n}\n\n/** A native text input. Supply label, aria-label, or aria-labelledby. */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    label,\n    labelPlacement = \"outside\",\n    clearable,\n    clearLabel = \"내용 지우기\",\n    wrapperClassName,\n    className,\n    id: requestedId,\n    type = \"text\",\n    onChange,\n    onKeyDown,\n    disabled,\n    readOnly,\n    ...rest\n  },\n  forwardedRef,\n) {\n  const generated = useId();\n  const id = requestedId ?? `dds-input-${generated}`;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const initial = useRef(defaultValue);\n  const [internal, setInternal] = useState(defaultValue);\n  const current = value ?? internal;\n  const controlled = value !== undefined;\n  const latest = useRef({ controlled, current });\n  latest.current = { controlled, current };\n  useEffect(() => {\n    const input = inputRef.current;\n    if (!input) return;\n    input.defaultValue = initial.current;\n    // The browser resets the controls after the reset event; after a reset-button\n    // click a microtask would run before that, so restore on a task. Respect\n    // preventDefault, and keep the parent's controlled value.\n    const reset = (event: Event) =>\n      setTimeout(() => {\n        if (event.defaultPrevented) return;\n        if (latest.current.controlled) input.value = latest.current.current;\n        else {\n          input.value = initial.current;\n          setInternal(initial.current);\n        }\n      });\n    const form = input.form;\n    form?.addEventListener(\"reset\", reset);\n    return () => form?.removeEventListener(\"reset\", reset);\n  }, [rest.form]);\n  const update = (next: string) => {\n    if (disabled || readOnly) return;\n    if (!controlled) setInternal(next);\n    onValueChange?.(next);\n  };\n  return (\n    <span\n      className={classes(\"dds-input\", wrapperClassName)}\n      data-label-placement={labelPlacement}\n      data-filled={current.length > 0 ? \"\" : undefined}\n      data-disabled={disabled ? \"\" : undefined}\n      data-readonly={readOnly ? \"\" : undefined}\n    >\n      {label != null && (\n        <label htmlFor={id} className=\"dds-input__label\">\n          {label}\n        </label>\n      )}\n      <input\n        {...rest}\n        id={id}\n        type={type}\n        disabled={disabled}\n        readOnly={readOnly}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof forwardedRef === \"function\") forwardedRef(node);\n          else if (forwardedRef) forwardedRef.current = node;\n        }}\n        className={classes(\"dds-input__control\", className)}\n        value={current}\n        onChange={(event) => {\n          onChange?.(event);\n          update(event.currentTarget.value);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (\n            event.key === \"Enter\" &&\n            (event.nativeEvent.isComposing || event.keyCode === 229)\n          )\n            event.preventDefault();\n        }}\n      />\n      {clearable && current.length > 0 && !disabled && !readOnly && (\n        <button\n          type=\"button\"\n          className=\"dds-input__clear\"\n          aria-label={clearLabel}\n          onPointerDown={(event) => event.preventDefault()}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            update(\"\");\n            inputRef.current?.focus();\n          }}\n        >\n          <span aria-hidden=\"true\">×</span>\n        </button>\n      )}\n    </span>\n  );\n});\n\nexport interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {\n  start?: ReactNode;\n  end?: ReactNode;\n}\n/** Layout only: the child Input owns its value and accessible name. */\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(\n  function InputGroup({ start, end, className, children, ...rest }, ref) {\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-input-group\", className)}\n      >\n        {start != null && (\n          <span className=\"dds-input-group__start\">{start}</span>\n        )}\n        {children}\n        {end != null && <span className=\"dds-input-group__end\">{end}</span>}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;AA8BA,IAAa,IAAQ,EAAyC,SAC5D,EACE,UACA,kBAAe,IACf,kBACA,UACA,oBAAiB,WACjB,cACA,gBAAa,UACb,qBACA,cACA,IAAI,GACJ,UAAO,QACP,aACA,cACA,aACA,aACA,GAAG,KAEL,GACA;CACA,IAAM,IAAY,EAAM,GAClB,IAAK,KAAe,aAAa,KACjC,IAAW,EAAgC,IAAI,GAC/C,IAAU,EAAO,CAAY,GAC7B,CAAC,GAAU,KAAe,EAAS,CAAY,GAC/C,IAAU,KAAS,GACnB,IAAa,MAAU,KAAA,GACvB,IAAS,EAAO;EAAE;EAAY;CAAQ,CAAC;CAE7C,AADA,EAAO,UAAU;EAAE;EAAY;CAAQ,GACvC,QAAgB;EACd,IAAM,IAAQ,EAAS;EACvB,IAAI,CAAC,GAAO;EACZ,EAAM,eAAe,EAAQ;EAI7B,IAAM,KAAS,MACb,iBAAiB;GACX,EAAM,qBACN,EAAO,QAAQ,aAAY,EAAM,QAAQ,EAAO,QAAQ,WAE1D,EAAM,QAAQ,EAAQ,SACtB,EAAY,EAAQ,OAAO;EAE/B,CAAC,GACG,IAAO,EAAM;EAEnB,OADA,GAAM,iBAAiB,SAAS,CAAK,SACxB,GAAM,oBAAoB,SAAS,CAAK;CACvD,GAAG,CAAC,EAAK,IAAI,CAAC;CACd,IAAM,KAAU,MAAiB;EAC3B,KAAY,MACX,KAAY,EAAY,CAAI,GACjC,IAAgB,CAAI;CACtB;CACA,OACE,kBAAC,QAAD;EACE,WAAW,EAAQ,aAAa,CAAgB;EAChD,wBAAsB;EACtB,eAAa,EAAQ,SAAS,IAAI,KAAK,KAAA;EACvC,iBAAe,IAAW,KAAK,KAAA;EAC/B,iBAAe,IAAW,KAAK,KAAA;EALjC,UAAA;GAOG,KAAS,QACR,kBAAC,SAAD;IAAO,SAAS;IAAI,WAAU;IAC3B,UAAA;GACI,CAAA;GAET,kBAAC,SAAD;IACE,GAAI;IACA;IACE;IACI;IACA;IACV,MAAM,MAAS;KAEb,AADA,EAAS,UAAU,GACf,OAAO,KAAiB,aAAY,EAAa,CAAI,IAChD,MAAc,EAAa,UAAU;IAChD;IACA,WAAW,EAAQ,sBAAsB,CAAS;IAClD,OAAO;IACP,WAAW,MAAU;KAEnB,AADA,IAAW,CAAK,GAChB,EAAO,EAAM,cAAc,KAAK;IAClC;IACA,YAAY,MAAU;KAEpB,AADA,IAAY,CAAK,GAEf,EAAM,QAAQ,YACb,EAAM,YAAY,eAAe,EAAM,YAAY,QAEpD,EAAM,eAAe;IACzB;GACD,CAAA;GACA,KAAa,EAAQ,SAAS,KAAK,CAAC,KAAY,CAAC,KAChD,kBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,cAAY;IACZ,gBAAgB,MAAU,EAAM,eAAe;IAC/C,cAAc,MAAU,EAAM,eAAe;IAC7C,eAAe;KAEb,AADA,EAAO,EAAE,GACT,EAAS,SAAS,MAAM;IAC1B;IAEA,UAAA,kBAAC,QAAD;KAAM,eAAY;KAAO,UAAA;IAAO,CAAA;GAC1B,CAAA;EAEN;;AAEV,CAAC,GAOY,IAAa,EACxB,SAAoB,EAAE,UAAO,QAAK,cAAW,aAAU,GAAG,KAAQ,GAAK;CACrE,OACE,kBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,EAAQ,mBAAmB,CAAS;EAHjD,UAAA;GAKG,KAAS,QACR,kBAAC,QAAD;IAAM,WAAU;IAA0B,UAAA;GAAY,CAAA;GAEvD;GACA,KAAO,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAwB,UAAA;GAAU,CAAA;EAC/D;;AAET,CACF"}

package/dist/internal/choice.d.ts

@@ -1,5 +1,29 @@
-import { type ComboboxProps } from "../choice-types";
-export declare function Choice(props: ComboboxProps & {
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type ChoiceOption, type ComboboxProps } from "../choice-types";
+/**
+ * Options for DDS components built on Choice (TimePicker). They are not part
+ * of the public Combobox/SelectPicker props; every default keeps the existing
+ * Combobox and SelectPicker behavior. Mirrors the Solid Choice internals.
+ */
+export interface ChoiceInternals {
     searchable: boolean;
-}): import("react").JSX.Element;
+    /** Replaces the default case-insensitive label substring filter. */
+    matchItem?: (item: ChoiceOption, query: string) => boolean;
+    /** On blur, the value the typed text stands for, "" to clear, or null to restore the label. */
+    commitDraft?: (text: string) => string | null;
+    /** Content of the searchable trigger button (default "⌄"). */
+    triggerContent?: ReactNode;
+    rootClass?: string;
+    invalid?: boolean;
+    /** Highlight the first match while typing so Enter picks it. */
+    autoHighlight?: boolean;
+    /** Scroll the selected option to the middle of the list when it opens. */
+    centerSelected?: boolean;
+    inputMode?: HTMLAttributes<HTMLInputElement>["inputMode"];
+    /** Called before a native form reset restores the value. */
+    onFormReset?: () => void;
+    /** Observes every change of the uncontrolled input text, including restores. */
+    onDraftChange?: (text: string) => void;
+}
+export declare function Choice(props: ComboboxProps & ChoiceInternals): import("react").JSX.Element;
 //# sourceMappingURL=choice.d.ts.map

package/dist/internal/choice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../src/internal/choice.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAazB,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,+BA6YpE"}
+{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../src/internal/choice.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3D,+FAA+F;IAC/F,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1D,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAaD,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,eAAe,+BA+b5D"}

package/dist/month-picker.d.ts

@@ -0,0 +1,33 @@
+import { type MonthPickerMessages } from "./date-only";
+export type { MonthPickerMessages, MonthPickerValidity } from "./date-only";
+export interface MonthPickerProps {
+    label?: string;
+    labelPlacement?: "outside" | "inside" | "hidden";
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    id?: string;
+    /** YYYY-MM or "" (no month). */
+    value?: string;
+    defaultValue?: string;
+    /** Called on user changes only, with YYYY-MM or "". */
+    onValueChange?: (next: string) => void;
+    locale?: string;
+    /** Decides the current month for "This month" and its marker. */
+    timeZone?: string;
+    /** Inclusive YYYY-MM bounds. */
+    min?: string;
+    max?: string;
+    messages?: MonthPickerMessages;
+    clearable?: boolean;
+    showThisMonth?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    /** Form field name submitting YYYY-MM (or ""), never the display text. */
+    name?: string;
+    form?: string;
+}
+export declare function MonthPicker(props: MonthPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=month-picker.d.ts.map

package/dist/month-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../src/month-picker.tsx"],"names":[],"mappings":"AASA,OAAO,EAQL,KAAK,mBAAmB,EACzB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAwBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAsTlD"}

package/dist/month-picker.js

@@ -0,0 +1,242 @@
+import { t as e } from "./controls-BajigKUv.js";
+import { a as t, c as n, l as r, m as i, n as a, s as o, u as ee } from "./date-only-Bu4UmsTP.js";
+import { t as s } from "./calendar-view-BxjCQV9k.js";
+import { useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Portal as m } from "@ark-ui/react/portal";
+import { DatePicker as h, parseDate as g } from "@ark-ui/react/date-picker";
+//#region src/month-picker.tsx
+var _ = (e) => o(e) ? [g(`${e}-01`)] : [], v = (...e) => e.filter(Boolean).join(" ") || void 0;
+function y() {
+	return /* @__PURE__ */ p("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ f("rect", {
+			x: "3.5",
+			y: "5.5",
+			width: "17",
+			height: "15",
+			rx: "2"
+		}), /* @__PURE__ */ f("path", { d: "M7.5 3v5M16.5 3v5M3.5 10.5h17" })]
+	});
+}
+function b(b) {
+	let x = b.locale ?? "ko-KR", S = l(), C = b.id ?? `dds-month-${S}`, w = `${C}-error`, T = ee(x, b.messages), [te, E] = d(() => b.defaultValue ?? ""), D = b.value ?? te, [O] = d(() => ({
+		text: t(D, x),
+		locale: x
+	})), k = u(O), [, A] = d(0), j = (() => {
+		let e = k.current, n = a(e.text);
+		return e.locale !== x && o(n) ? t(n, x) : e.text;
+	})(), M = (e) => {
+		k.current = {
+			text: e,
+			locale: x
+		}, A((e) => e + 1);
+	}, [N, P] = d(() => _(D)), [F, I] = d(!1), L = u(null), R = u(null), z = u(D), B = u(void 0), [V, H] = d(null);
+	c(() => {
+		let e = L.current;
+		e && H(e.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? e.ownerDocument.body);
+	}, []);
+	let U = !!(b.disabled || b.readOnly), W = r(b.min, b.max), G = i(j, b.required ?? !1, b.min, b.max), K = G.valid ? void 0 : G.reason === "required" ? T.required : T.invalid, q = !!b.invalid || !G.valid, J = b.label ?? b["aria-label"] ?? "", Y = u({
+		props: b,
+		locale: x,
+		blocked: U
+	});
+	Y.current = {
+		props: b,
+		locale: x,
+		blocked: U
+	}, c(() => {
+		D !== z.current && (z.current = D, M(t(D, x)), P(_(D)));
+	}, [D]), c(() => {
+		L.current?.setCustomValidity(K ?? "");
+	}, [K]), c(() => {
+		U && (I(!1), B.current !== void 0 && cancelAnimationFrame(B.current));
+	}, [U]), c(() => {
+		let e = L.current?.ownerDocument;
+		if (!e) return;
+		let n = /* @__PURE__ */ new Set(), r = (r) => {
+			let { props: i } = Y.current, a = i.form ? e.getElementById(i.form) : L.current?.form;
+			if (!a || r.target !== a) return;
+			let o = setTimeout(() => {
+				if (n.delete(o), r.defaultPrevented) return;
+				let e = Y.current, i = e.props.value ?? e.props.defaultValue ?? "";
+				z.current = i, e.props.value === void 0 && E(i);
+				let a = t(i, e.locale);
+				k.current = {
+					text: a,
+					locale: e.locale
+				}, A((e) => e + 1), P(_(i)), L.current && (L.current.value = a);
+			}, 0);
+			n.add(o);
+		};
+		return e.addEventListener("reset", r, !0), () => {
+			e.removeEventListener("reset", r, !0);
+			for (let e of n) clearTimeout(e);
+		};
+	}, []), c(() => () => {
+		B.current !== void 0 && cancelAnimationFrame(B.current);
+	}, []);
+	function X(e, t = 1) {
+		B.current !== void 0 && cancelAnimationFrame(B.current);
+		let n = (t) => {
+			B.current = requestAnimationFrame(() => {
+				if (t > 1) return n(t - 1);
+				B.current = void 0, Y.current.blocked || e()?.focus({ preventScroll: !0 });
+			});
+		};
+		n(t);
+	}
+	let Z = u(null);
+	function ne(e) {
+		Z.current = e, X(e, 2);
+	}
+	c(() => {
+		let e = Z.current;
+		F || !e || (Z.current = null, X(e, 2));
+	}, [F]);
+	function Q(e) {
+		U || (P(_(e)), e !== z.current && (z.current = e, b.value === void 0 && E(e), b.onValueChange?.(e)));
+	}
+	function re(e) {
+		if (U) return;
+		let n = i(e, !1, b.min, b.max);
+		M(n.valid ? t(n.value ?? "", x) : e), n.valid && Q(n.value ?? "");
+	}
+	let $ = !!V?.matches("[role=\"dialog\"], [role=\"alertdialog\"]");
+	return /* @__PURE__ */ p("div", {
+		className: `dds-field dds-date-picker dds-month-picker dds-date-picker--${b.labelPlacement ?? "outside"}${K ? " dds-field--error" : ""}`,
+		"data-filled": j === "" ? void 0 : "true",
+		"data-invalid": q ? "" : void 0,
+		"data-disabled": b.disabled ? "" : void 0,
+		role: "group",
+		children: [
+			b.label && /* @__PURE__ */ p("label", {
+				className: "dds-field__label",
+				htmlFor: C,
+				children: [b.label, b.required && /* @__PURE__ */ f("span", {
+					"aria-hidden": "true",
+					children: " *"
+				})]
+			}),
+			/* @__PURE__ */ p(h.Root, {
+				locale: x,
+				timeZone: b.timeZone ?? "Asia/Seoul",
+				disabled: b.disabled,
+				readOnly: b.readOnly,
+				required: b.required,
+				invalid: q,
+				open: F && !U,
+				onOpenChange: (e) => {
+					I(e.open && !U), e.open || P(_(z.current));
+				},
+				min: W.min ? g(W.min) : void 0,
+				max: W.max ? g(W.max) : void 0,
+				minView: "month",
+				maxView: "month",
+				defaultView: "month",
+				translations: { clearTrigger: T.clear },
+				value: N,
+				onValueChange: (e) => {
+					if (U) return;
+					let n = e.value[0]?.toString().slice(0, 7) ?? "";
+					n !== "" && !i(n, !1, b.min, b.max).valid || (M(t(n, x)), Q(n), ne(() => L.current));
+				},
+				positioning: {
+					placement: "bottom-start",
+					gutter: 8,
+					strategy: $ ? "fixed" : "absolute",
+					hideWhenDetached: $
+				},
+				children: [/* @__PURE__ */ p(h.Control, {
+					className: "dds-date-picker-control",
+					"data-filled": j === "" ? void 0 : "true",
+					children: [/* @__PURE__ */ f("input", {
+						id: C,
+						ref: L,
+						form: b.form,
+						"aria-label": b.label ? void 0 : b["aria-label"],
+						"aria-labelledby": b["aria-labelledby"],
+						"aria-invalid": q ? "true" : void 0,
+						"aria-required": b.required ? "true" : void 0,
+						"aria-describedby": v(b["aria-describedby"], K && w),
+						type: "text",
+						value: j,
+						onChange: () => {},
+						required: b.required,
+						readOnly: b.readOnly,
+						disabled: b.disabled,
+						placeholder: n(x) ? "YYYY/MM" : "YYYY-MM",
+						autoComplete: "off",
+						autoCorrect: "off",
+						spellCheck: !1,
+						onInputCapture: (e) => {
+							e.stopPropagation(), re(e.currentTarget.value);
+						},
+						onKeyDown: (e) => {
+							e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation());
+						}
+					}), /* @__PURE__ */ f(h.Trigger, {
+						asChild: !0,
+						children: /* @__PURE__ */ f(e, {
+							ref: R,
+							type: "button",
+							tone: "secondary",
+							"aria-label": `${J} ${T.openCalendar}`.trim(),
+							children: /* @__PURE__ */ f(y, {})
+						})
+					})]
+				}), /* @__PURE__ */ f(m, {
+					container: V ? { current: V } : void 0,
+					children: /* @__PURE__ */ f(h.Positioner, {
+						className: "dds-date-picker-positioner",
+						children: /* @__PURE__ */ f(h.Content, {
+							onKeyDownCapture: (e) => {
+								e.key === "Escape" && (Z.current = null, X(() => R.current, 2));
+							},
+							className: "dds-date-picker-content dds-month-picker-content",
+							"aria-label": `${J} ${T.chooseMonth}`.trim(),
+							children: /* @__PURE__ */ f(s, {
+								view: "month",
+								timeZone: b.timeZone,
+								min: W.min,
+								max: W.max,
+								locale: x,
+								messages: T,
+								disabled: b.disabled,
+								readOnly: b.readOnly,
+								showToday: b.showThisMonth,
+								showClear: b.clearable,
+								onClear: () => {
+									M(""), Q("");
+								}
+							})
+						})
+					})
+				})]
+			}),
+			b.name && /* @__PURE__ */ f("input", {
+				type: "hidden",
+				name: b.name,
+				form: b.form,
+				value: D,
+				disabled: b.disabled
+			}),
+			K && /* @__PURE__ */ f("span", {
+				id: w,
+				className: "dds-field__error",
+				role: "alert",
+				children: K
+			})
+		]
+	});
+}
+//#endregion
+export { b as MonthPicker };
+
+//# sourceMappingURL=month-picker.js.map

package/dist/month-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-picker.js","names":[],"sources":["../src/month-picker.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from \"react\";\nimport {\n  DatePicker as ArkDatePicker,\n  parseDate,\n  type DateValue,\n} from \"@ark-ui/react/date-picker\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { Button } from \"./controls\";\nimport { CalendarView } from \"./calendar-view\";\nimport {\n  canonicalMonth,\n  displayMonth,\n  isCalendarMonth,\n  isKorean,\n  monthBounds,\n  monthMessages,\n  validateMonth,\n  type MonthPickerMessages,\n} from \"./date-only\";\nexport type { MonthPickerMessages, MonthPickerValidity } from \"./date-only\";\n\nexport interface MonthPickerProps {\n  label?: string;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  id?: string;\n  /** YYYY-MM or \"\" (no month). */\n  value?: string;\n  defaultValue?: string;\n  /** Called on user changes only, with YYYY-MM or \"\". */\n  onValueChange?: (next: string) => void;\n  locale?: string;\n  /** Decides the current month for \"This month\" and its marker. */\n  timeZone?: string;\n  /** Inclusive YYYY-MM bounds. */\n  min?: string;\n  max?: string;\n  messages?: MonthPickerMessages;\n  clearable?: boolean;\n  showThisMonth?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  /** Form field name submitting YYYY-MM (or \"\"), never the display text. */\n  name?: string;\n  form?: string;\n}\n\nconst selectionOf = (month: string): DateValue[] =>\n  isCalendarMonth(month) ? [parseDate(`${month}-01`)] : [];\nconst describedBy = (...ids: Array<string | false | null | undefined>) =>\n  ids.filter(Boolean).join(\" \") || undefined;\n\nfunction CalendarIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2\" />\n      <path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\" />\n    </svg>\n  );\n}\n\nexport function MonthPicker(props: MonthPickerProps) {\n  const locale = props.locale ?? \"ko-KR\",\n    generated = useId(),\n    id = props.id ?? `dds-month-${generated}`,\n    errorId = `${id}-error`;\n  const text = monthMessages(locale, props.messages);\n  const [internal, setInternal] = useState(() => props.defaultValue ?? \"\");\n  const value = props.value ?? internal;\n  // The draft keeps its formatting locale so a locale change re-displays complete months only.\n  const [initialDraft] = useState(() => ({\n    text: displayMonth(value, locale),\n    locale,\n  }));\n  const draftRef = useRef(initialDraft);\n  const [, setDraftVersion] = useState(0);\n  const currentDraft = () => {\n    const state = draftRef.current,\n      canonical = canonicalMonth(state.text);\n    return state.locale !== locale && isCalendarMonth(canonical)\n      ? displayMonth(canonical, locale)\n      : state.text;\n  };\n  const draft = currentDraft();\n  const setDraft = (next: string) => {\n    draftRef.current = { text: next, locale };\n    setDraftVersion((version) => version + 1);\n  };\n  const [selection, setSelection] = useState(() => selectionOf(value));\n  const [open, setOpen] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null),\n    triggerRef = useRef<HTMLButtonElement>(null),\n    emitted = useRef(value),\n    focusFrame = useRef<number | undefined>(undefined);\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const input = inputRef.current;\n    if (input)\n      setPortalMount(\n        input.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          input.ownerDocument.body,\n      );\n  }, []);\n  const blocked = Boolean(props.disabled || props.readOnly);\n  const bounds = monthBounds(props.min, props.max);\n  const validity = validateMonth(\n    draft,\n    props.required ?? false,\n    props.min,\n    props.max,\n  );\n  const error = validity.valid\n    ? undefined\n    : validity.reason === \"required\"\n      ? text.required\n      : text.invalid;\n  const invalid = Boolean(props.invalid) || !validity.valid;\n  const fieldName = props.label ?? props[\"aria-label\"] ?? \"\";\n  // Handlers registered once (form reset, frames) read the latest render through this ref.\n  const latest = useRef({ props, locale, blocked });\n  latest.current = { props, locale, blocked };\n\n  useEffect(() => {\n    if (value === emitted.current) return;\n    emitted.current = value;\n    setDraft(displayMonth(value, locale));\n    setSelection(selectionOf(value));\n  }, [value]);\n  useEffect(() => {\n    inputRef.current?.setCustomValidity(error ?? \"\");\n  }, [error]);\n  useEffect(() => {\n    if (!blocked) return;\n    setOpen(false);\n    if (focusFrame.current !== undefined)\n      cancelAnimationFrame(focusFrame.current);\n  }, [blocked]);\n  // Resolve the owning form when a reset happens: the field may mount before it joins its form.\n  useEffect(() => {\n    const doc = inputRef.current?.ownerDocument;\n    if (!doc) return;\n    const timers = new Set<ReturnType<typeof setTimeout>>();\n    const reset = (event: Event) => {\n      const { props: now } = latest.current;\n      const form = now.form\n        ? doc.getElementById(now.form)\n        : inputRef.current?.form;\n      if (!form || event.target !== form) return;\n      // A task, not a microtask: a user-triggered reset runs its listeners before rewriting the controls.\n      const timer = setTimeout(() => {\n        timers.delete(timer);\n        if (event.defaultPrevented) return;\n        const current = latest.current;\n        const next = current.props.value ?? current.props.defaultValue ?? \"\";\n        emitted.current = next;\n        if (current.props.value === undefined) setInternal(next);\n        const shown = displayMonth(next, current.locale);\n        draftRef.current = { text: shown, locale: current.locale };\n        setDraftVersion((version) => version + 1);\n        setSelection(selectionOf(next));\n        // Native reset rewrote the visible input; the draft may not have changed.\n        if (inputRef.current) inputRef.current.value = shown;\n      }, 0);\n      timers.add(timer);\n    };\n    doc.addEventListener(\"reset\", reset, true);\n    return () => {\n      doc.removeEventListener(\"reset\", reset, true);\n      for (const timer of timers) clearTimeout(timer);\n    };\n  }, []);\n  useEffect(\n    () => () => {\n      if (focusFrame.current !== undefined)\n        cancelAnimationFrame(focusFrame.current);\n    },\n    [],\n  );\n\n  function focusSoon(target: () => HTMLElement | null, frames = 1) {\n    if (focusFrame.current !== undefined)\n      cancelAnimationFrame(focusFrame.current);\n    const run = (left: number) => {\n      focusFrame.current = requestAnimationFrame(() => {\n        if (left > 1) return run(left - 1);\n        focusFrame.current = undefined;\n        if (!latest.current.blocked) target()?.focus({ preventScroll: true });\n      });\n    };\n    run(frames);\n  }\n  // Ark returns focus to its trigger once it sees the calendar closed; move it on after that.\n  const pendingFocus = useRef<(() => HTMLElement | null) | null>(null);\n  function focusAfterClose(target: () => HTMLElement | null) {\n    // If the calendar stays open (This month), move focus now as well.\n    pendingFocus.current = target;\n    focusSoon(target, 2);\n  }\n  useEffect(() => {\n    const target = pendingFocus.current;\n    // Ark sees the closed prop in this same commit and schedules its own focus one frame out.\n    if (open || !target) return;\n    pendingFocus.current = null;\n    focusSoon(target, 2);\n  }, [open]);\n  function commit(next: string) {\n    if (blocked) return;\n    setSelection(selectionOf(next));\n    if (next === emitted.current) return;\n    emitted.current = next;\n    if (props.value === undefined) setInternal(next);\n    props.onValueChange?.(next);\n  }\n  /** Committing ignores `required` like DatePicker: an emptied field is still reported. */\n  function changeDraft(typed: string) {\n    if (blocked) return;\n    const state = validateMonth(typed, false, props.min, props.max);\n    setDraft(state.valid ? displayMonth(state.value ?? \"\", locale) : typed);\n    if (state.valid) commit(state.value ?? \"\");\n  }\n  const dialogMount = !!portalMount?.matches(\n    '[role=\"dialog\"], [role=\"alertdialog\"]',\n  );\n\n  return (\n    <div\n      className={`dds-field dds-date-picker dds-month-picker dds-date-picker--${props.labelPlacement ?? \"outside\"}${error ? \" dds-field--error\" : \"\"}`}\n      data-filled={draft !== \"\" ? \"true\" : undefined}\n      data-invalid={invalid ? \"\" : undefined}\n      data-disabled={props.disabled ? \"\" : undefined}\n      role=\"group\"\n    >\n      {props.label && (\n        <label className=\"dds-field__label\" htmlFor={id}>\n          {props.label}\n          {props.required && <span aria-hidden=\"true\"> *</span>}\n        </label>\n      )}\n      <ArkDatePicker.Root\n        locale={locale}\n        timeZone={props.timeZone ?? \"Asia/Seoul\"}\n        disabled={props.disabled}\n        readOnly={props.readOnly}\n        required={props.required}\n        invalid={invalid}\n        open={open && !blocked}\n        onOpenChange={(details) => {\n          setOpen(details.open && !blocked);\n          if (!details.open) setSelection(selectionOf(emitted.current));\n        }}\n        min={bounds.min ? parseDate(bounds.min) : undefined}\n        max={bounds.max ? parseDate(bounds.max) : undefined}\n        minView=\"month\"\n        maxView=\"month\"\n        defaultView=\"month\"\n        translations={{ clearTrigger: text.clear }}\n        value={selection}\n        onValueChange={(details) => {\n          if (blocked) return;\n          const next = details.value[0]?.toString().slice(0, 7) ?? \"\";\n          if (\n            next !== \"\" &&\n            !validateMonth(next, false, props.min, props.max).valid\n          )\n            return;\n          setDraft(displayMonth(next, locale));\n          commit(next);\n          focusAfterClose(() => inputRef.current);\n        }}\n        positioning={{\n          placement: \"bottom-start\",\n          gutter: 8,\n          strategy: dialogMount ? \"fixed\" : \"absolute\",\n          hideWhenDetached: dialogMount,\n        }}\n      >\n        <ArkDatePicker.Control\n          className=\"dds-date-picker-control\"\n          data-filled={draft !== \"\" ? \"true\" : undefined}\n        >\n          <input\n            id={id}\n            ref={inputRef}\n            form={props.form}\n            aria-label={props.label ? undefined : props[\"aria-label\"]}\n            aria-labelledby={props[\"aria-labelledby\"]}\n            aria-invalid={invalid ? \"true\" : undefined}\n            aria-required={props.required ? \"true\" : undefined}\n            aria-describedby={describedBy(\n              props[\"aria-describedby\"],\n              error && errorId,\n            )}\n            type=\"text\"\n            value={draft}\n            onChange={() => {}}\n            required={props.required}\n            readOnly={props.readOnly}\n            disabled={props.disabled}\n            placeholder={isKorean(locale) ? \"YYYY/MM\" : \"YYYY-MM\"}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            onInputCapture={(event) => {\n              event.stopPropagation();\n              changeDraft(event.currentTarget.value);\n            }}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\" && !event.nativeEvent.isComposing) {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            }}\n          />\n          <ArkDatePicker.Trigger asChild>\n            <Button\n              ref={triggerRef}\n              type=\"button\"\n              tone=\"secondary\"\n              aria-label={`${fieldName} ${text.openCalendar}`.trim()}\n            >\n              <CalendarIcon />\n            </Button>\n          </ArkDatePicker.Trigger>\n        </ArkDatePicker.Control>\n        <Portal container={portalMount ? { current: portalMount } : undefined}>\n          <ArkDatePicker.Positioner className=\"dds-date-picker-positioner\">\n            <ArkDatePicker.Content\n              onKeyDownCapture={(event) => {\n                if (event.key !== \"Escape\") return;\n                pendingFocus.current = null;\n                focusSoon(() => triggerRef.current, 2);\n              }}\n              className=\"dds-date-picker-content dds-month-picker-content\"\n              aria-label={`${fieldName} ${text.chooseMonth}`.trim()}\n            >\n              <CalendarView\n                view=\"month\"\n                timeZone={props.timeZone}\n                min={bounds.min}\n                max={bounds.max}\n                locale={locale}\n                messages={text}\n                disabled={props.disabled}\n                readOnly={props.readOnly}\n                showToday={props.showThisMonth}\n                showClear={props.clearable}\n                onClear={() => {\n                  setDraft(\"\");\n                  commit(\"\");\n                }}\n              />\n            </ArkDatePicker.Content>\n          </ArkDatePicker.Positioner>\n        </Portal>\n      </ArkDatePicker.Root>\n      {props.name && (\n        <input\n          type=\"hidden\"\n          name={props.name}\n          form={props.form}\n          value={value}\n          disabled={props.disabled}\n        />\n      )}\n      {error && (\n        <span id={errorId} className=\"dds-field__error\" role=\"alert\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/number-input.d.ts

@@ -0,0 +1,53 @@
+import { type Direction } from "./direction";
+export interface NumberInputMessages {
+    /** Accessible name of the − button. */
+    decrease?: string;
+    /** Accessible name of the + button. */
+    increase?: string;
+}
+export declare function numberInputMessages(locale: string, messages?: NumberInputMessages): Required<NumberInputMessages>;
+export interface NumberInputProps {
+    /** null means empty. Controlled when not undefined. */
+    value?: number | null;
+    defaultValue?: number | null;
+    /** Called with the new number, or null when emptied, only after a user change. */
+    onValueChange?: (next: number | null) => void;
+    min?: number;
+    max?: number;
+    /** Arrow keys and the stepper buttons move by step; PageUp/PageDown by ten steps. */
+    step?: number;
+    /** Formatting and parsing locale. Defaults to ko-KR. */
+    locale?: string;
+    /** Defaults to whole numbers with thousands separators. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Show the − / + buttons. Defaults to true. */
+    stepper?: boolean;
+    /** Unit shown after the digits, for example 원, 개 or 분. */
+    suffix?: string;
+    label?: string;
+    labelPlacement?: "outside" | "hidden";
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    id?: string;
+    /** Submits the plain number (1234.5), never the formatted text. */
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Also invalid on its own while the number is outside min/max. */
+    invalid?: boolean;
+    placeholder?: string;
+    messages?: NumberInputMessages;
+    dir?: Direction;
+    className?: string;
+}
+/** Full-width digits from Japanese/Chinese IMEs become ASCII; other text is left for validation. */
+export declare function normalizeNumberText(text: string): string;
+/**
+ * A localized number field. Values are numbers (or null for empty); display
+ * text is formatted with Intl and never leaves the component.
+ */
+export declare function NumberInput(props: NumberInputProps): import("react").JSX.Element;
+//# sourceMappingURL=number-input.d.ts.map

package/dist/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../src/number-input.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,QAAQ,GAAE,mBAAwB,GACjC,QAAQ,CAAC,mBAAmB,CAAC,CAO/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kFAAkF;IAClF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,oGAAoG;AACpG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,UAM/C;AAoBD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAoUlD"}