@devslab/dds-react 0.21.2 → 0.22.0

package/dist/choice-B3vNMfKK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-B3vNMfKK.js","names":[],"sources":["../src/choice-types.ts","../src/internal/choice.tsx"],"sourcesContent":["export interface ChoiceOption {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\nexport interface ChoiceMessages {\n  open?: string;\n  clear?: string;\n  loading?: string;\n  empty?: string;\n  error?: string;\n  retry?: string;\n}\nexport type ChoiceVirtualization =\n  | false\n  | { itemHeight?: number; overscan?: number };\nexport interface ChoiceProps {\n  items: ChoiceOption[];\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  selectedOption?: ChoiceOption;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  form?: string;\n  id?: string;\n  label?: string;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  messages?: ChoiceMessages;\n  virtualization?: ChoiceVirtualization;\n}\nexport interface ComboboxProps extends ChoiceProps {\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  filterMode?: \"local\" | \"external\";\n  loading?: boolean;\n  error?: string | boolean;\n  onRetry?: () => void;\n}\nexport interface SelectPickerProps extends ChoiceProps {}\n\nexport function validateOptions(items: ChoiceOption[]) {\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (!item.value || ids.has(item.value))\n      throw new Error(\n        `DDS choice: option IDs must be nonempty and unique (${JSON.stringify(item.value)})`,\n      );\n    ids.add(item.value);\n  }\n}\nexport const choiceMessages: Required<ChoiceMessages> = {\n  open: \"선택 열기\",\n  clear: \"선택 지우기\",\n  loading: \"불러오는 중\",\n  empty: \"결과 없음\",\n  error: \"불러오지 못했습니다\",\n  retry: \"다시 시도\",\n};\n\n/** Read the consumer environment at runtime, rather than the library build mode. */\nexport function choiceWarningsEnabled() {\n  return (\n    (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n      ?.NODE_ENV !== \"production\"\n  );\n}\n","import { Combobox as C, createListCollection } from \"@ark-ui/react/combobox\";\nimport { Select as S } from \"@ark-ui/react/select\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { defaultRangeExtractor, useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  choiceMessages,\n  choiceWarningsEnabled,\n  validateOptions,\n  type ComboboxProps,\n} from \"../choice-types\";\n\n/** The native validation input stores one ID, never a second option collection. */\nconst validationStyle = {\n  position: \"absolute\",\n  width: 1,\n  height: 1,\n  padding: 0,\n  border: 0,\n  clipPath: \"inset(50%)\",\n  overflow: \"hidden\",\n  whiteSpace: \"nowrap\",\n} as const;\nexport function Choice(props: ComboboxProps & { searchable: boolean }) {\n  validateOptions(props.items);\n  const [internal, setInternal] = useState(props.defaultValue ?? \"\");\n  const value = props.value ?? internal;\n  const selected =\n    props.items.find((item) => item.value === value) ??\n    (props.selectedOption?.value === value ? props.selectedOption : undefined);\n  const label = selected?.label ?? value;\n  const [draft, setDraft] = useState(props.defaultInputValue ?? label);\n  const inputValue = props.inputValue ?? draft;\n  const [open, setOpen] = useState(false),\n    [highlight, setHighlight] = useState<string | null>(null);\n  const visibleRef = useRef<HTMLInputElement | HTMLButtonElement>(null),\n    validationRef = useRef<HTMLInputElement>(null),\n    scrollRef = useRef<HTMLDivElement>(null);\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const control = visibleRef.current;\n    if (control) {\n      // Modal isolation hides body siblings. Keep nested choices in the modal's\n      // DOM subtree so their options remain available to assistive technology.\n      setPortalMount(\n        control.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          control.ownerDocument.body,\n      );\n    }\n  }, []);\n  const composing = useRef(false),\n    previousSelection = useRef({ value, label });\n  const pendingRestore = useRef<{ from: string; to: string } | null>(null);\n  const resolveLabel = (id: string) =>\n    props.items.find((item) => item.value === id)?.label ??\n    (props.selectedOption?.value === id ? props.selectedOption.label : id);\n  const messages = { ...choiceMessages, ...props.messages };\n  const blocked = props.disabled || props.readOnly;\n  const setInput = (next: string) => {\n    if (\n      pendingRestore.current?.from === inputValue &&\n      pendingRestore.current.to === next\n    )\n      return;\n    pendingRestore.current = null;\n    if (props.inputValue === undefined) setDraft(next);\n    props.onInputValueChange?.(next);\n  };\n  const restoreInput = (next: string) => {\n    if (next === inputValue) return;\n    if (\n      pendingRestore.current?.from === inputValue &&\n      pendingRestore.current.to === next\n    )\n      return;\n    pendingRestore.current = { from: inputValue, to: next };\n    if (props.inputValue === undefined) setDraft(next);\n    else props.onInputValueChange?.(next);\n  };\n  const setValue = (next: string) => {\n    if (props.value === undefined) setInternal(next);\n    props.onValueChange?.(next);\n  };\n  useEffect(() => {\n    if (\n      previousSelection.current.value !== value ||\n      previousSelection.current.label !== label\n    ) {\n      previousSelection.current = { value, label };\n      restoreInput(label);\n    }\n  }, [value, label]);\n  useEffect(() => {\n    if (choiceWarningsEnabled() && value && !selected)\n      console.warn(\n        `DDS choice: no label supplied for selected ID ${JSON.stringify(value)}; pass selectedOption when the selection is outside items.`,\n      );\n  }, [value, selected]);\n  useEffect(() => {\n    const form = validationRef.current?.form;\n    if (!form) return;\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (event.defaultPrevented) return;\n        const resetValue = props.value ?? props.defaultValue ?? \"\";\n        const resetLabel = resolveLabel(resetValue);\n        previousSelection.current = { value: resetValue, label: resetLabel };\n        if (props.value === undefined) setInternal(resetValue);\n        const resetQuery = props.defaultInputValue ?? resetLabel;\n        pendingRestore.current = null;\n        if (props.inputValue === undefined) setDraft(resetQuery);\n        else restoreInput(resetQuery);\n        setOpen(false);\n        if (visibleRef.current instanceof HTMLInputElement)\n          visibleRef.current.value = props.inputValue ?? resetQuery;\n        if (validationRef.current) validationRef.current.value = resetValue;\n      });\n    form.addEventListener(\"reset\", reset);\n    return () => form.removeEventListener(\"reset\", reset);\n  }, [\n    props.defaultValue,\n    props.defaultInputValue,\n    props.value,\n    props.inputValue,\n    props.items,\n    props.selectedOption,\n    props.form,\n  ]);\n  const items = useMemo(\n    () =>\n      props.searchable &&\n      props.filterMode !== \"external\" &&\n      inputValue !== label\n        ? props.items.filter((item) =>\n            item.label\n              .toLocaleLowerCase()\n              .includes(inputValue.toLocaleLowerCase()),\n          )\n        : props.items,\n    [props.items, props.searchable, props.filterMode, inputValue, label],\n  );\n  const collection = useMemo(\n    () =>\n      createListCollection({\n        items,\n        itemToString: (item) => item.label,\n        itemToValue: (item) => item.value,\n        isItemDisabled: (item) => !!item.disabled,\n      }),\n    [items],\n  );\n  const virtual = !!props.virtualization;\n  const configuredHeight = props.virtualization\n    ? props.virtualization.itemHeight\n    : undefined;\n  const height = Number.isFinite(configuredHeight)\n    ? Math.max(40, configuredHeight!)\n    : 40;\n  const activeIndex = items.findIndex((item) => item.value === highlight);\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => height,\n    overscan: props.virtualization ? (props.virtualization.overscan ?? 5) : 5,\n    enabled: virtual && open,\n    initialRect: { width: 0, height: 320 },\n    rangeExtractor: (range) => {\n      const indexes = defaultRangeExtractor(range);\n      if (activeIndex >= 0 && !indexes.includes(activeIndex))\n        indexes.push(activeIndex);\n      return indexes.sort((a, b) => a - b);\n    },\n  });\n  useEffect(() => {\n    setHighlight(null);\n    if (virtual && open)\n      virtualizer.scrollToIndex(\n        Math.max(\n          0,\n          items.findIndex((item) => item.value === value),\n        ),\n        { align: \"auto\" },\n      );\n  }, [items, open]);\n  const Parts = props.searchable ? C : S;\n  const rows = virtual\n    ? virtualizer\n        .getVirtualItems()\n        .map((row) => ({ index: row.index, start: row.start }))\n    : items.map((_, index) => ({ index, start: 0 }));\n  // Keep the active row mounted even before the scroll element has a measured range.\n  if (\n    virtual &&\n    activeIndex >= 0 &&\n    !rows.some((row) => row.index === activeIndex)\n  )\n    rows.push({ index: activeIndex, start: activeIndex * height });\n  const status = props.loading\n    ? messages.loading\n    : props.error\n      ? typeof props.error === \"string\"\n        ? props.error\n        : messages.error\n      : items.length === 0\n        ? messages.empty\n        : \"\";\n  const rootProps = {\n    collection,\n    value: value ? [value] : [],\n    open: open && !blocked,\n    disabled: props.disabled,\n    readOnly: props.readOnly,\n    onOpenChange: (details: { open: boolean }) => {\n      if (!blocked) setOpen(details.open);\n    },\n    onValueChange: (details: { value: string[] }) => {\n      if (blocked || composing.current) return;\n      const next = details.value[0] ?? \"\";\n      if (next !== value) setValue(next);\n    },\n    onHighlightChange: (details: { highlightedValue: string | null }) =>\n      setHighlight(details.highlightedValue),\n    scrollToIndexFn: virtual\n      ? ({ index }: { index: number }) =>\n          virtualizer.scrollToIndex(index, { align: \"auto\" })\n      : undefined,\n    positioning: {\n      placement: \"bottom-start\" as const,\n      sameWidth: true,\n      gutter: 4,\n      strategy: portalMount?.matches('[role=\"dialog\"], [role=\"alertdialog\"]')\n        ? (\"fixed\" as const)\n        : (\"absolute\" as const),\n      hideWhenDetached: !!portalMount?.matches(\n        '[role=\"dialog\"], [role=\"alertdialog\"]',\n      ),\n    },\n  };\n  const inputProps = props.searchable\n    ? {\n        inputValue,\n        onInputValueChange: (details: {\n          inputValue: string;\n          reason?: string;\n        }) => {\n          if (!blocked && details.inputValue !== inputValue)\n            setInput(details.inputValue);\n        },\n        selectionBehavior: \"preserve\" as const,\n      }\n    : {};\n  return (\n    <Parts.Root\n      {...rootProps}\n      {...inputProps}\n      id={props.id}\n      className=\"dds-choice\"\n      data-label-placement={props.labelPlacement ?? \"outside\"}\n      data-has-value={value || inputValue ? \"\" : undefined}\n    >\n      {props.label && (\n        <Parts.Label\n          className=\"dds-choice-label\"\n          onClick={() => visibleRef.current?.focus()}\n        >\n          {props.label}\n        </Parts.Label>\n      )}\n      <Parts.Control className=\"dds-choice-control\">\n        {props.searchable ? (\n          <C.Input\n            ref={(node) => {\n              visibleRef.current = node;\n            }}\n            className=\"dds-choice-input\"\n            aria-label={props[\"aria-label\"]}\n            aria-labelledby={props[\"aria-labelledby\"]}\n            aria-describedby={props[\"aria-describedby\"]}\n            aria-required={props.required}\n            placeholder={props.placeholder}\n            onCompositionStart={() => {\n              composing.current = true;\n            }}\n            onCompositionEnd={() => {\n              composing.current = false;\n            }}\n            onKeyDown={(event) => {\n              if (composing.current && event.key === \"Enter\") {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            }}\n            onBlur={() => {\n              if (value) restoreInput(label);\n            }}\n          />\n        ) : null}\n        <Parts.Trigger\n          ref={(node) => {\n            if (!props.searchable) visibleRef.current = node;\n          }}\n          className=\"dds-choice-trigger\"\n          aria-label={props.searchable ? messages.open : props[\"aria-label\"]}\n          aria-labelledby={props[\"aria-labelledby\"]}\n          aria-describedby={props[\"aria-describedby\"]}\n          aria-required={props.required}\n        >\n          {props.searchable ? (\n            \"⌄\"\n          ) : (\n            <span className=\"dds-choice-value\">\n              {label || props.placeholder || messages.open}\n            </span>\n          )}\n        </Parts.Trigger>\n        {props.clearable && !blocked && (value || inputValue) ? (\n          <button\n            className=\"dds-choice-clear\"\n            type=\"button\"\n            aria-label={messages.clear}\n            onPointerDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setValue(\"\");\n              setInput(\"\");\n              setOpen(false);\n              visibleRef.current?.focus();\n            }}\n          >\n            ×\n          </button>\n        ) : null}\n      </Parts.Control>\n      <input\n        ref={validationRef}\n        className=\"dds-choice-validation\"\n        style={validationStyle}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={props.name}\n        form={props.form}\n        value={value}\n        required={props.required}\n        disabled={props.disabled}\n        onChange={() => {}}\n        onInvalid={(event) => {\n          event.preventDefault();\n          visibleRef.current?.focus();\n        }}\n      />\n      <div className=\"dds-choice-status\" role=\"status\" aria-live=\"polite\">\n        {status}\n        {props.error && props.onRetry ? (\n          <button\n            className=\"dds-choice-retry\"\n            type=\"button\"\n            onClick={props.onRetry}\n          >\n            {messages.retry}\n          </button>\n        ) : null}\n      </div>\n      {portalMount && (\n        <Portal container={{ current: portalMount }}>\n          <Parts.Positioner className=\"dds-choice-positioner\">\n            <Parts.Content\n              ref={scrollRef}\n              className=\"dds-choice-content\"\n              style={{\n                maxHeight: \"min(320px, var(--available-height, 320px))\",\n                overflow: \"auto\",\n              }}\n            >\n              <div\n                style={\n                  virtual\n                    ? {\n                        height: virtualizer.getTotalSize(),\n                        position: \"relative\",\n                      }\n                    : undefined\n                }\n              >\n                {rows.map((row) => {\n                  const item = items[row.index]!;\n                  return (\n                    <Parts.Item\n                      key={item.value}\n                      item={item}\n                      className=\"dds-choice-item\"\n                      aria-posinset={row.index + 1}\n                      aria-setsize={items.length}\n                      style={\n                        virtual\n                          ? {\n                              position: \"absolute\",\n                              top: 0,\n                              left: 0,\n                              width: \"100%\",\n                              height,\n                              transform: `translateY(${row.start}px)`,\n                            }\n                          : undefined\n                      }\n                    >\n                      <Parts.ItemText>{item.label}</Parts.ItemText>\n                      {item.description ? (\n                        <span className=\"dds-choice-description\">\n                          {item.description}\n                        </span>\n                      ) : null}\n                    </Parts.Item>\n                  );\n                })}\n              </div>\n            </Parts.Content>\n          </Parts.Positioner>\n        </Portal>\n      )}\n    </Parts.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/choice-types.d.ts

@@ -0,0 +1,56 @@
+export interface ChoiceOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface ChoiceMessages {
+    open?: string;
+    clear?: string;
+    loading?: string;
+    empty?: string;
+    error?: string;
+    retry?: string;
+}
+export type ChoiceVirtualization = false | {
+    itemHeight?: number;
+    overscan?: number;
+};
+export interface ChoiceProps {
+    items: ChoiceOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    selectedOption?: ChoiceOption;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    id?: string;
+    label?: string;
+    labelPlacement?: "outside" | "inside" | "hidden";
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    placeholder?: string;
+    clearable?: boolean;
+    messages?: ChoiceMessages;
+    virtualization?: ChoiceVirtualization;
+}
+export interface ComboboxProps extends ChoiceProps {
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputValueChange?: (value: string) => void;
+    filterMode?: "local" | "external";
+    loading?: boolean;
+    error?: string | boolean;
+    onRetry?: () => void;
+}
+export interface SelectPickerProps extends ChoiceProps {
+}
+export declare function validateOptions(items: ChoiceOption[]): void;
+export declare const choiceMessages: Required<ChoiceMessages>;
+/** Read the consumer environment at runtime, rather than the library build mode. */
+export declare function choiceWarningsEnabled(): boolean;
+//# sourceMappingURL=choice-types.d.ts.map

package/dist/choice-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-types.d.ts","sourceRoot":"","sources":["../src/choice-types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,MAAM,oBAAoB,GAC5B,KAAK,GACL;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,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,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AACD,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AAEzD,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,QASpD;AACD,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,cAAc,CAOnD,CAAC;AAEF,oFAAoF;AACpF,wBAAgB,qBAAqB,YAKpC"}

package/dist/combobox.d.ts

@@ -0,0 +1,4 @@
+import type { ComboboxProps } from "./choice-types";
+export type { ComboboxProps, ChoiceOption, ChoiceMessages, ChoiceVirtualization, } from "./choice-types";
+export declare function Combobox(props: ComboboxProps): import("react").JSX.Element;
+//# sourceMappingURL=combobox.d.ts.map

package/dist/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../src/combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAE5C"}

package/dist/combobox.js

@@ -0,0 +1,13 @@
+import { t as e } from "./choice-B3vNMfKK.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/combobox.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		searchable: !0
+	});
+}
+//#endregion
+export { n as Combobox };
+
+//# sourceMappingURL=combobox.js.map

package/dist/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":[],"sources":["../src/combobox.tsx"],"sourcesContent":["import { Choice } from \"./internal/choice\";\nimport type { ComboboxProps } from \"./choice-types\";\nexport type {\n  ComboboxProps,\n  ChoiceOption,\n  ChoiceMessages,\n  ChoiceVirtualization,\n} from \"./choice-types\";\nexport function Combobox(props: ComboboxProps) {\n  return <Choice {...props} searchable />;\n}\n"],"mappings":";;;AAQA,SAAgB,EAAS,GAAsB;CAC7C,OAAO,kBAAC,GAAD;EAAQ,GAAI;EAAO,YAAA;CAAY,CAAA;AACxC"}

package/dist/controls-BajigKUv.js

@@ -0,0 +1,139 @@
+import { forwardRef as e, useId as t } from "react";
+import { Field as n } from "@ark-ui/react/field";
+import { Checkbox as r } from "@ark-ui/react/checkbox";
+import { Switch as i } from "@ark-ui/react/switch";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/controls.tsx
+var s = (...e) => e.filter(Boolean).join(" "), c = e(function({ tone: e = "primary", size: t = "md", loading: n, disabled: r, type: i = "button", className: c, children: l, ...u }, d) {
+	return /* @__PURE__ */ o("button", {
+		...u,
+		ref: d,
+		type: i,
+		disabled: r || n,
+		"aria-busy": n || void 0,
+		className: s("dds-btn", `dds-btn--${e}`, t !== "md" && `dds-btn--${t}`, c),
+		children: [n && /* @__PURE__ */ a("span", {
+			className: "dds-spinner",
+			"aria-hidden": !0
+		}), l]
+	});
+}), l = e(function({ tone: e = "ghost", size: t = "md", loading: n, disabled: r, type: i = "button", className: o, children: c, ...l }, u) {
+	return /* @__PURE__ */ a("button", {
+		...l,
+		ref: u,
+		type: i,
+		disabled: r || n,
+		"aria-busy": n || void 0,
+		className: s("dds-iconbtn", e !== "ghost" && `dds-iconbtn--${e}`, t !== "md" && `dds-iconbtn--${t}`, o),
+		children: n ? /* @__PURE__ */ a("span", {
+			className: "dds-spinner",
+			"aria-hidden": !0
+		}) : c
+	});
+}), u = e(function({ id: e, label: r, helpText: i, error: c, required: l, className: u, children: d, ...f }, p) {
+	let m = t(), h = e ?? `dds-field-${m}`, g = {
+		id: h,
+		"aria-describedby": [i && `${h}-help`, c && `${h}-error`].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": c ? !0 : void 0,
+		"aria-required": l ? !0 : void 0
+	};
+	return /* @__PURE__ */ o(n.Root, {
+		...f,
+		ref: p,
+		invalid: !!c,
+		required: l,
+		id: h,
+		ids: {
+			control: `${h}-root`,
+			helperText: `${h}-help`,
+			errorText: `${h}-error`
+		},
+		className: s("dds-field", !!c && "dds-field--error", u),
+		children: [
+			/* @__PURE__ */ o(n.Label, {
+				htmlFor: h,
+				className: "dds-field__label",
+				children: [r, l && /* @__PURE__ */ a("span", {
+					"aria-hidden": !0,
+					children: " *"
+				})]
+			}),
+			typeof d == "function" ? d(g) : d,
+			i && /* @__PURE__ */ a(n.HelperText, {
+				className: "dds-field__help",
+				children: i
+			}),
+			c && /* @__PURE__ */ a(n.ErrorText, {
+				className: "dds-field__error",
+				role: "alert",
+				children: c
+			})
+		]
+	});
+}), d = e(function({ invalid: e, wrapperClassName: t, className: n, children: r, ...i }, o) {
+	return /* @__PURE__ */ a("span", {
+		className: s("dds-select", t),
+		children: /* @__PURE__ */ a("select", {
+			...i,
+			ref: o,
+			className: s("dds-select__input", n),
+			"aria-invalid": e || i["aria-invalid"],
+			children: r
+		})
+	});
+}), f = e(function({ kind: e, label: t, checked: n, defaultChecked: c, onCheckedChange: l, id: u, name: d, value: f, disabled: p, required: m, readOnly: h, form: g, className: _, inputClassName: v, onChange: y, ...b }, x) {
+	let S = e === "switch" ? i.Root : r.Root, C = e === "switch" ? i.Label : r.Label, w = e === "switch" ? i.Context : r.Context, T = e === "switch" ? "dds-switch" : "dds-check";
+	return /* @__PURE__ */ o(S, {
+		checked: n,
+		defaultChecked: c,
+		onCheckedChange: (e) => l?.(e.checked === !0),
+		ids: u ? { hiddenInput: u } : void 0,
+		name: d,
+		value: String(f ?? "on"),
+		disabled: p,
+		required: m,
+		readOnly: h,
+		form: g,
+		className: s(T, _),
+		children: [/* @__PURE__ */ a(w, { children: (t) => {
+			let { style: n, defaultChecked: r, ...i } = t.getHiddenInputProps();
+			return /* @__PURE__ */ a("input", {
+				...i,
+				...b,
+				ref: x,
+				checked: t.checked,
+				role: e === "switch" ? "switch" : void 0,
+				onChange: y ?? (() => {}),
+				onClick: (e) => {
+					b.onClick?.(e), e.defaultPrevented || i.onClick?.(e);
+				},
+				className: s(`${T}__input`, v)
+			});
+		} }), /* @__PURE__ */ a(C, { children: t })]
+	});
+}), p = e((e, t) => /* @__PURE__ */ a(f, {
+	...e,
+	kind: "checkbox",
+	ref: t
+})), m = e((e, t) => /* @__PURE__ */ a(f, {
+	...e,
+	kind: "switch",
+	ref: t
+})), h = e(function({ label: e, className: t, inputClassName: n, onCheckedChange: r, onChange: i, ...c }, l) {
+	return /* @__PURE__ */ o("label", {
+		className: s("dds-check", t),
+		children: [/* @__PURE__ */ a("input", {
+			...c,
+			ref: l,
+			type: "radio",
+			className: s("dds-check__input", n),
+			onChange: (e) => {
+				i?.(e), e.defaultPrevented || r?.(e.currentTarget.checked);
+			}
+		}), /* @__PURE__ */ a("span", { children: e })]
+	});
+});
+//#endregion
+export { h as a, s as c, l as i, p as n, d as o, u as r, m as s, c as t };
+
+//# sourceMappingURL=controls-BajigKUv.js.map

package/dist/controls-BajigKUv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls-BajigKUv.js","names":[],"sources":["../src/controls.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ButtonHTMLAttributes,\n  type InputHTMLAttributes,\n  type SelectHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Field as ArkField } from \"@ark-ui/react/field\";\nimport { Checkbox as ArkCheckbox } from \"@ark-ui/react/checkbox\";\nimport { Switch as ArkSwitch } from \"@ark-ui/react/switch\";\nexport const classes = (...values: (string | false | undefined)[]) =>\n  values.filter(Boolean).join(\" \");\nexport type ButtonTone = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ControlSize = \"sm\" | \"md\" | \"lg\";\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  tone?: ButtonTone;\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      tone = \"primary\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-btn\",\n          `dds-btn--${tone}`,\n          size !== \"md\" && `dds-btn--${size}`,\n          className\n        )}\n      >\n        {loading && <span className=\"dds-spinner\" aria-hidden />}\n        {children}\n      </button>\n    );\n  }\n);\nexport interface IconButtonProps extends Omit<ButtonProps, \"tone\"> {\n  \"aria-label\": string;\n  tone?: \"ghost\" | \"secondary\" | \"danger\";\n}\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      tone = \"ghost\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-iconbtn\",\n          tone !== \"ghost\" && `dds-iconbtn--${tone}`,\n          size !== \"md\" && `dds-iconbtn--${size}`,\n          className\n        )}\n      >\n        {loading ? <span className=\"dds-spinner\" aria-hidden /> : children}\n      </button>\n    );\n  }\n);\nexport interface FieldControlProps {\n  id: string;\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: true;\n  \"aria-required\"?: true;\n}\nexport interface FieldProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  label: ReactNode;\n  helpText?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n  children: ReactNode | ((props: FieldControlProps) => ReactNode);\n}\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    id: requested,\n    label,\n    helpText,\n    error,\n    required,\n    className,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const generated = useId();\n  const id = requested ?? `dds-field-${generated}`;\n  const control: FieldControlProps = {\n    id,\n    \"aria-describedby\":\n      [helpText && `${id}-help`, error && `${id}-error`]\n        .filter(Boolean)\n        .join(\" \") || undefined,\n    \"aria-invalid\": error ? true : undefined,\n    \"aria-required\": required ? true : undefined,\n  };\n  return (\n    <ArkField.Root\n      {...rest}\n      ref={ref}\n      invalid={Boolean(error)}\n      required={required}\n      id={id}\n      ids={{\n        control: `${id}-root`,\n        helperText: `${id}-help`,\n        errorText: `${id}-error`,\n      }}\n      className={classes(\n        \"dds-field\",\n        Boolean(error) && \"dds-field--error\",\n        className\n      )}\n    >\n      <ArkField.Label htmlFor={id} className=\"dds-field__label\">\n        {label}\n        {required && <span aria-hidden> *</span>}\n      </ArkField.Label>\n      {typeof children === \"function\" ? children(control) : children}\n      {helpText && (\n        <ArkField.HelperText className=\"dds-field__help\">\n          {helpText}\n        </ArkField.HelperText>\n      )}\n      {error && (\n        <ArkField.ErrorText className=\"dds-field__error\" role=\"alert\">\n          {error}\n        </ArkField.ErrorText>\n      )}\n    </ArkField.Root>\n  );\n});\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  invalid?: boolean;\n  wrapperClassName?: string;\n}\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  function Select(\n    { invalid, wrapperClassName, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <span className={classes(\"dds-select\", wrapperClassName)}>\n        <select\n          {...rest}\n          ref={ref}\n          className={classes(\"dds-select__input\", className)}\n          aria-invalid={invalid || rest[\"aria-invalid\"]}\n        >\n          {children}\n        </select>\n      </span>\n    );\n  }\n);\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"children\"> {\n  label: ReactNode;\n  onCheckedChange?: (checked: boolean) => void;\n  inputClassName?: string;\n}\nexport type RadioProps = CheckboxProps;\nexport type SwitchProps = CheckboxProps;\nconst Checkable = forwardRef<\n  HTMLInputElement,\n  CheckboxProps & { kind: \"checkbox\" | \"switch\" }\n>(function Checkable(\n  {\n    kind,\n    label,\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    id,\n    name,\n    value,\n    disabled,\n    required,\n    readOnly,\n    form,\n    className,\n    inputClassName,\n    onChange,\n    ...rest\n  },\n  ref\n) {\n  const Root = kind === \"switch\" ? ArkSwitch.Root : ArkCheckbox.Root;\n  const Label = kind === \"switch\" ? ArkSwitch.Label : ArkCheckbox.Label;\n  const Context = kind === \"switch\" ? ArkSwitch.Context : ArkCheckbox.Context;\n  const base = kind === \"switch\" ? \"dds-switch\" : \"dds-check\";\n  return (\n    <Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={(details) => onCheckedChange?.(details.checked === true)}\n      ids={id ? { hiddenInput: id } : undefined}\n      name={name}\n      value={String(value ?? \"on\")}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      form={form}\n      className={classes(base, className)}\n    >\n      <Context>\n        {(api) => {\n          // DDS styles the actual input. Keep Ark's events and state, but omit\n          // its visually hidden style and use React's controlled checked prop\n          // so a caller-declined change also restores the native DOM value.\n          const {\n            style: _,\n            defaultChecked: __,\n            ...inputProps\n          } = api.getHiddenInputProps();\n          return (\n            <input\n              {...inputProps}\n              {...rest}\n              ref={ref}\n              checked={api.checked}\n              role={kind === \"switch\" ? \"switch\" : undefined}\n              onChange={onChange ?? (() => {})}\n              onClick={(event) => {\n                rest.onClick?.(event);\n                if (!event.defaultPrevented) inputProps.onClick?.(event);\n              }}\n              className={classes(`${base}__input`, inputClassName)}\n            />\n          );\n        }}\n      </Context>\n      <Label>{label}</Label>\n    </Root>\n  );\n});\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => <Checkable {...props} kind=\"checkbox\" ref={ref} />\n);\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  (props, ref) => <Checkable {...props} kind=\"switch\" ref={ref} />\n);\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { label, className, inputClassName, onCheckedChange, onChange, ...rest },\n  ref\n) {\n  return (\n    <label className={classes(\"dds-check\", className)}>\n      <input\n        {...rest}\n        ref={ref}\n        type=\"radio\"\n        className={classes(\"dds-check__input\", inputClassName)}\n        onChange={(event) => {\n          onChange?.(event);\n          if (!event.defaultPrevented)\n            onCheckedChange?.(event.currentTarget.checked);\n        }}\n      />\n      <span>{label}</span>\n    </label>\n  );\n});\n"],"mappings":"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"}

package/dist/date-only.d.ts

@@ -0,0 +1,36 @@
+export interface DatePickerValidity {
+    /** Exact displayed draft; never persist this display text as an API date. */
+    inputValue: string;
+    /** Valid ISO date, optional empty string, or null when invalid/incomplete. */
+    value: string | null;
+    valid: boolean;
+    reason: "valid" | "required" | "incomplete" | "invalid" | "rangeUnderflow" | "rangeOverflow";
+}
+export declare function isCalendarDate(value: string): boolean;
+export declare function isKorean(locale: string): boolean;
+export declare function displayDate(value: string, locale: string): string;
+export declare function canonicalInput(inputValue: string, locale: string): string;
+export declare function validateInput(inputValue: string, required: boolean, min?: string, max?: string, locale?: string): DatePickerValidity;
+export interface CalendarMessages {
+    previousMonth?: string;
+    nextMonth?: string;
+    today?: string;
+    clear?: string;
+    openCalendar?: string;
+    selectDate?: (dateText: string) => string;
+    required?: string;
+    invalid?: string;
+}
+export declare function dateMessages(locale: string, messages?: CalendarMessages): {
+    previousMonth: string;
+    nextMonth: string;
+    today: string;
+    clear: string;
+    openCalendar: string;
+    selectDate: (text: string) => string;
+    required: string;
+    invalid: string;
+};
+/** Today is the sole timestamp boundary; stored dates remain Gregorian date-only strings. */
+export declare function todayDate(timeZone: string): string;
+//# sourceMappingURL=date-only.d.ts.map

package/dist/date-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-only.d.ts","sourceRoot":"","sources":["../src/date-only.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EACF,OAAO,GACP,UAAU,GACV,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,eAAe,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,WAW3C;AACD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,WAEtC;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAIxD;AACD,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAIhE;AACD,wBAAgB,aAAa,CAC3B,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,OAAO,EACjB,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,MAAM,SAAU,GACf,kBAAkB,CAyBpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAE,gBAAqB;;;;;;uBAQrD,MAAM;;;EAO5B;AAED,6FAA6F;AAC7F,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,UAUzC"}

package/dist/date-picker.d.ts

@@ -1,11 +1,5 @@
-export interface DatePickerValidity {
-    /** Exact displayed draft; never persist this display text as an API date. */
-    inputValue: string;
-    /** Valid ISO date, optional empty string, or null when invalid/incomplete. */
-    value: string | null;
-    valid: boolean;
-    reason: 'valid' | 'required' | 'incomplete' | 'invalid' | 'rangeUnderflow' | 'rangeOverflow';
-}
+import { type CalendarMessages, type DatePickerValidity } from "./date-only";
+export type { DatePickerValidity, CalendarMessages } from "./date-only";
 export interface DatePickerProps {
     label: string;
     /** ISO calendar date (YYYY-MM-DD), or an empty string. */
@@ -20,6 +14,11 @@ export interface DatePickerProps {
     onValidityChange?: (state: DatePickerValidity) => void;
     min?: string;
     max?: string;
+    startOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    labelPlacement?: "outside" | "inside" | "hidden";
+    messages?: CalendarMessages;
+    clearable?: boolean;
+    showToday?: boolean;
 }
-export declare function DatePicker({ label, value, onChange, locale, timeZone, disabled, readOnly, required, onValidityChange, min, max }: DatePickerProps): import("react").JSX.Element;
+export declare function DatePicker({ label, value, onChange, locale, timeZone, disabled, readOnly, required, onValidityChange, min, max, startOfWeek, labelPlacement, messages, clearable, showToday, }: DatePickerProps): import("react").JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../src/date-picker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,UAAU,EAAC,MAAM,CAAC;IAClB,8EAA8E;IAC9E,KAAK,EAAC,MAAM,GAAC,IAAI,CAAC;IAClB,KAAK,EAAC,OAAO,CAAC;IACd,MAAM,EAAC,OAAO,GAAC,UAAU,GAAC,YAAY,GAAC,SAAS,GAAC,gBAAgB,GAAC,eAAe,CAAC;CACnF;AACD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAC,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,EAAC,CAAC,KAAK,EAAC,MAAM,KAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,+MAA+M;IAC/M,gBAAgB,CAAC,EAAC,CAAC,KAAK,EAAC,kBAAkB,KAAG,IAAI,CAAC;IACnD,GAAG,CAAC,EAAC,MAAM,CAAC;IACZ,GAAG,CAAC,EAAC,MAAM,CAAC;CACb;AAkCD,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAc,EAAC,QAAqB,EAAC,QAAc,EAAC,QAAc,EAAC,QAAc,EAAC,gBAAgB,EAAC,GAAG,EAAC,GAAG,EAAC,EAAC,eAAe,+BAyG3K"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../src/date-picker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAOL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+MAA+M;IAC/M,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACjD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAgB,EAChB,QAAuB,EACvB,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,gBAAgB,EAChB,GAAG,EACH,GAAG,EACH,WAAe,EACf,cAA0B,EAC1B,QAAQ,EACR,SAAgB,EAChB,SAAgB,GACjB,EAAE,eAAe,+BA+PjB"}

package/dist/date-picker.js

@@ -0,0 +1,198 @@
+import { r as e, t } from "./controls-BajigKUv.js";
+import { a as n, i as r, n as i, o as ee, r as a, s as o, t as s } from "./calendar-view-I_sNlioP.js";
+import { useEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Portal as p } from "@ark-ui/react/portal";
+import { DatePicker as m, parseDate as h } from "@ark-ui/react/date-picker";
+//#region src/date-picker.tsx
+function g() {
+	return /* @__PURE__ */ f("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ d("rect", {
+			x: "3.5",
+			y: "5.5",
+			width: "17",
+			height: "15",
+			rx: "2"
+		}), /* @__PURE__ */ d("path", { d: "M7.5 3v5M16.5 3v5M3.5 10.5h17" })]
+	});
+}
+function _(e) {
+	return n(e) ? [h(e)] : [];
+}
+function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S = "Asia/Seoul", disabled: C = !1, readOnly: w = !1, required: T = !1, onValidityChange: E, min: D, max: O, startOfWeek: k = 0, labelPlacement: te = "outside", messages: A, clearable: ne = !0, showToday: re = !0 }) {
+	let [j, M] = u(() => r(y, x)), [N, P] = u(() => _(y)), [F, I] = u(!1), L = l(null), R = l(null), z = l(void 0);
+	c(() => () => {
+		z.current !== void 0 && cancelAnimationFrame(z.current);
+	}, []);
+	let [B, V] = u(null);
+	c(() => {
+		let e = L.current;
+		e && V(e.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? e.ownerDocument.body);
+	}, []);
+	let H = l(!1), U = l(y), W = l(x), G = l([]), K = l(y), q = l(""), J = i(j, W.current), Y = W.current !== x && n(J) ? r(J, x) : j, X = o(Y, T, D, O, x), Z = a(x, A), Q = X.valid ? void 0 : X.reason === "required" ? Z.required : Z.invalid;
+	c(() => {
+		let e = W.current;
+		if (W.current = x, U.current === y) {
+			e !== x && M(Y);
+			return;
+		}
+		U.current = y;
+		let t = G.current.indexOf(y);
+		if (t !== -1) {
+			G.current.splice(t, 1);
+			return;
+		}
+		G.current = [], K.current = y, M(r(y, x)), (y === "" || n(y)) && P(_(y));
+	}, [y, x]), c(() => {
+		L.current?.setCustomValidity(Q ?? "");
+		let e = JSON.stringify(X);
+		E && q.current !== e && (q.current = e, E(X));
+	}, [
+		j,
+		T,
+		D,
+		O,
+		x,
+		Q,
+		E
+	]), c(() => {
+		(C || w) && (H.current = !1, I(!1));
+	}, [C, w]), c(() => {
+		if (!H.current || C || w) return;
+		let e = requestAnimationFrame(() => {
+			H.current = !1, L.current?.focus({ preventScroll: !0 });
+		});
+		return () => cancelAnimationFrame(e);
+	}, [
+		F,
+		N,
+		C,
+		w
+	]);
+	function $(e) {
+		let t = o(e, T, D, O, x);
+		if (e !== "" && !t.valid) return;
+		let n = e === "" ? "" : t.value;
+		P(_(n)), n !== K.current && (K.current = n, G.current.push(n), b(n));
+	}
+	function ie(e) {
+		M(e);
+		let t = o(e, T, D, O, x);
+		L.current?.setCustomValidity(t.valid ? "" : Q ?? "Enter a valid date (YYYY-MM-DD)."), (e === "" || t.valid) && (M(r(t.value ?? "", x)), $(e));
+	}
+	return /* @__PURE__ */ d(e, {
+		label: v,
+		required: T,
+		error: Q,
+		className: `dds-date-picker dds-date-picker--${te}`,
+		"data-filled": Y === "" ? void 0 : "true",
+		children: (e) => /* @__PURE__ */ f(m.Root, {
+			locale: x,
+			timeZone: S,
+			disabled: C,
+			readOnly: w,
+			required: T,
+			invalid: !X.valid,
+			open: F && !C && !w,
+			onOpenChange: (e) => I(e.open && !C && !w),
+			min: D && n(D) ? h(D) : void 0,
+			max: O && n(O) ? h(O) : void 0,
+			startOfWeek: k,
+			minView: "day",
+			maxView: "day",
+			fixedWeeks: !0,
+			translations: {
+				dayCell: (e) => Z.selectDate(e.valueText),
+				clearTrigger: Z.clear
+			},
+			value: N,
+			format: (e) => r(e.toString(), x),
+			onValueChange: (e) => {
+				let t = e.value[0]?.toString() || "";
+				t !== "" && !o(t, T, D, O, x).valid || (H.current = !0, M(r(t, x)), $(t));
+			},
+			positioning: {
+				placement: "bottom-start",
+				gutter: 8,
+				strategy: B?.matches("[role=\"dialog\"], [role=\"alertdialog\"]") ? "fixed" : "absolute",
+				hideWhenDetached: !!B?.matches("[role=\"dialog\"], [role=\"alertdialog\"]")
+			},
+			children: [/* @__PURE__ */ f(m.Control, {
+				className: "dds-date-picker-control",
+				children: [/* @__PURE__ */ d("input", {
+					...e,
+					ref: L,
+					type: "text",
+					value: Y,
+					onChange: () => {},
+					required: T,
+					readOnly: w,
+					disabled: C,
+					placeholder: ee(x) ? "YYYY/MM/DD" : "YYYY-MM-DD",
+					autoComplete: "off",
+					autoCorrect: "off",
+					spellCheck: !1,
+					onInputCapture: (e) => {
+						C || w || (e.stopPropagation(), ie(e.currentTarget.value));
+					},
+					onBlur: () => {
+						!C && !w && $(Y);
+					},
+					onKeyDownCapture: (e) => {
+						e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), !C && !w && $(Y));
+					}
+				}), /* @__PURE__ */ d(m.Trigger, {
+					asChild: !0,
+					children: /* @__PURE__ */ d(t, {
+						ref: R,
+						type: "button",
+						tone: "secondary",
+						"aria-label": `${v} ${Z.openCalendar}`,
+						children: /* @__PURE__ */ d(g, {})
+					})
+				})]
+			}), /* @__PURE__ */ d(p, {
+				container: B ? { current: B } : void 0,
+				children: /* @__PURE__ */ d(m.Positioner, {
+					className: "dds-date-picker-positioner",
+					children: /* @__PURE__ */ d(m.Content, {
+						onKeyDownCapture: (e) => {
+							e.key === "Escape" && (H.current = !1, z.current !== void 0 && cancelAnimationFrame(z.current), z.current = requestAnimationFrame(() => {
+								z.current = requestAnimationFrame(() => {
+									!C && !w && R.current?.focus({ preventScroll: !0 });
+								});
+							}));
+						},
+						className: "dds-date-picker-content",
+						"aria-label": `${v} 날짜 선택`,
+						children: /* @__PURE__ */ d(s, {
+							timeZone: S,
+							min: D,
+							max: O,
+							locale: x,
+							messages: A,
+							disabled: C,
+							readOnly: w,
+							showToday: re,
+							showClear: ne,
+							onClear: () => {
+								M(""), $("");
+							}
+						})
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { v as DatePicker };
+
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":[],"sources":["../src/date-picker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  DatePicker as ArkDatePicker,\n  parseDate,\n} from \"@ark-ui/react/date-picker\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { Button, Field } from \"./controls\";\nimport { CalendarView } from \"./calendar-view\";\nimport {\n  isCalendarDate,\n  isKorean,\n  displayDate,\n  canonicalInput,\n  validateInput,\n  dateMessages,\n  type CalendarMessages,\n  type DatePickerValidity,\n} from \"./date-only\";\nexport type { DatePickerValidity, CalendarMessages } from \"./date-only\";\n\nexport interface DatePickerProps {\n  label: string;\n  /** ISO calendar date (YYYY-MM-DD), or an empty string. */\n  value: string;\n  onChange: (value: string) => void;\n  locale?: string;\n  timeZone?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  /** Initial mount and semantic draft changes, deduped across callback identity changes. Key by editor identity for a fresh initial report. Button/API saves must guard validity and use its canonical value. */\n  onValidityChange?: (state: DatePickerValidity) => void;\n  min?: string;\n  max?: string;\n  startOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  messages?: CalendarMessages;\n  clearable?: boolean;\n  showToday?: boolean;\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}\nfunction calendarSelection(value: string) {\n  return isCalendarDate(value) ? [parseDate(value)] : [];\n}\n\nexport function DatePicker({\n  label,\n  value,\n  onChange,\n  locale = \"ko-KR\",\n  timeZone = \"Asia/Seoul\",\n  disabled = false,\n  readOnly = false,\n  required = false,\n  onValidityChange,\n  min,\n  max,\n  startOfWeek = 0,\n  labelPlacement = \"outside\",\n  messages,\n  clearable = true,\n  showToday = true,\n}: DatePickerProps) {\n  const [draft, setDraft] = useState(() => displayDate(value, locale));\n  const [selection, setSelection] = useState(() => calendarSelection(value));\n  const [open, setOpen] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const escapeFrame = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (escapeFrame.current !== undefined)\n        cancelAnimationFrame(escapeFrame.current);\n    },\n    [],\n  );\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const input = inputRef.current;\n    if (input) {\n      // A modal hides its body siblings from assistive technology. Keep the\n      // calendar within that modal while preserving the server Portal boundary.\n      setPortalMount(\n        input.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          input.ownerDocument.body,\n      );\n    }\n  }, []);\n  const restoreInputFocus = useRef(false);\n  const observedValue = useRef(value);\n  const observedLocale = useRef(locale);\n  // Every outstanding emission is retained, including repeated B/C/B values.\n  // Entries end on acknowledgement, an unmatched external reset, or unmount.\n  const pendingEchoes = useRef<string[]>([]);\n  const emittedValue = useRef(value);\n  const notified = useRef(\"\");\n  // Convert a complete draft before reporting validity in the new locale.\n  const canonicalDraft = canonicalInput(draft, observedLocale.current);\n  const effectiveDraft =\n    observedLocale.current !== locale && isCalendarDate(canonicalDraft)\n      ? displayDate(canonicalDraft, locale)\n      : draft;\n  const validity = validateInput(effectiveDraft, required, min, max, locale);\n  const text = dateMessages(locale, messages);\n  const error = validity.valid\n    ? undefined\n    : validity.reason === \"required\"\n      ? text.required\n      : text.invalid;\n  useEffect(() => {\n    const previousLocale = observedLocale.current;\n    observedLocale.current = locale;\n    if (observedValue.current === value) {\n      if (previousLocale !== locale) setDraft(effectiveDraft);\n      return;\n    }\n    observedValue.current = value;\n    // A matched outstanding value is an acknowledgement, not a draft reset.\n    const acknowledged = pendingEchoes.current.indexOf(value);\n    if (acknowledged !== -1) {\n      pendingEchoes.current.splice(acknowledged, 1);\n      return;\n    }\n    pendingEchoes.current = [];\n    emittedValue.current = value;\n    setDraft(displayDate(value, locale));\n    if (value === \"\" || isCalendarDate(value))\n      setSelection(calendarSelection(value));\n  }, [value, locale]);\n  useEffect(() => {\n    inputRef.current?.setCustomValidity(error ?? \"\");\n    const key = JSON.stringify(validity);\n    if (onValidityChange && notified.current !== key) {\n      notified.current = key;\n      onValidityChange(validity);\n    }\n  }, [draft, required, min, max, locale, error, onValidityChange]);\n  useEffect(() => {\n    if (disabled || readOnly) {\n      restoreInputFocus.current = false;\n      setOpen(false);\n    }\n  }, [disabled, readOnly]);\n  // Ark's calendar restores focus to its trigger when it does not own an Input.\n  // Return to the DDS input after that calendar frame; cancel on lock/unmount.\n  useEffect(() => {\n    if (!restoreInputFocus.current || disabled || readOnly) return;\n    const frame = requestAnimationFrame(() => {\n      restoreInputFocus.current = false;\n      inputRef.current?.focus({ preventScroll: true });\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [open, selection, disabled, readOnly]);\n  function commit(next: string) {\n    const state = validateInput(next, required, min, max, locale);\n    if (next !== \"\" && !state.valid) return;\n    const canonical = next === \"\" ? \"\" : state.value!;\n    setSelection(calendarSelection(canonical));\n    // Blur/Enter must not emit the same local commit again while props lag.\n    if (canonical !== emittedValue.current) {\n      emittedValue.current = canonical;\n      pendingEchoes.current.push(canonical);\n      onChange(canonical);\n    }\n  }\n  function changeDraft(next: string) {\n    setDraft(next);\n    const state = validateInput(next, required, min, max, locale);\n    // Native form submission and callback-based saves both see this edit.\n    inputRef.current?.setCustomValidity(\n      state.valid ? \"\" : (error ?? \"Enter a valid date (YYYY-MM-DD).\"),\n    );\n    if (next === \"\" || state.valid) {\n      setDraft(displayDate(state.value ?? \"\", locale));\n      commit(next);\n    }\n  }\n  return (\n    <Field\n      label={label}\n      required={required}\n      error={error}\n      className={`dds-date-picker dds-date-picker--${labelPlacement}`}\n      data-filled={effectiveDraft !== \"\" ? \"true\" : undefined}\n    >\n      {(control) => (\n        <ArkDatePicker.Root\n          locale={locale}\n          timeZone={timeZone}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          invalid={!validity.valid}\n          open={open && !disabled && !readOnly}\n          onOpenChange={(details) =>\n            setOpen(details.open && !disabled && !readOnly)\n          }\n          min={min && isCalendarDate(min) ? parseDate(min) : undefined}\n          max={max && isCalendarDate(max) ? parseDate(max) : undefined}\n          startOfWeek={startOfWeek}\n          minView=\"day\"\n          maxView=\"day\"\n          fixedWeeks\n          translations={{\n            dayCell: (state) => text.selectDate(state.valueText),\n            clearTrigger: text.clear,\n          }}\n          value={selection}\n          format={(v) => displayDate(v.toString(), locale)}\n          onValueChange={(details) => {\n            const next = details.value[0]?.toString() || \"\";\n            if (\n              next !== \"\" &&\n              !validateInput(next, required, min, max, locale).valid\n            )\n              return;\n            restoreInputFocus.current = true;\n            setDraft(displayDate(next, locale));\n            commit(next);\n          }}\n          positioning={{\n            placement: \"bottom-start\",\n            gutter: 8,\n            strategy: portalMount?.matches(\n              '[role=\"dialog\"], [role=\"alertdialog\"]',\n            )\n              ? \"fixed\"\n              : \"absolute\",\n            hideWhenDetached: !!portalMount?.matches(\n              '[role=\"dialog\"], [role=\"alertdialog\"]',\n            ),\n          }}\n        >\n          {/* DDS owns the raw text input; Ark owns calendar interaction, not draft DOM writes. */}\n          <ArkDatePicker.Control className=\"dds-date-picker-control\">\n            <input\n              {...control}\n              ref={inputRef}\n              type=\"text\"\n              value={effectiveDraft}\n              onChange={() => {}}\n              required={required}\n              readOnly={readOnly}\n              disabled={disabled}\n              placeholder={isKorean(locale) ? \"YYYY/MM/DD\" : \"YYYY-MM-DD\"}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              onInputCapture={(event) => {\n                if (disabled || readOnly) return;\n                event.stopPropagation();\n                changeDraft(event.currentTarget.value);\n              }}\n              onBlur={() => {\n                if (!disabled && !readOnly) commit(effectiveDraft);\n              }}\n              onKeyDownCapture={(event) => {\n                if (event.key === \"Enter\" && !event.nativeEvent.isComposing) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (!disabled && !readOnly) commit(effectiveDraft);\n                }\n              }}\n            />\n            <ArkDatePicker.Trigger asChild>\n              <Button\n                ref={triggerRef}\n                type=\"button\"\n                tone=\"secondary\"\n                aria-label={`${label} ${text.openCalendar}`}\n              >\n                <CalendarIcon />\n              </Button>\n            </ArkDatePicker.Trigger>\n          </ArkDatePicker.Control>\n          <Portal\n            container={portalMount ? { current: portalMount } : undefined}\n          >\n            <ArkDatePicker.Positioner className=\"dds-date-picker-positioner\">\n              <ArkDatePicker.Content\n                onKeyDownCapture={(event) => {\n                  if (event.key !== \"Escape\") return;\n                  restoreInputFocus.current = false;\n                  if (escapeFrame.current !== undefined)\n                    cancelAnimationFrame(escapeFrame.current);\n                  escapeFrame.current = requestAnimationFrame(() => {\n                    escapeFrame.current = requestAnimationFrame(() => {\n                      if (!disabled && !readOnly)\n                        triggerRef.current?.focus({ preventScroll: true });\n                    });\n                  });\n                }}\n                className=\"dds-date-picker-content\"\n                aria-label={`${label} 날짜 선택`}\n              >\n                <CalendarView\n                  timeZone={timeZone}\n                  min={min}\n                  max={max}\n                  locale={locale}\n                  messages={messages}\n                  disabled={disabled}\n                  readOnly={readOnly}\n                  showToday={showToday}\n                  showClear={clearable}\n                  onClear={() => {\n                    setDraft(\"\");\n                    commit(\"\");\n                  }}\n                />\n              </ArkDatePicker.Content>\n            </ArkDatePicker.Positioner>\n          </Portal>\n        </ArkDatePicker.Root>\n      )}\n    </Field>\n  );\n}\n"],"mappings":"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"}