@devslab/dds-react 0.0.0-stage → 0.21.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/controls.tsx","../src/selection.tsx","../src/overlays.tsx","../src/icon.tsx","../src/toast.tsx","../src/console-shell.tsx","../src/date-picker.tsx","../src/status-pill.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","import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Tabs as ArkTabs, useTabsContext } from \"@ark-ui/react/tabs\";\nimport {\n  RadioGroup as ArkRadioGroup,\n  useRadioGroupContext,\n} from \"@ark-ui/react/radio-group\";\nimport { classes } from \"./controls\";\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof ArkTabs.Root>, \"onValueChange\"> {\n  onValueChange?: (value: string) => void;\n  unstyled?: boolean;\n}\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  { onValueChange, unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Root\n      {...rest}\n      ref={ref}\n      onValueChange={(details) => onValueChange?.(details.value)}\n      className={classes(!unstyled && \"dds-tabs-root\", className)}\n    />\n  );\n});\nexport type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {\n  unstyled?: boolean;\n};\nexport type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;\nexport const TabList = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof ArkTabs.List> & { unstyled?: boolean }\n>(function TabList({ unstyled, className, ...rest }, ref) {\n  return (\n    <ArkTabs.List\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tabs\", className)}\n    />\n  );\n});\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Trigger\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tab\", className)}\n    />\n  );\n});\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel({ value, style, ...rest }, ref) {\n    const tabs = useTabsContext();\n    const inactive = tabs.value !== value;\n    return (\n      <ArkTabs.Content\n        {...rest}\n        value={value}\n        ref={ref}\n        hidden={inactive}\n        style={inactive ? { ...style, display: \"none\" } : style}\n      />\n    );\n  }\n);\nfunction VisibleRadioInput({ option }: { option: RadioOption }) {\n  const group = useRadioGroupContext();\n  // Ark owns selection and roving focus; DDS displays the native radio.\n  const {\n    style: _,\n    defaultChecked: __,\n    ...inputProps\n  } = group.getItemHiddenInputProps(option);\n  return (\n    <input\n      {...inputProps}\n      checked={group.value === option.value}\n      onChange={() => {}}\n      className=\"dds-check__input\"\n    />\n  );\n}\nexport interface RadioOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    ComponentProps<typeof ArkRadioGroup.Root>,\n    \"onValueChange\" | \"children\"\n  > {\n  options: readonly RadioOption[];\n  label: ReactNode;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n}\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(\n    { options, label, onValueChange, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <ArkRadioGroup.Root\n        {...rest}\n        ref={ref}\n        onValueChange={(details) => {\n          if (details.value !== null) onValueChange?.(details.value);\n        }}\n        className={classes(\"dds-radio-group\", className)}\n      >\n        <ArkRadioGroup.Label className=\"dds-field__label\">\n          {label}\n        </ArkRadioGroup.Label>\n        {options.map((option) => (\n          <ArkRadioGroup.Item\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            className=\"dds-check\"\n          >\n            <VisibleRadioInput option={option} />\n            <ArkRadioGroup.ItemText>{option.label}</ArkRadioGroup.ItemText>\n          </ArkRadioGroup.Item>\n        ))}\n        {children}\n      </ArkRadioGroup.Root>\n    );\n  }\n);\n","import {\n  forwardRef,\n  type ComponentProps,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { Tooltip as ArkTooltip } from \"@ark-ui/react/tooltip\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { classes } from \"./controls\";\nexport interface DialogFrameParts {\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n  actions: ReactNode;\n}\nexport interface DialogProps\n  extends Omit<\n    ComponentProps<typeof ArkDialog.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  closeOnOutside?: boolean;\n  portal?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  contentProps?: ComponentProps<typeof ArkDialog.Content>;\n  initialFocus?: () => HTMLElement | null | undefined;\n  finalFocus?: () => HTMLElement | null | undefined;\n  frame?: (parts: DialogFrameParts) => ReactNode;\n  unstyled?: boolean;\n}\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  {\n    title,\n    description,\n    children,\n    actions,\n    onOpenChange,\n    closeOnOutside,\n    portal = true,\n    className,\n    overlayClassName,\n    contentProps,\n    initialFocus,\n    finalFocus,\n    frame,\n    unstyled,\n    ...rest\n  },\n  ref\n) {\n  const parts: DialogFrameParts = {\n    title: (\n      <ArkDialog.Title className={unstyled ? undefined : \"dds-dialog__title\"}>\n        {title}\n      </ArkDialog.Title>\n    ),\n    description: description && (\n      <ArkDialog.Description\n        className={unstyled ? undefined : \"dds-dialog__body\"}\n      >\n        {description}\n      </ArkDialog.Description>\n    ),\n    children,\n    actions: actions && (\n      <div className={unstyled ? undefined : \"dds-dialog__actions\"}>\n        {actions}\n      </div>\n    ),\n  };\n  const content = (\n    <ArkDialog.Positioner\n      className={classes(!unstyled && \"dds-dialog-overlay\", overlayClassName)}\n    >\n      <ArkDialog.Content\n        {...contentProps}\n        ref={ref}\n        aria-describedby={\n          description ? contentProps?.[\"aria-describedby\"] : undefined\n        }\n        className={classes(\n          !unstyled && \"dds-dialog\",\n          className,\n          contentProps?.className\n        )}\n      >\n        {frame ? (\n          frame(parts)\n        ) : (\n          <>\n            {parts.title}\n            {parts.description}\n            {children}\n            {parts.actions}\n          </>\n        )}\n      </ArkDialog.Content>\n    </ArkDialog.Positioner>\n  );\n  return (\n    <ArkDialog.Root\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n      closeOnInteractOutside={closeOnOutside ?? rest.closeOnInteractOutside}\n      initialFocusEl={\n        initialFocus ? () => initialFocus() ?? null : rest.initialFocusEl\n      }\n      finalFocusEl={finalFocus ? () => finalFocus() ?? null : rest.finalFocusEl}\n      lazyMount\n      unmountOnExit\n    >\n      {portal ? <Portal>{content}</Portal> : content}\n    </ArkDialog.Root>\n  );\n});\nexport type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\nexport interface TooltipProps\n  extends Omit<\n    ComponentProps<typeof ArkTooltip.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  content: ReactNode;\n  children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  contentProps?: ComponentProps<typeof ArkTooltip.Content>;\n}\nexport function Tooltip({\n  content,\n  children,\n  onOpenChange,\n  className,\n  contentProps,\n  ...rest\n}: TooltipProps) {\n  return (\n    <ArkTooltip.Root\n      openDelay={0}\n      closeDelay={0}\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n    >\n      <span className={classes(\"dds-tooltip\", className)}>\n        {typeof children === \"function\" ? (\n          <ArkTooltip.Context>\n            {(api) => children(api.getTriggerProps())}\n          </ArkTooltip.Context>\n        ) : (\n          <ArkTooltip.Trigger asChild>{children}</ArkTooltip.Trigger>\n        )}\n        <Portal>\n          <ArkTooltip.Positioner>\n            <ArkTooltip.Content\n              {...contentProps}\n              className={classes(\n                \"dds-tooltip__bubble\",\n                contentProps?.className\n              )}\n            >\n              {content}\n            </ArkTooltip.Content>\n          </ArkTooltip.Positioner>\n        </Portal>\n      </span>\n    </ArkTooltip.Root>\n  );\n}\n","import { forwardRef, type SVGProps } from \"react\";\nimport { icons, directionPolicy, type DdsIconName } from \"@devslab/dds-icons\";\nimport { classes } from \"./controls\";\nexport interface IconProps\n  extends Omit<SVGProps<SVGSVGElement>, \"name\" | \"children\"> {\n  name: DdsIconName;\n  label?: string;\n  size?: number | string;\n  directional?: boolean;\n}\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(function Icon(\n  { name, label, size = 24, directional, className, ...rest },\n  ref\n) {\n  const icon = icons[name];\n  return (\n    <svg\n      {...rest}\n      ref={ref}\n      viewBox={icon.viewBox}\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={icon.strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={classes(\n        (directional ?? directionPolicy.mirrorInRtl.includes(name)) &&\n          directionPolicy.cssClass,\n        className\n      )}\n    >\n      {label && <title>{label}</title>}\n      <g dangerouslySetInnerHTML={{ __html: icon.body }} />\n    </svg>\n  );\n});\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from \"react\";\nimport { Toast as ArkToast, Toaster, createToaster } from \"@ark-ui/react/toast\";\nimport { classes } from \"./controls\";\nexport type ToastTone = \"success\" | \"warning\" | \"danger\" | \"info\";\nexport interface ToastInput {\n  message: ReactNode;\n  tone?: ToastTone;\n  duration?: number;\n}\nexport interface ToastRecord extends ToastInput {\n  id: string;\n}\nexport interface ToastApi {\n  show: (toast: ToastInput) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\nexport interface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n  dismissLabel?: string | ((toast: ToastRecord) => string);\n  regionLabel?: string;\n  className?: string;\n}\nconst ToastContext = createContext<ToastApi | null>(null);\nexport function ToastProvider({\n  children,\n  defaultDuration = 5000,\n  dismissLabel,\n  regionLabel,\n  className,\n}: ToastProviderProps) {\n  const prefix = useId();\n  const sequence = useRef(0);\n  const toaster = useMemo(\n    () =>\n      createToaster({\n        placement: \"bottom-end\",\n        overlap: false,\n        gap: 8,\n        offsets: \"var(--dds-space-16)\",\n        removeDelay: 0,\n        hotkey: [\"DDS_NO_HOTKEY\"],\n      }),\n    []\n  );\n  const api = useMemo<ToastApi>(() => {\n    return {\n      show(input) {\n        const id = `dds-toast-${prefix}-${++sequence.current}`;\n        const duration = input.duration ?? defaultDuration;\n        toaster.create({\n          id,\n          description: input.message,\n          type: input.tone === \"danger\" ? \"error\" : input.tone ?? \"info\",\n          duration: duration > 0 ? duration : Infinity,\n          meta: { dds: { ...input, id } },\n        });\n        return id;\n      },\n      dismiss: (id) => toaster.remove(id),\n      clear: () => toaster.remove(),\n    };\n  }, [toaster, prefix, defaultDuration]);\n  useEffect(() => () => toaster.remove(), [toaster]);\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <Toaster\n        toaster={toaster}\n        label={regionLabel ?? \"\"}\n        aria-label={regionLabel ?? \"\"}\n        role={regionLabel ? \"region\" : \"presentation\"}\n        className={classes(\"dds-toast-region\", className)}\n      >\n        {(toast) => {\n          const record = toast.meta?.dds as ToastRecord;\n          return (\n            <ArkToast.Root\n              className={classes(\n                \"dds-toast\",\n                `dds-toast--${record.tone ?? \"info\"}`\n              )}\n              role={record.tone === \"danger\" ? \"alert\" : \"status\"}\n            >\n              <ArkToast.Description>{toast.description}</ArkToast.Description>\n              {dismissLabel && (\n                <ArkToast.CloseTrigger\n                  className=\"dds-iconbtn dds-iconbtn--sm\"\n                  aria-label={\n                    typeof dismissLabel === \"function\"\n                      ? dismissLabel(record)\n                      : dismissLabel\n                  }\n                >\n                  ×\n                </ArkToast.CloseTrigger>\n              )}\n            </ArkToast.Root>\n          );\n        }}\n      </Toaster>\n    </ToastContext.Provider>\n  );\n}\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be called inside <ToastProvider>\");\n  return api;\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\nexport interface ConsoleNavItem {\n  id: string;\n  href: string;\n  label: string;\n  badge?: number;\n  active?: boolean;\n}\nexport interface ConsoleNavGroup {\n  label: string;\n  items: readonly ConsoleNavItem[];\n}\nexport interface ConsoleShellLabels {\n  skip: string;\n  menuOpen: string;\n  menuClose: string;\n  nav: string;\n  badge: string;\n}\nexport interface ConsoleHeader {\n  eyebrow?: string;\n  title: string;\n  actions?: ReactNode;\n}\nexport interface ConsoleShellProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"context\"> {\n  surface: string;\n  activePath: string;\n  brand: { href: string; name: string; mark: string };\n  context?: readonly { label: string; value: string }[];\n  nav: readonly ConsoleNavGroup[];\n  labels: ConsoleShellLabels;\n  header: ConsoleHeader;\n  foot?: ReactNode;\n  children: ReactNode;\n}\nfunction isActive(path: string, item: ConsoleNavItem) {\n  return (\n    item.active ??\n    (item.href.split(\"/\").filter(Boolean).length <= 1\n      ? path === item.href\n      : path === item.href || path.startsWith(`${item.href}/`))\n  );\n}\nexport const ConsoleShell = forwardRef<HTMLDivElement, ConsoleShellProps>(\n  function ConsoleShell(\n    {\n      surface,\n      activePath,\n      brand,\n      context,\n      nav,\n      labels,\n      header,\n      foot,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useState(false);\n    const [hydrated, setHydrated] = useState(false);\n    const id = useId();\n    const railId = `dds-console-rail-${id}`;\n    const mainId = `dds-console-main-${id}`;\n    useEffect(() => {\n      setHydrated(true);\n      const onKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") setOpen(false);\n      };\n      document.addEventListener(\"keydown\", onKey);\n      return () => document.removeEventListener(\"keydown\", onKey);\n    }, []);\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-console-shell\", className)}\n        data-surface={surface}\n        data-hydrated={hydrated ? \"true\" : undefined}\n      >\n        <a className=\"dds-console-skip dds-visually-hidden\" href={`#${mainId}`}>\n          {labels.skip}\n        </a>\n        <button\n          className=\"dds-console-rail__toggle\"\n          type=\"button\"\n          data-action=\"toggle-rail\"\n          aria-controls={railId}\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          <span aria-hidden />\n          <span className=\"dds-visually-hidden\">\n            {open ? labels.menuClose : labels.menuOpen}\n          </span>\n        </button>\n        <div\n          className=\"dds-console-rail__scrim\"\n          data-open={String(open)}\n          onClick={() => setOpen(false)}\n        />\n        <aside\n          id={railId}\n          className=\"dds-console-rail\"\n          data-open={String(open)}\n        >\n          <a className=\"dds-console-rail__brand\" href={brand.href}>\n            <img src={brand.mark} alt=\"\" width={20} height={20} />\n            <strong>{brand.name}</strong>\n          </a>\n          {context && context.length > 0 && (\n            <dl className=\"dds-console-rail__context\">\n              {context.map((row, index) => (\n                <div key={index}>\n                  <dt>{row.label}</dt>\n                  <dd>{row.value}</dd>\n                </div>\n              ))}\n            </dl>\n          )}\n          <nav className=\"dds-console-rail__nav\" aria-label={labels.nav}>\n            {nav.map((group, index) => (\n              <section\n                key={index}\n                className=\"dds-console-rail__group\"\n                aria-labelledby={`${id}-group-${index}`}\n              >\n                <h2\n                  id={`${id}-group-${index}`}\n                  className=\"dds-console-rail__group-label\"\n                >\n                  {group.label}\n                </h2>\n                <ul>\n                  {group.items.map((item) => (\n                    <li key={item.id}>\n                      <a\n                        className=\"dds-console-rail__item\"\n                        data-nav={`${surface}.${item.id}`}\n                        href={item.href}\n                        aria-current={\n                          isActive(activePath, item) ? \"page\" : undefined\n                        }\n                        onClick={() => setOpen(false)}\n                      >\n                        <span>{item.label}</span>\n                        {item.badge !== undefined && item.badge > 0 && (\n                          <span\n                            className=\"dds-console-rail__badge\"\n                            aria-label={labels.badge.replace(\"{count}\", () =>\n                              String(item.badge)\n                            )}\n                          >\n                            {item.badge}\n                          </span>\n                        )}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))}\n          </nav>\n          {foot && <div className=\"dds-console-rail__foot\">{foot}</div>}\n        </aside>\n        <main id={mainId} className=\"dds-console-main\" tabIndex={-1}>\n          <header className=\"dds-console-page-header\">\n            <div className=\"dds-console-page-header__text\">\n              {header.eyebrow && (\n                <p className=\"dds-console-page-eyebrow\">{header.eyebrow}</p>\n              )}\n              <h1>{header.title}</h1>\n            </div>\n            {header.actions && (\n              <div className=\"dds-console-page-header__actions\">\n                {header.actions}\n              </div>\n            )}\n          </header>\n          {children}\n        </main>\n      </div>\n    );\n  }\n);\n","import {DatePicker as ArkDatePicker,parseDate} from '@ark-ui/react/date-picker';\nimport {Portal} from '@ark-ui/react/portal';\nimport {Button,Field} from './controls';\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  min?:string;\n  max?:string;\n}\nfunction CalendarIcon(){return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2\"/><path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\"/></svg>;}\nfunction Chevron({next=false}:{next?:boolean}){return <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><path d={next?'m9 5 7 7-7 7':'m15 5-7 7 7 7'}/></svg>;}\n\n\nexport function DatePicker({label,value,onChange,locale='ko-KR',timeZone='Asia/Seoul',disabled=false,min,max}:DatePickerProps){\n  return (\n    <Field label={label}>\n      {control=><ArkDatePicker.Root locale={locale} timeZone={timeZone} disabled={disabled} min={min?parseDate(min):undefined} max={max?parseDate(max):undefined} startOfWeek={0} minView=\"day\" maxView=\"day\" fixedWeeks translations={{dayCell:state=>`${state.valueText} 선택`,clearTrigger:'선택 날짜 지우기'}} value={value?[parseDate(value)]:[]} format={v=>v.toString()} onValueChange={details=>onChange(details.valueAsString[0]||'')} positioning={{placement:'bottom-start',gutter:8}}>\n        <ArkDatePicker.Control className=\"dds-date-picker-control\">\n          <ArkDatePicker.Input {...control} placeholder=\"YYYY-MM-DD\" autoComplete=\"off\"/>\n          <ArkDatePicker.Trigger asChild><Button type=\"button\" tone=\"secondary\" aria-label={`${label} 달력 열기`}><CalendarIcon/></Button></ArkDatePicker.Trigger>\n        </ArkDatePicker.Control>\n        <Portal><ArkDatePicker.Positioner className=\"dds-date-picker-positioner\"><ArkDatePicker.Content className=\"dds-date-picker-content\" aria-label={`${label} 날짜 선택`}>\n          <ArkDatePicker.View view=\"day\">\n            <ArkDatePicker.Context>{picker=><>\n              <ArkDatePicker.ViewControl className=\"dds-date-picker-header\">\n                <ArkDatePicker.PrevTrigger asChild><Button type=\"button\" tone=\"secondary\" aria-label=\"이전 달\"><Chevron/></Button></ArkDatePicker.PrevTrigger>\n                <ArkDatePicker.RangeText/>\n                <ArkDatePicker.NextTrigger asChild><Button type=\"button\" tone=\"secondary\" aria-label=\"다음 달\"><Chevron next/></Button></ArkDatePicker.NextTrigger>\n              </ArkDatePicker.ViewControl>\n              <ArkDatePicker.Table className=\"dds-date-picker-table\">\n                <ArkDatePicker.TableHead><ArkDatePicker.TableRow>{picker.weekDays.map((day,index)=><ArkDatePicker.TableHeader key={index}>{day.short}</ArkDatePicker.TableHeader>)}</ArkDatePicker.TableRow></ArkDatePicker.TableHead>\n                <ArkDatePicker.TableBody>{picker.weeks.map((week,index)=><ArkDatePicker.TableRow key={index}>{week.map(day=><ArkDatePicker.TableCell key={day.toString()} value={day}><ArkDatePicker.TableCellTrigger>{day.day}</ArkDatePicker.TableCellTrigger></ArkDatePicker.TableCell>)}</ArkDatePicker.TableRow>)}</ArkDatePicker.TableBody>\n              </ArkDatePicker.Table>\n              <div className=\"dds-date-picker-footer\"><Button type=\"button\" tone=\"secondary\" onClick={()=>picker.selectToday()}>오늘</Button><ArkDatePicker.ClearTrigger asChild><Button type=\"button\" tone=\"secondary\">지우기</Button></ArkDatePicker.ClearTrigger></div>\n            </>}</ArkDatePicker.Context>\n          </ArkDatePicker.View>\n        </ArkDatePicker.Content></ArkDatePicker.Positioner></Portal>\n      </ArkDatePicker.Root>}\n    </Field>\n  );\n}\n","export type StatusTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"brand\" | \"neutral\";\nexport function createStatusPill<D extends string>(config:{\n tones:Record<D,Record<string,StatusTone>>;\n label:(domain:D,value:string,locale:string)=>string|undefined;\n openDomains?:readonly NoInfer<D>[];\n}){\n const open=new Set<string>(config.openDomains??[]);\n return function StatusPill(props:{domain:D;value:string;locale:string}){\n  const tone=config.tones[props.domain]?.[props.value];\n  const label=config.label(props.domain,props.value,props.locale);\n  if(!tone||!label){\n   if(open.has(props.domain))return <code data-status={`${props.domain}.${props.value}`}>{props.value}</code>;\n   throw new Error(!tone?`StatusPill: no tone for ${props.domain}.${props.value}`:`StatusPill: no label for ${props.domain}.${props.value}`);\n  }\n  return <span className={tone==='neutral'?'dds-badge':`dds-badge dds-badge--${tone}`} data-status={`${props.domain}.${props.value}`} data-tone={tone}>{label}</span>;\n };\n}\n"],"mappings":"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"}

package/dist/overlays.d.ts

@@ -0,0 +1,36 @@
+import { type ComponentProps, type ButtonHTMLAttributes, type ReactNode } from "react";
+import { Dialog as ArkDialog } from "@ark-ui/react/dialog";
+import { Tooltip as ArkTooltip } from "@ark-ui/react/tooltip";
+export interface DialogFrameParts {
+    title: ReactNode;
+    description: ReactNode;
+    children: ReactNode;
+    actions: ReactNode;
+}
+export interface DialogProps extends Omit<ComponentProps<typeof ArkDialog.Root>, "children" | "onOpenChange"> {
+    title: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    actions?: ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    closeOnOutside?: boolean;
+    portal?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    contentProps?: ComponentProps<typeof ArkDialog.Content>;
+    initialFocus?: () => HTMLElement | null | undefined;
+    finalFocus?: () => HTMLElement | null | undefined;
+    frame?: (parts: DialogFrameParts) => ReactNode;
+    unstyled?: boolean;
+}
+export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export interface TooltipProps extends Omit<ComponentProps<typeof ArkTooltip.Root>, "children" | "onOpenChange"> {
+    content: ReactNode;
+    children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    contentProps?: ComponentProps<typeof ArkTooltip.Content>;
+}
+export declare function Tooltip({ content, children, onOpenChange, className, contentProps, ...rest }: TooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=overlays.d.ts.map

package/dist/overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../src/overlays.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EACrC,UAAU,GAAG,cAAc,CAC5B;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,MAAM,wGAoFjB,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAC1E,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EACtC,UAAU,GAAG,cAAc,CAC5B;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;CAC1D;AACD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,YAAY,+BAgCd"}

package/dist/selection.d.ts

@@ -0,0 +1,30 @@
+import { type ComponentProps, type ReactNode } from "react";
+import { Tabs as ArkTabs } from "@ark-ui/react/tabs";
+import { RadioGroup as ArkRadioGroup } from "@ark-ui/react/radio-group";
+export interface TabsProps extends Omit<ComponentProps<typeof ArkTabs.Root>, "onValueChange"> {
+    onValueChange?: (value: string) => void;
+    unstyled?: boolean;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {
+    unstyled?: boolean;
+};
+export type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;
+export declare const TabList: import("react").ForwardRefExoticComponent<Omit<ArkTabs.ListProps & import("react").RefAttributes<HTMLDivElement> & {
+    unstyled?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<ArkTabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface RadioOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<ComponentProps<typeof ArkRadioGroup.Root>, "onValueChange" | "children"> {
+    options: readonly RadioOption[];
+    label: ReactNode;
+    onValueChange?: (value: string) => void;
+    children?: ReactNode;
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=selection.d.ts.map

package/dist/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,IAAI,IAAI,OAAO,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EACL,UAAU,IAAI,aAAa,EAE5B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,IAAI,mHAYf,CAAC;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AACnE,eAAO,MAAM,OAAO;eAEiC,OAAO;0DAS1D,CAAC;AACH,eAAO,MAAM,GAAG,qHAWd,CAAC;AACH,eAAO,MAAM,QAAQ,8KAcpB,CAAC;AAkBF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzC,eAAe,GAAG,UAAU,CAC7B;IACD,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,eAAO,MAAM,UAAU,yHAgCtB,CAAC"}

package/dist/status-pill.d.ts

@@ -0,0 +1,11 @@
+export type StatusTone = "success" | "warning" | "danger" | "info" | "brand" | "neutral";
+export declare function createStatusPill<D extends string>(config: {
+    tones: Record<D, Record<string, StatusTone>>;
+    label: (domain: D, value: string, locale: string) => string | undefined;
+    openDomains?: readonly NoInfer<D>[];
+}): (props: {
+    domain: D;
+    value: string;
+    locale: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=status-pill.d.ts.map

package/dist/status-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-pill.d.ts","sourceRoot":"","sources":["../src/status-pill.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACzF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAC;IACzD,KAAK,EAAC,MAAM,CAAC,CAAC,EAAC,MAAM,CAAC,MAAM,EAAC,UAAU,CAAC,CAAC,CAAC;IAC1C,KAAK,EAAC,CAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,KAAG,MAAM,GAAC,SAAS,CAAC;IAC9D,WAAW,CAAC,EAAC,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;CACnC,WAEiC;IAAC,MAAM,EAAC,CAAC,CAAC;IAAA,KAAK,EAAC,MAAM,CAAC;IAAA,MAAM,EAAC,MAAM,CAAA;CAAC,iCAStE"}

package/dist/toast.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+export type ToastTone = "success" | "warning" | "danger" | "info";
+export interface ToastInput {
+    message: ReactNode;
+    tone?: ToastTone;
+    duration?: number;
+}
+export interface ToastRecord extends ToastInput {
+    id: string;
+}
+export interface ToastApi {
+    show: (toast: ToastInput) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+    defaultDuration?: number;
+    dismissLabel?: string | ((toast: ToastRecord) => string);
+    regionLabel?: string;
+    className?: string;
+}
+export declare function ToastProvider({ children, defaultDuration, dismissLabel, regionLabel, className, }: ToastProviderProps): import("react").JSX.Element;
+export declare function useToast(): ToastApi;
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClE,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAsB,EACtB,YAAY,EACZ,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,+BAyEpB;AACD,wBAAgB,QAAQ,IAAI,QAAQ,CAInC"}

package/package.json

@@ -1,6 +1,78 @@
 {
   "name": "@devslab/dds-react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.21.0",
+  "description": "Accessible React primitives for the DevsLab Design System",
+  "type": "module",
+  "license": "SEE LICENSE IN LICENSE",
+  "sideEffects": [
+    "./styles.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devslab-kr/dds.git",
+    "directory": "packages/dds-react"
+  },
+  "homepage": "https://devslab.kr/brand/",
+  "bugs": {
+    "url": "https://github.com/devslab-kr/dds/issues"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public",
+    "provenance": true
+  },
+  "files": [
+    "dist",
+    "styles.css",
+    "README.md",
+    "README.ko.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "dependencies": {
+    "@ark-ui/react": "5.39.3",
+    "@devslab/dds-css": "0.21.0",
+    "@devslab/dds-icons": "0.21.0",
+    "@devslab/dds-tokens": "0.21.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@types/node": "26.3.0",
+    "axe-core": "4.13.0",
+    "jsdom": "30.0.1",
+    "typescript": "7.0.2",
+    "vite": "8.2.1",
+    "vitest": "4.1.1"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "accessibility",
+    "design-system",
+    "devslab"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run && vitest run --config vitest.ssr.config.ts",
+    "test:a11y": "vitest run src/__tests__/a11y.test.tsx"
+  }
 }

package/styles.css

@@ -0,0 +1,38 @@
+@import "@devslab/dds-tokens/tokens.css";
+@import "@devslab/dds-css/dds.css";
+
+/* Keep the former context-only Tabs layout while Ark owns its DOM contract. */
+.dds-tabs-root {
+  display: contents;
+}
+
+/* Ark positions the wrapper; DDS continues to own the bubble appearance. */
+.dds-tooltip__bubble[data-scope="tooltip"] {
+  position: relative;
+  inset: auto;
+  transform: none;
+  opacity: 1;
+}
+
+.dds-toast[data-scope="toast"] {
+  transform: translate(var(--x), var(--y));
+  opacity: var(--opacity);
+}
+
+/* Ark DatePicker interaction with DDS visual tokens. */
+.dds-date-picker-control {display:flex;align-items:stretch;gap:8px;}
+.dds-date-picker-control input {min-width:0;}
+.dds-date-picker-control .dds-btn {flex-shrink:0;min-width:44px;padding-inline:10px;}
+.dds-date-picker-positioner {z-index:100;}
+.dds-date-picker-content {width:320px;max-width:calc(100vw - 32px);max-height:min(calc(100dvh - 32px),var(--available-height,100dvh));overflow:auto;box-sizing:border-box;padding:16px;background:var(--dds-color-bg-default);color:var(--dds-color-text-primary);border:1px solid var(--dds-color-border-default);border-radius:var(--dds-radius-md);font-family:var(--dds-font-family-sans);font-size:var(--dds-typo-body-2-font-size);}
+.dds-date-picker-header {display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;margin-bottom:12px;}
+.dds-date-picker-table {width:100%;border-collapse:collapse;table-layout:fixed;}
+.dds-date-picker-table th {font-size:12px;font-weight:500;color:var(--dds-color-text-secondary);height:32px;}
+.dds-date-picker-table td {padding:0;text-align:center;}
+.dds-date-picker-table [data-part="table-cell-trigger"] {display:flex;align-items:center;justify-content:center;width:100%;height:40px;border:0;border-radius:var(--dds-radius-sm);font:inherit;color:inherit;background:transparent;cursor:pointer;}
+.dds-date-picker-table [data-part="table-cell-trigger"]:hover {background:var(--dds-color-bg-brand-subtle);}
+.dds-date-picker-table [data-outside-range] {color:var(--dds-color-text-secondary);}
+.dds-date-picker-table [data-part="table-cell-trigger"][data-selected] {background:var(--dds-color-bg-brand);color:var(--dds-color-text-on-brand);}
+.dds-date-picker-table [data-today]:not([data-selected]) {text-decoration:underline;text-underline-offset:4px;}
+.dds-date-picker-content :focus-visible {outline:2px solid var(--dds-color-text-brand);outline-offset:2px;}
+.dds-date-picker-footer {display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dds-color-border-default);}