@nurimedia/react-ui 0.1.0 → 0.1.1

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Button/Button.tsx","../src/Button/Spinner.tsx","../src/utils/cx.ts","../src/Input/Input.tsx","../src/Textarea/Textarea.tsx","../src/Checkbox/Checkbox.tsx","../src/Radio/Radio.tsx","../src/Switch/Switch.tsx","../src/Select/Select.tsx","../src/Modal/Modal.tsx","../src/AlertDialog/AlertDialog.tsx","../src/AlertDialog/icons.tsx","../src/Toast/Toaster.tsx","../src/Toast/store.ts","../src/Toast/icons.tsx","../src/Toast/toast.ts","../src/Tooltip/Tooltip.tsx"],"sourcesContent":["export * from './Button/index.js';\nexport * from './Input/index.js';\nexport * from './Textarea/index.js';\nexport * from './Checkbox/index.js';\nexport * from './Radio/index.js';\nexport * from './Switch/index.js';\nexport * from './Select/index.js';\nexport * from './Modal/index.js';\nexport * from './AlertDialog/index.js';\nexport * from './Toast/index.js';\nexport * from './Tooltip/index.js';\n","'use client';\n\nimport './styles.css';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport type { ButtonHTMLAttributes, MouseEvent, ReactElement, ReactNode } from 'react';\nimport { Spinner } from './Spinner.js';\nimport { cx } from '../utils/cx.js';\n\ntype Variant = 'primary' | 'secondary' | 'outline' | 'ghost';\ntype Size = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /**\n   * 시각 유형.\n   * - `primary`: 브랜드 색 배경 (기본)\n   * - `secondary`: 브랜드 옅은 톤 배경\n   * - `outline`: 투명 배경 + 테두리\n   * - `ghost`: 투명 배경, hover 시에만 배경 채움\n   * @default 'primary'\n   */\n  variant?: Variant;\n\n  /**\n   * 사이즈.\n   * - `sm`: 36px 높이 — 밀집된 UI, 테이블 액션\n   * - `md`: 42px 높이 — 일반 콘텐츠 영역 (기본)\n   * - `lg`: 48px 높이 — 주요 CTA, 모바일 터치\n   * @default 'md'\n   */\n  size?: Size;\n\n  /**\n   * 라벨 좌측에 표시할 아이콘.\n   * @example <Button iconLeft={<SearchIcon />}>검색</Button>\n   */\n  iconLeft?: ReactNode;\n\n  /**\n   * 라벨 우측에 표시할 아이콘.\n   */\n  iconRight?: ReactNode;\n\n  /**\n   * 아이콘만 표시하는 정사각 버튼. **`aria-label` 필수**\n   * (icon-only는 시각적으로만 의미가 있으므로 스크린리더용 라벨이 없으면 사용자가 용도를 알 수 없음).\n   * children은 단일 아이콘 엘리먼트.\n   * @example <Button iconOnly aria-label=\"닫기\"><CloseIcon /></Button>\n   */\n  iconOnly?: boolean;\n\n  /**\n   * 컨테이너 전체 너비로 확장.\n   */\n  block?: boolean;\n\n  /**\n   * 로딩 중 표시. 스피너를 좌측 아이콘 자리에 표시하고, 클릭을 차단하며 `aria-busy=\"true\"`를 부여.\n   */\n  loading?: boolean;\n\n  /**\n   * Radix Slot으로 자식 엘리먼트를 렌더 — 자식이 Button의 className·ref·이벤트 핸들러를 모두 물려받음.\n   * 링크를 버튼처럼 보이게 할 때 가장 자주 사용 (next/link, react-router Link 등).\n   * @example\n   * <Button asChild><Link href=\"/about\">소개</Link></Button>\n   */\n  asChild?: boolean;\n\n  /**\n   * 폼 버튼 타입. 의도치 않은 form submit 방지를 위해 기본값 `'button'`.\n   * 폼 제출 버튼이면 명시적으로 `type=\"submit\"` 지정.\n   * @default 'button'\n   */\n  type?: 'button' | 'submit' | 'reset';\n\n  children?: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'primary',\n    size = 'md',\n    iconLeft,\n    iconRight,\n    iconOnly = false,\n    block = false,\n    loading = false,\n    disabled = false,\n    asChild = false,\n    type = 'button',\n    className,\n    children,\n    onClick,\n    ...rest\n  },\n  ref,\n) {\n  const isBlocked = disabled || loading;\n\n  if (\n    process.env.NODE_ENV !== 'production' &&\n    iconOnly &&\n    !rest['aria-label'] &&\n    !rest['aria-labelledby']\n  ) {\n    // iconOnly 버튼은 텍스트가 없어 스크린리더가 용도를 알 수 없음 → 개발 모드 경고\n    console.warn(\n      '[nuri/Button] `iconOnly` 버튼은 `aria-label`(또는 `aria-labelledby`)이 필요합니다.',\n    );\n  }\n\n  const hasLeftSlot = !iconOnly && (loading || iconLeft != null);\n  const hasRightSlot = !iconOnly && !loading && iconRight != null;\n\n  const classes = cx(\n    'nuri-button',\n    `nuri-button--${variant}`,\n    `nuri-button--${size}`,\n    block && 'nuri-button--block',\n    iconOnly && 'nuri-button--icon-only',\n    isBlocked && 'nuri-button--disabled',\n    loading && 'nuri-button--loading',\n    hasLeftSlot && 'nuri-button--has-left',\n    hasRightSlot && 'nuri-button--has-right',\n    className,\n  );\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (isBlocked) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    onClick?.(e);\n  };\n\n  const renderContent = (content: ReactNode) => {\n    if (iconOnly) {\n      return (\n        <span className=\"nuri-button__icon\" aria-hidden=\"true\">\n          {loading ? <Spinner /> : content}\n        </span>\n      );\n    }\n    return (\n      <>\n        {loading ? (\n          <Spinner />\n        ) : (\n          iconLeft != null && (\n            <span className=\"nuri-button__icon nuri-button__icon--left\" aria-hidden=\"true\">\n              {iconLeft}\n            </span>\n          )\n        )}\n        {content}\n        {hasRightSlot && (\n          <span className=\"nuri-button__icon nuri-button__icon--right\" aria-hidden=\"true\">\n            {iconRight}\n          </span>\n        )}\n      </>\n    );\n  };\n\n  if (asChild) {\n    const child = Children.only(children);\n    if (!isValidElement(child)) return null;\n    const childElement = child as ReactElement<{ children?: ReactNode }>;\n    return (\n      <Slot\n        ref={ref}\n        className={classes}\n        aria-disabled={isBlocked || undefined}\n        aria-busy={loading || undefined}\n        onClick={handleClick}\n        {...rest}\n      >\n        {cloneElement(childElement, undefined, renderContent(childElement.props.children))}\n      </Slot>\n    );\n  }\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={classes}\n      // disabled = 진짜 비활성 → native disabled (포커스 불가, 의도된 동작)\n      // loading  = 일시적 처리중 → aria-disabled로 포커스 유지 (클릭은 handleClick이 가드)\n      disabled={disabled}\n      aria-disabled={loading || undefined}\n      aria-busy={loading || undefined}\n      onClick={handleClick}\n      {...rest}\n    >\n      {renderContent(children)}\n    </button>\n  );\n});\n","export const Spinner = () => (\n  <span className=\"nuri-button__icon\" aria-hidden=\"true\">\n    <svg className=\"nuri-button__spinner\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\">\n      <circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"currentColor\" strokeOpacity=\"0.25\" strokeWidth=\"2\" />\n      <path d=\"M14 8a6 6 0 0 0-6-6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  </span>\n);\n","/**\n * 조건부 className 합성 유틸. falsy 값(undefined/false/null/'')은 제거.\n * @example cx('btn', isActive && 'btn--active', className)\n */\nexport function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n","'use client';\n\nimport './styles.css';\nimport { forwardRef, useId } from 'react';\nimport type { InputHTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Size = 'sm' | 'md' | 'lg';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  /**\n   * 사이즈. sm 36 / md 42 / lg 48 px 높이.\n   * @default 'md'\n   */\n  size?: Size;\n  /**\n   * 라벨 (필드 위). 지정 시 `<label>`로 렌더되어 자동 연결됨.\n   * 라벨을 두지 않으면 `aria-label`로 접근 가능한 이름을 주세요\n   * (placeholder는 이름을 대체하지 못함 — 입력 시 사라지고 대비가 낮음).\n   */\n  label?: ReactNode;\n  /**\n   * 라벨을 시각적으로만 숨김 (스크린리더에는 노출). 디자인상 라벨을 안 보이게 하되\n   * 접근성 이름은 유지할 때 사용.\n   * @default false\n   */\n  hideLabel?: boolean;\n  /** 평상시 힌트 (회색, 필드 아래). `aria-describedby`로 연결됨. */\n  description?: ReactNode;\n  /** 에러 상태 — 보더·텍스트·배경이 에러색으로 바뀌고 `aria-invalid`가 설정됨. */\n  invalid?: boolean;\n  /** `invalid`일 때 표시할 에러 메시지 (빨강). 있으면 description을 대체. */\n  errorMessage?: ReactNode;\n  /** 좌측 어도먼트 (아이콘 등). */\n  iconLeft?: ReactNode;\n  /** 우측 어도먼트 (아이콘·clear·버튼 등). */\n  iconRight?: ReactNode;\n  /** 컨테이너 전체 너비로 확장. @default false */\n  block?: boolean;\n}\n\n/**\n * 텍스트 입력 필드. 옵션으로 라벨(위)·헬퍼/에러 메시지(아래)를 포함하는 자체 완결형.\n * 상태(default/focus/invalid/disabled)는 CSS로, 값 채움(filled)은 네이티브로 처리.\n *\n * @example 기본\n * <Input placeholder=\"검색어\" aria-label=\"검색\" />\n *\n * @example 라벨 + 헬퍼 + 에러\n * <Input\n *   label=\"비밀번호\"\n *   description=\"8자 이상 입력하세요\"\n *   invalid\n *   errorMessage=\"비밀번호가 일치하지 않습니다\"\n * />\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    size = 'md',\n    label,\n    hideLabel = false,\n    description,\n    invalid = false,\n    errorMessage,\n    iconLeft,\n    iconRight,\n    block = false,\n    disabled = false,\n    className,\n    id: idProp,\n    'aria-describedby': ariaDescribedby,\n    ...rest\n  },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-input-${reactId}`;\n  const messageId = `${id}-message`;\n\n  // invalid + errorMessage → 에러 메시지 / 아니면 힌트. 시각 슬롯은 항상 한 줄.\n  const message = invalid && errorMessage != null ? errorMessage : description;\n  const hasMessage = message != null;\n  const describedBy =\n    cx(hasMessage ? messageId : undefined, ariaDescribedby as string | undefined) || undefined;\n\n  return (\n    <div className={cx('nuri-input', block && 'nuri-input--block', className)}>\n      {label != null && (\n        <label htmlFor={id} className={cx('nuri-input__label', hideLabel && 'nuri-sr-only')}>\n          {label}\n        </label>\n      )}\n\n      <div\n        className={cx(\n          'nuri-input__field',\n          `nuri-input__field--${size}`,\n          invalid && 'nuri-input__field--invalid',\n          disabled && 'nuri-input__field--disabled',\n        )}\n      >\n        {iconLeft != null && (\n          <span className=\"nuri-input__icon\" aria-hidden=\"true\">\n            {iconLeft}\n          </span>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          className=\"nuri-input__control\"\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {iconRight != null && (\n          <span className=\"nuri-input__icon\" aria-hidden=\"true\">\n            {iconRight}\n          </span>\n        )}\n      </div>\n\n      {hasMessage && (\n        <p\n          id={messageId}\n          className={cx('nuri-input__message', invalid && 'nuri-input__message--error')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport { forwardRef, useCallback, useId, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent, TextareaHTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /**\n   * 라벨 (필드 위). 지정 시 `<label>`로 렌더되어 자동 연결됨.\n   * 라벨을 두지 않으면 `aria-label`로 접근 가능한 이름을 주세요.\n   */\n  label?: ReactNode;\n  /** 라벨을 시각적으로만 숨김 (스크린리더에는 노출). @default false */\n  hideLabel?: boolean;\n  /** 평상시 힌트 (회색, 필드 아래). `aria-describedby`로 연결됨. */\n  description?: ReactNode;\n  /** 에러 상태 — 보더·텍스트·배경이 에러색으로 바뀌고 `aria-invalid`가 설정됨. */\n  invalid?: boolean;\n  /** `invalid`일 때 표시할 에러 메시지 (빨강). 있으면 description을 대체. */\n  errorMessage?: ReactNode;\n  /** 컨테이너 전체 너비로 확장. @default false */\n  block?: boolean;\n  /**\n   * 크기 조절 핸들. 세로 조절 허용이 기본 — 긴 입력을 사용자가 늘려 볼 수 있게.\n   * `autosize`가 켜지면 무시된다(자동 크기와 수동 핸들은 충돌).\n   * @default 'vertical'\n   */\n  resize?: 'vertical' | 'none';\n  /**\n   * 내용에 따라 높이 자동 조절. `rows`(최소)에서 시작해 내용만큼 늘어나고,\n   * `maxRows`에 도달하면 멈추고 스크롤이 생긴다.\n   * @default false\n   */\n  autosize?: boolean;\n  /** `autosize`일 때 최대 줄 수 — 넘으면 스크롤. 미지정 시 무제한 확장. */\n  maxRows?: number;\n}\n\n/**\n * 여러 줄 텍스트 입력. Input과 동일한 디자인 언어(보더·상태·타이포)와\n * 라벨/힌트/에러 자동 연결 패턴을 따르는 자체 완결형.\n * 높이는 native `rows`(기본 3)로 제어하고, `autosize`로 자동 확장도 지원한다.\n *\n * @example\n * <Textarea label=\"문의 내용\" rows={5} block />\n *\n * @example 자동 높이 — 3줄에서 시작해 8줄까지 늘어난 뒤 스크롤\n * <Textarea label=\"댓글\" autosize rows={3} maxRows={8} />\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  {\n    label,\n    hideLabel = false,\n    description,\n    invalid = false,\n    errorMessage,\n    block = false,\n    resize = 'vertical',\n    autosize = false,\n    maxRows,\n    rows = 3,\n    disabled = false,\n    className,\n    id: idProp,\n    value,\n    onChange,\n    'aria-describedby': ariaDescribedby,\n    ...rest\n  },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-textarea-${reactId}`;\n  const messageId = `${id}-message`;\n\n  const innerRef = useRef<HTMLTextAreaElement | null>(null);\n  const setRefs = useCallback(\n    (node: HTMLTextAreaElement | null) => {\n      innerRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  // autosize: height를 내용(scrollHeight)에 맞추되 maxRows 상한에서 클램프.\n  const fitHeight = useCallback(() => {\n    const el = innerRef.current;\n    if (!el) return;\n    const cs = getComputedStyle(el);\n    const borders = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);\n    const lineHeight = parseFloat(cs.lineHeight);\n    // maxRows → px 상한 (line-height 계산 불가 환경에서는 무제한)\n    const maxHeight =\n      maxRows != null && !Number.isNaN(lineHeight)\n        ? maxRows * lineHeight + parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom) + borders\n        : Infinity;\n\n    el.style.height = 'auto'; // 줄어드는 경우도 반영되도록 초기화 후 측정\n    const contentHeight = el.scrollHeight + borders; // scrollHeight는 border 미포함(border-box 보정)\n    const next = Math.min(contentHeight, maxHeight);\n    if (!Number.isNaN(next)) el.style.height = `${next}px`;\n    el.style.overflowY = contentHeight > maxHeight ? 'auto' : 'hidden';\n  }, [maxRows]);\n\n  // 마운트·제어형 value 변경·autosize 토글 시 재계산\n  useLayoutEffect(() => {\n    if (autosize) fitHeight();\n  }, [autosize, fitHeight, value]);\n\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(e);\n    if (autosize) fitHeight(); // 비제어형 입력에도 반응\n  };\n\n  // invalid + errorMessage → 에러 메시지 / 아니면 힌트. 시각 슬롯은 항상 한 줄. (Input과 동일)\n  const message = invalid && errorMessage != null ? errorMessage : description;\n  const hasMessage = message != null;\n  const describedBy =\n    cx(hasMessage ? messageId : undefined, ariaDescribedby as string | undefined) || undefined;\n\n  return (\n    <div className={cx('nuri-textarea', block && 'nuri-textarea--block', className)}>\n      {label != null && (\n        <label htmlFor={id} className={cx('nuri-textarea__label', hideLabel && 'nuri-sr-only')}>\n          {label}\n        </label>\n      )}\n\n      <textarea\n        ref={setRefs}\n        id={id}\n        rows={rows}\n        value={value}\n        onChange={handleChange}\n        className={cx(\n          'nuri-textarea__control',\n          invalid && 'nuri-textarea__control--invalid',\n          (resize === 'none' || autosize) && 'nuri-textarea__control--resize-none',\n        )}\n        disabled={disabled}\n        aria-invalid={invalid || undefined}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n\n      {hasMessage && (\n        <p\n          id={messageId}\n          className={cx('nuri-textarea__message', invalid && 'nuri-textarea__message--error')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { forwardRef, useId } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Size = 'sm' | 'md';\n\nexport interface CheckboxProps {\n  /** 라벨 (컨트롤 우측). 지정 시 클릭 영역에 포함되고 자동 연결됨. 없으면 `aria-label` 필수. */\n  label?: ReactNode;\n  /**\n   * 사이즈. md 16px(디자인 Large, 기본) / sm 12px(디자인 Small).\n   * @default 'md'\n   */\n  size?: Size;\n  /** 체크 상태 (제어형). `'indeterminate'`는 부분 선택 표시. */\n  checked?: boolean | 'indeterminate';\n  /** 초기 체크 상태 (비제어형). */\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  disabled?: boolean;\n  /** 폼 전송용 name — 네이티브 checkbox처럼 폼에 참여. */\n  name?: string;\n  /** 폼 전송 시 값. @default 'on' */\n  value?: string;\n  required?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** 체크마크. TODO(Figma 실측): 디자이너 아이콘으로 교체 예정 — 잠정 표준형. */\nconst CheckIcon = () => (\n  <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M2.5 6.2l2.4 2.4 4.6-5\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.6\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\n/** 부분 선택(indeterminate) 표시 — 가로 막대. */\nconst IndeterminateIcon = () => (\n  <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M2.8 6h6.4\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n  </svg>\n);\n\n/**\n * 체크박스. Radix Checkbox 기반 — Space 토글·aria-checked·폼 참여 자동.\n * 라벨을 지정하면 라벨 클릭으로도 토글된다.\n *\n * @example\n * <Checkbox label=\"이용약관에 동의합니다\" checked={agreed} onCheckedChange={setAgreed} />\n *\n * @example 부분 선택 (전체선택 헤더 등)\n * <Checkbox label=\"전체 선택\" checked={someChecked ? 'indeterminate' : allChecked} … />\n */\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(function Checkbox(\n  { label, size = 'md', disabled = false, id: idProp, className, checked, ...rest },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-checkbox-${reactId}`;\n\n  return (\n    <div className={cx('nuri-checkbox', `nuri-checkbox--${size}`, className)}>\n      <RadixCheckbox.Root\n        ref={ref}\n        id={id}\n        className=\"nuri-checkbox__control\"\n        disabled={disabled}\n        checked={checked}\n        {...rest}\n      >\n        <RadixCheckbox.Indicator className=\"nuri-checkbox__indicator\">\n          {checked === 'indeterminate' ? <IndeterminateIcon /> : <CheckIcon />}\n        </RadixCheckbox.Indicator>\n      </RadixCheckbox.Root>\n      {label != null && (\n        <label htmlFor={id} className=\"nuri-checkbox__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { forwardRef, useId } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\nexport interface RadioGroupProps {\n  children: ReactNode;\n  /** 선택된 값 (제어형). */\n  value?: string;\n  /** 초기 값 (비제어형). */\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  /** 배치 방향 — 키보드 화살표 탐색 방향에도 반영됨. @default 'vertical' */\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  /** 폼 전송용 name. */\n  name?: string;\n  required?: boolean;\n  className?: string;\n  /** 그룹의 접근 가능한 이름 (시각 제목이 없을 때 필수). */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n/**\n * 라디오 그룹. Radix RadioGroup 기반 — 화살표 키 그룹 탐색·단일 선택·폼 참여 자동.\n * 그룹에 `aria-label`(또는 aria-labelledby)을 지정한다.\n *\n * @example\n * <RadioGroup aria-label=\"정렬\" value={sort} onValueChange={setSort}>\n *   <Radio value=\"latest\" label=\"최신순\" />\n *   <Radio value=\"edited\" label=\"수정순\" />\n * </RadioGroup>\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  { children, orientation = 'vertical', className, ...rest },\n  ref,\n) {\n  return (\n    <RadixRadioGroup.Root\n      ref={ref}\n      orientation={orientation}\n      className={cx('nuri-radio-group', `nuri-radio-group--${orientation}`, className)}\n      {...rest}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  );\n});\n\nexport interface RadioProps {\n  /** 이 항목이 나타내는 값. */\n  value: string;\n  /** 라벨 (컨트롤 우측). 없으면 `aria-label` 필수. */\n  label?: ReactNode;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** 라디오 항목 — 반드시 RadioGroup 안에서 사용. */\nexport const Radio = forwardRef<HTMLButtonElement, RadioProps>(function Radio(\n  { value, label, disabled = false, id: idProp, className, ...rest },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-radio-${reactId}`;\n\n  return (\n    <div className={cx('nuri-radio', className)}>\n      <RadixRadioGroup.Item\n        ref={ref}\n        id={id}\n        value={value}\n        disabled={disabled}\n        className=\"nuri-radio__control\"\n        {...rest}\n      >\n        <RadixRadioGroup.Indicator className=\"nuri-radio__indicator\" />\n      </RadixRadioGroup.Item>\n      {label != null && (\n        <label htmlFor={id} className=\"nuri-radio__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixSwitch from '@radix-ui/react-switch';\nimport { forwardRef, useId } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\nexport interface SwitchProps {\n  /**\n   * 라벨 (컨트롤 우측). 디자인 시스템의 Toggle은 컨트롤 단독 정의지만,\n   * 범용 사용을 위해 라벨을 지원한다(Checkbox 라벨 스타일 준용). 없으면 `aria-label` 필수.\n   */\n  label?: ReactNode;\n  /** 켜짐 상태 (제어형). */\n  checked?: boolean;\n  /** 초기 상태 (비제어형). */\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  /** 폼 전송용 name. */\n  name?: string;\n  /** 폼 전송 시 값. @default 'on' */\n  value?: string;\n  required?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/**\n * 스위치(토글). Radix Switch 기반 — `role=\"switch\"`·Space/Enter 토글·폼 참여 자동.\n * 즉시 적용되는 켬/끔 설정에 사용한다 (제출이 필요한 선택은 Checkbox).\n *\n * @example\n * <Switch label=\"알림 받기\" checked={on} onCheckedChange={setOn} />\n */\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  { label, disabled = false, id: idProp, className, ...rest },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-switch-${reactId}`;\n\n  return (\n    <div className={cx('nuri-switch', className)}>\n      <RadixSwitch.Root\n        ref={ref}\n        id={id}\n        className=\"nuri-switch__control\"\n        disabled={disabled}\n        {...rest}\n      >\n        <RadixSwitch.Thumb className=\"nuri-switch__thumb\" />\n      </RadixSwitch.Root>\n      {label != null && (\n        <label htmlFor={id} className=\"nuri-switch__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { forwardRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Size = 'sm' | 'md';\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SelectProps {\n  /** 선택지 목록. */\n  options: SelectOption[];\n  /**\n   * 사이즈. sm 36 / md 42 px 높이 (디자인 시스템의 Small/Large).\n   * @default 'md'\n   */\n  size?: Size;\n  /** 값이 없을 때 트리거에 표시할 문구. */\n  placeholder?: ReactNode;\n  /** 선택된 값 (제어형). */\n  value?: string;\n  /** 초기 값 (비제어형). */\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  /** 열림 상태 제어 (선택). */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  /** 컨테이너 전체 너비로 확장. @default false */\n  block?: boolean;\n  /** 폼 전송용 name — 네이티브 select처럼 폼에 참여. */\n  name?: string;\n  required?: boolean;\n  /** 포털 렌더 대상. 기본 document.body. */\n  container?: HTMLElement | null;\n  /** 트리거에 추가할 className. */\n  className?: string;\n  /** 시각 라벨이 없을 때 접근 가능한 이름. */\n  'aria-label'?: string;\n}\n\n/** 디자인 시스템의 8px 삼각 캐럿 (열림 시 CSS로 회전). */\nconst CaretIcon = () => (\n  <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M1.1 2.5h5.8L4 5.9z\" fill=\"currentColor\" />\n  </svg>\n);\n\n/**\n * 셀렉트 박스 (단일 선택). Radix Select 기반 — 키보드 탐색·타입어헤드·\n * 포지셔닝·aria 연결을 자동 제공. 옵션 목록은 `options` 배열로 전달한다.\n *\n * 다중 선택(체크박스 옵션)·서브메뉴 변형은 별도 컴포넌트(DropdownMenu) 범위.\n *\n * @example\n * <Select\n *   aria-label=\"정렬\"\n *   placeholder=\"정렬 선택\"\n *   options={[\n *     { value: 'latest', label: '최신순' },\n *     { value: 'edited', label: '수정순' },\n *   ]}\n *   onValueChange={setSort}\n * />\n */\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    size = 'md',\n    placeholder,\n    value,\n    defaultValue,\n    onValueChange,\n    open,\n    defaultOpen,\n    onOpenChange,\n    disabled = false,\n    block = false,\n    name,\n    required,\n    container,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  return (\n    <RadixSelect.Root\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      disabled={disabled}\n      name={name}\n      required={required}\n    >\n      <RadixSelect.Trigger\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cx(\n          'nuri-select__trigger',\n          `nuri-select__trigger--${size}`,\n          block && 'nuri-select__trigger--block',\n          className,\n        )}\n      >\n        <span className=\"nuri-select__value\">\n          <RadixSelect.Value placeholder={placeholder} />\n        </span>\n        <RadixSelect.Icon className=\"nuri-select__caret\">\n          <CaretIcon />\n        </RadixSelect.Icon>\n      </RadixSelect.Trigger>\n\n      <RadixSelect.Portal container={container}>\n        <RadixSelect.Content className=\"nuri-select__content\" position=\"popper\" sideOffset={6}>\n          <RadixSelect.Viewport className=\"nuri-select__viewport\">\n            {options.map((option) => (\n              <RadixSelect.Item\n                key={option.value}\n                value={option.value}\n                disabled={option.disabled}\n                className=\"nuri-select__item\"\n              >\n                <RadixSelect.ItemText>{option.label}</RadixSelect.ItemText>\n              </RadixSelect.Item>\n            ))}\n          </RadixSelect.Viewport>\n        </RadixSelect.Content>\n      </RadixSelect.Portal>\n    </RadixSelect.Root>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Placement = 'center' | 'bottom';\ntype Size = 'sm' | 'md' | 'lg';\n\n/**\n * 모달 루트. open/onOpenChange로 제어하거나, Modal.Trigger와 함께 비제어로도 사용.\n * Radix Dialog 기반 — 포커스 트랩·Esc·스크롤 락·포커스 복귀·aria 연결을 자동 제공.\n *\n * @example 제어형\n * <Modal open={open} onOpenChange={setOpen}>\n *   <Modal.Content>...</Modal.Content>\n * </Modal>\n *\n * @example 비제어 (트리거)\n * <Modal>\n *   <Modal.Trigger asChild><Button>열기</Button></Modal.Trigger>\n *   <Modal.Content>...</Modal.Content>\n * </Modal>\n */\nconst Root = (props: ComponentPropsWithoutRef<typeof Dialog.Root>) => <Dialog.Root {...props} />;\nRoot.displayName = 'Modal';\n\n/** 모달을 여는 트리거. `asChild`로 임의 엘리먼트(Button 등)에 위임. */\nconst Trigger = Dialog.Trigger;\n\nexport interface ModalContentProps extends ComponentPropsWithoutRef<typeof Dialog.Content> {\n  /**\n   * 표시 위치.\n   * - `center`: 화면 중앙 다이얼로그 (기본)\n   * - `bottom`: 하단 바텀시트 (모바일에서 아래에서 올라옴)\n   * @default 'center'\n   */\n  placement?: Placement;\n  /**\n   * 최대 너비. **`placement=\"center\"`에서만 적용** (bottom 바텀시트는 항상 풀 width).\n   * @default 'md'\n   */\n  size?: Size;\n  /** 백드롭(오버레이) 표시 여부. @default true */\n  overlay?: boolean;\n  /** 포털 렌더 대상. 기본은 document.body. 다른 요소에 렌더하려면 지정. */\n  container?: HTMLElement | null;\n}\n\n/**\n * 오버레이 + 포털 + 다이얼로그 패널을 한 번에 렌더.\n * 내부에 Modal.Header / Modal.Body / Modal.Footer를 자유롭게 합성.\n */\nconst Content = forwardRef<ElementRef<typeof Dialog.Content>, ModalContentProps>(\n  function ModalContent(\n    { placement = 'center', size = 'md', overlay = true, container, className, children, ...rest },\n    ref,\n  ) {\n    const classes = cx('nuri-modal', `nuri-modal--${placement}`, `nuri-modal--${size}`, className);\n\n    return (\n      <Dialog.Portal container={container}>\n        {overlay && <Dialog.Overlay className=\"nuri-modal__overlay\" />}\n        <Dialog.Content ref={ref} className={classes} {...rest}>\n          {children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    );\n  },\n);\n\n/** 헤더 영역 (Title/Description/CloseButton을 담는 레이아웃 슬롯). */\nconst Header = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(function ModalHeader(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx('nuri-modal__header', className)} {...rest} />;\n});\n\nexport interface ModalTitleProps extends ComponentPropsWithoutRef<typeof Dialog.Title> {\n  /**\n   * 시각적으로는 숨기되 스크린리더에는 노출. 시각적 제목이 없는 모달도\n   * 접근 가능한 이름을 가져야 하므로(Radix Dialog는 Title 필수), 이 옵션으로 처리.\n   * @example <Modal.Title visuallyHidden>이미지 미리보기</Modal.Title>\n   */\n  visuallyHidden?: boolean;\n}\n\n/** 모달 제목. 렌더 시 자동으로 `aria-labelledby`로 연결됨 (Radix Dialog.Title). */\nconst Title = forwardRef<ElementRef<typeof Dialog.Title>, ModalTitleProps>(function ModalTitle(\n  { visuallyHidden = false, className, ...rest },\n  ref,\n) {\n  return (\n    <Dialog.Title\n      ref={ref}\n      className={cx('nuri-modal__title', visuallyHidden && 'nuri-sr-only', className)}\n      {...rest}\n    />\n  );\n});\n\n/** 모달 설명. 렌더 시 자동으로 `aria-describedby`로 연결됨 (Radix Dialog.Description). */\nconst Description = forwardRef<\n  ElementRef<typeof Dialog.Description>,\n  ComponentPropsWithoutRef<typeof Dialog.Description>\n>(function ModalDescription({ className, ...rest }, ref) {\n  return (\n    <Dialog.Description ref={ref} className={cx('nuri-modal__description', className)} {...rest} />\n  );\n});\n\n/** 본문 영역 (스크롤 가능). */\nconst Body = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(function ModalBody(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx('nuri-modal__body', className)} {...rest} />;\n});\n\nexport interface ModalFooterProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * 액션 버튼 정렬.\n   * - `end`: 우측 (기본, 데스크탑 관례)\n   * - `start`: 좌측\n   * - `center`: 가운데\n   * - `between`: 양끝 분산 (예: 좌측 위험 액션 + 우측 확인)\n   * - `full`: 버튼들이 가로를 균등하게 채움 (모바일 전체너비)\n   * @default 'end'\n   */\n  align?: 'start' | 'center' | 'end' | 'between' | 'full';\n}\n\n/** 푸터 영역 (액션 버튼 배치). 정렬은 `align` prop으로 제어. */\nconst Footer = forwardRef<HTMLDivElement, ModalFooterProps>(function ModalFooter(\n  { align = 'end', className, ...rest },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('nuri-modal__footer', `nuri-modal__footer--${align}`, className)}\n      {...rest}\n    />\n  );\n});\n\n/**\n * 모달을 닫는 액션. `asChild`로 임의 엘리먼트에 위임.\n * @example <Modal.Close asChild><Button variant=\"outline\">취소</Button></Modal.Close>\n */\nconst Close = Dialog.Close;\n\nconst CloseIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 5l10 10M15 5L5 15\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n  </svg>\n);\n\n/** 우상단 X 닫기 버튼 (미리 스타일링됨). 기본 `aria-label=\"닫기\"`. */\nconst CloseButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ComponentPropsWithoutRef<'button'>, 'children'> & { children?: ReactNode }\n>(function ModalCloseButton(\n  { className, 'aria-label': ariaLabel = '닫기', children, ...rest },\n  ref,\n) {\n  return (\n    <Dialog.Close asChild>\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={ariaLabel}\n        className={cx('nuri-modal__close', className)}\n        {...rest}\n      >\n        {children ?? <CloseIcon />}\n      </button>\n    </Dialog.Close>\n  );\n});\n\nexport const Modal = Object.assign(Root, {\n  Trigger,\n  Content,\n  Header,\n  Title,\n  Description,\n  Body,\n  Footer,\n  Close,\n  CloseButton,\n});\n","'use client';\n\nimport './styles.css';\nimport * as Alert from '@radix-ui/react-alert-dialog';\nimport { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\nimport { defaultToneIcon } from './icons.js';\n\ntype Tone = 'info' | 'success' | 'warning';\n\n/**\n * 확인 강제형 다이얼로그 (alertdialog). Radix AlertDialog 기반.\n *\n * 일반 Modal과의 차이:\n * - `role=\"alertdialog\"` — 스크린리더가 더 강하게 안내\n * - **바깥(백드롭) 클릭으로 닫히지 않음** — 실수로 닫히는 것 방지\n * - 포커스가 기본적으로 Cancel(취소)에 위치 — 실수로 위험 액션 방지\n * - **중앙 정렬 + 상단 아이콘** (디자인 시스템 표준 레이아웃)\n *\n * Esc 키는 닫힘(키보드 탈출구 — 접근성). 막으려면 Content에 `onEscapeKeyDown` 전달.\n *\n * @example\n * <AlertDialog>\n *   <AlertDialog.Trigger asChild><Button>삭제</Button></AlertDialog.Trigger>\n *   <AlertDialog.Content tone=\"warning\">\n *     <AlertDialog.Header>\n *       <AlertDialog.Title>정말 삭제할까요?</AlertDialog.Title>\n *       <AlertDialog.Description>되돌릴 수 없습니다.</AlertDialog.Description>\n *     </AlertDialog.Header>\n *     <AlertDialog.Footer>\n *       <AlertDialog.Cancel asChild><Button variant=\"outline\">취소</Button></AlertDialog.Cancel>\n *       <AlertDialog.Action asChild><Button onClick={onDelete}>삭제</Button></AlertDialog.Action>\n *     </AlertDialog.Footer>\n *   </AlertDialog.Content>\n * </AlertDialog>\n */\nconst Root = (props: ComponentPropsWithoutRef<typeof Alert.Root>) => <Alert.Root {...props} />;\nRoot.displayName = 'AlertDialog';\n\n/** 다이얼로그를 여는 트리거. `asChild`로 임의 엘리먼트에 위임. */\nconst Trigger = Alert.Trigger;\n\nexport interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof Alert.Content> {\n  /**\n   * 상태 톤 — 기본 아이콘과 그 색을 결정.\n   * @default 'info'\n   */\n  tone?: Tone;\n  /**\n   * 상단 아이콘.\n   * - 미지정: `tone`에 맞는 **기본 아이콘** 자동 렌더\n   * - `ReactNode`: 커스텀 아이콘으로 교체\n   * - `null`: 아이콘 제거\n   */\n  icon?: ReactNode | null;\n  /** 백드롭(오버레이) 표시 여부. @default true */\n  overlay?: boolean;\n  /** 포털 렌더 대상. 기본은 document.body. 다른 요소에 렌더하려면 지정. */\n  container?: HTMLElement | null;\n}\n\n/** 오버레이 + 포털 + 패널을 한 번에 렌더. 중앙 정렬 + 상단 아이콘 레이아웃. */\nconst Content = forwardRef<ElementRef<typeof Alert.Content>, AlertDialogContentProps>(\n  function AlertDialogContent(\n    { tone = 'info', icon, overlay = true, container, className, children, ...rest },\n    ref,\n  ) {\n    // icon 미지정(undefined) → 기본 tone 아이콘 / null → 제거 / ReactNode → 교체\n    const resolvedIcon = icon === undefined ? defaultToneIcon[tone] : icon;\n    return (\n      <Alert.Portal container={container}>\n        {overlay && <Alert.Overlay className=\"nuri-alert__overlay\" />}\n        <Alert.Content\n          ref={ref}\n          className={cx('nuri-alert', `nuri-alert--${tone}`, className)}\n          {...rest}\n        >\n          {resolvedIcon != null && (\n            <div className=\"nuri-alert__icon\" aria-hidden=\"true\">\n              {resolvedIcon}\n            </div>\n          )}\n          {children}\n        </Alert.Content>\n      </Alert.Portal>\n    );\n  },\n);\n\n/** 헤더 슬롯 (Title/Description 묶음, 중앙 정렬). */\nconst Header = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function AlertDialogHeader({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('nuri-alert__header', className)} {...rest} />;\n  },\n);\n\n/** 제목. 자동으로 `aria-labelledby`로 연결됨. */\nconst Title = forwardRef<\n  ElementRef<typeof Alert.Title>,\n  ComponentPropsWithoutRef<typeof Alert.Title>\n>(function AlertDialogTitle({ className, ...rest }, ref) {\n  return <Alert.Title ref={ref} className={cx('nuri-alert__title', className)} {...rest} />;\n});\n\n/** 설명. 자동으로 `aria-describedby`로 연결됨. */\nconst Description = forwardRef<\n  ElementRef<typeof Alert.Description>,\n  ComponentPropsWithoutRef<typeof Alert.Description>\n>(function AlertDialogDescription({ className, ...rest }, ref) {\n  return (\n    <Alert.Description ref={ref} className={cx('nuri-alert__description', className)} {...rest} />\n  );\n});\n\n/** 본문 슬롯 (추가 콘텐츠). */\nconst Body = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(function AlertDialogBody(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx('nuri-alert__body', className)} {...rest} />;\n});\n\nexport interface AlertDialogFooterProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * 버튼 정렬. 디자인 표준은 전체너비 버튼이라 기본값 `full`.\n   * @default 'full'\n   */\n  align?: 'start' | 'center' | 'end' | 'between' | 'full';\n}\n\n/** 푸터 슬롯 (Cancel/Action 배치). 기본 전체너비(`full`). */\nconst Footer = forwardRef<HTMLDivElement, AlertDialogFooterProps>(function AlertDialogFooter(\n  { align = 'full', className, ...rest },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('nuri-alert__footer', `nuri-alert__footer--${align}`, className)}\n      {...rest}\n    />\n  );\n});\n\n/**\n * 확인(주 액션) 버튼. 클릭 시 닫힘. `asChild`로 Button 위임.\n * @example <AlertDialog.Action asChild><Button onClick={onConfirm}>삭제</Button></AlertDialog.Action>\n */\nconst Action = Alert.Action;\n\n/**\n * 취소 버튼. 클릭 시 닫힘. 포커스가 기본적으로 여기 위치.\n * @example <AlertDialog.Cancel asChild><Button variant=\"outline\">취소</Button></AlertDialog.Cancel>\n */\nconst Cancel = Alert.Cancel;\n\nconst CloseIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 5l10 10M15 5L5 15\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n  </svg>\n);\n\n/**\n * 우상단 X 닫기 버튼 (옵션). 내부적으로 Cancel과 동일하게 닫힘. 기본 `aria-label=\"닫기\"`.\n * 확인을 강제하려면 사용하지 않는 편이 좋습니다 (Cancel/Action으로 명시적 선택 유도).\n */\nconst CloseButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ComponentPropsWithoutRef<'button'>, 'children'> & { children?: ReactNode }\n>(function AlertDialogCloseButton(\n  { className, 'aria-label': ariaLabel = '닫기', children, ...rest },\n  ref,\n) {\n  return (\n    <Alert.Cancel asChild>\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={ariaLabel}\n        className={cx('nuri-alert__close', className)}\n        {...rest}\n      >\n        {children ?? <CloseIcon />}\n      </button>\n    </Alert.Cancel>\n  );\n});\n\nexport const AlertDialog = Object.assign(Root, {\n  Trigger,\n  Content,\n  Header,\n  Title,\n  Description,\n  Body,\n  Footer,\n  Action,\n  Cancel,\n  CloseButton,\n});\n","/**\n * tone별 기본 아이콘 — 디자이너 시스템(Figma) 에셋을 그대로 inline SVG로 재현.\n * 구조: 틴트 원 배경 + tone 색 심볼. 색은 토큰(`--nuri-alert-tone-*`)으로 분리.\n * AlertDialog.Content의 `icon` 미지정 시 tone에 맞춰 자동 렌더.\n * `icon={<Custom/>}`로 교체, `icon={null}`로 제거 가능.\n */\nimport type { ReactNode } from 'react';\n\nconst SuccessIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"var(--nuri-alert-tone-success-bg)\" />\n    <path\n      d=\"M15.77 9.58L10.65 14.70L8.90 12.95\"\n      stroke=\"var(--nuri-alert-tone-success-fg)\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst WarningIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"var(--nuri-alert-tone-warning-bg)\" />\n    <path\n      d=\"M12 6.75V12\"\n      stroke=\"var(--nuri-alert-tone-warning-fg)\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n    />\n    <circle cx=\"12\" cy=\"16.31\" r=\"1.1\" fill=\"var(--nuri-alert-tone-warning-fg)\" />\n  </svg>\n);\n\nconst InfoIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"var(--nuri-alert-tone-info-bg)\" />\n    <path\n      d=\"M12.25 7h0.01\"\n      stroke=\"var(--nuri-alert-tone-info-fg)\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M11 12h1.25v5h1.25\"\n      stroke=\"var(--nuri-alert-tone-info-fg)\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const defaultToneIcon: Record<'info' | 'success' | 'warning', ReactNode> = {\n  info: <InfoIcon />,\n  success: <SuccessIcon />,\n  warning: <WarningIcon />,\n};\n","'use client';\n\nimport './styles.css';\nimport * as RadixToast from '@radix-ui/react-toast';\nimport { cx } from '../utils/cx.js';\nimport { toastStore, useToasts } from './store.js';\nimport { toneIcon } from './icons.js';\n\nexport interface ToasterProps {\n  /**\n   * 스와이프로 닫는 방향. 하단 표시라 기본 `down`(아래로 밀어 닫기 — 터치·드래그 모두).\n   * @default 'down'\n   */\n  swipeDirection?: RadixToast.ToastProviderProps['swipeDirection'];\n  /** 스와이프 임계 거리(px). @default 50 */\n  swipeThreshold?: number;\n  /** 뷰포트에 추가할 className (위치 커스터마이즈 등). */\n  className?: string;\n  /** 스크린리더용 지역 라벨. @default '알림' */\n  label?: string;\n}\n\n/**\n * 토스트 렌더러. **앱 루트에 1회만** 마운트하면 되고, 표시는 `toast()` 호출로 트리거한다.\n * (사용처마다 렌더할 필요 없음 — 모듈 store를 구독해 이 컴포넌트만 렌더)\n *\n * Radix Toast 기반이라 자동 닫힘 타이머·hover 시 일시정지·스와이프 닫기·\n * 스크린리더 announce(aria-live)를 표준으로 제공한다.\n *\n * @example\n * // app/layout.tsx\n * <body>{children}<Toaster /></body>\n */\nexport function Toaster({\n  swipeDirection = 'down',\n  swipeThreshold = 50,\n  className,\n  label = '알림',\n}: ToasterProps) {\n  const toasts = useToasts();\n\n  return (\n    <RadixToast.Provider\n      swipeDirection={swipeDirection}\n      swipeThreshold={swipeThreshold}\n      label={label}\n    >\n      {toasts.map((t) => (\n        <RadixToast.Root\n          key={t.id}\n          duration={t.duration}\n          onOpenChange={(open) => {\n            if (!open) toastStore.remove(t.id);\n          }}\n          // error는 foreground(assertive)로 즉시 안내, 그 외는 background(polite)\n          type={t.tone === 'error' ? 'foreground' : 'background'}\n          className={cx('nuri-toast', t.tone !== 'default' && `nuri-toast--${t.tone}`)}\n        >\n          {t.tone !== 'default' && (\n            <span className=\"nuri-toast__icon\" aria-hidden=\"true\">\n              {toneIcon[t.tone]}\n            </span>\n          )}\n          <RadixToast.Title className=\"nuri-toast__message\">{t.message}</RadixToast.Title>\n        </RadixToast.Root>\n      ))}\n      {/* 랜드마크 이름 — 스크린리더 영역 탐색용. {hotkey}는 Radix가 실제 키(F8)로 치환 */}\n      <RadixToast.Viewport\n        className={cx('nuri-toast__viewport', className)}\n        label={`${label} ({hotkey})`}\n      />\n    </RadixToast.Provider>\n  );\n}\n","'use client';\n\nimport { useSyncExternalStore } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type ToastTone = 'default' | 'success' | 'error' | 'info';\n\nexport interface ToastOptions {\n  /** 톤 — 아이콘·색 결정. @default 'default' (아이콘 없음) */\n  tone?: ToastTone;\n  /** 자동 닫힘까지 ms. @default 3000 */\n  duration?: number;\n  /** id 직접 지정 (같은 id면 교체 — 중복 방지·수동 dismiss용). */\n  id?: string;\n}\n\nexport interface ToastRecord {\n  id: string;\n  message: ReactNode;\n  tone: ToastTone;\n  duration: number;\n}\n\n// ── React 밖 모듈 싱글톤 store (아무 데서나 toast() 호출 가능한 이유) ──\nlet toasts: ToastRecord[] = [];\nconst listeners = new Set<() => void>();\nconst EMPTY: ToastRecord[] = []; // 서버 스냅샷용 안정 참조\nlet counter = 0;\n\nconst emit = () => {\n  for (const l of listeners) l();\n};\n\nfunction add(message: ReactNode, options: ToastOptions = {}): string {\n  const id = options.id ?? `nuri-toast-${++counter}`;\n  const record: ToastRecord = {\n    id,\n    message,\n    tone: options.tone ?? 'default',\n    duration: options.duration ?? 3000,\n  };\n  const idx = toasts.findIndex((t) => t.id === id);\n  toasts = idx >= 0 ? toasts.map((t) => (t.id === id ? record : t)) : [...toasts, record];\n  emit();\n  return id;\n}\n\nfunction remove(id: string) {\n  toasts = toasts.filter((t) => t.id !== id);\n  emit();\n}\n\nfunction clear() {\n  toasts = [];\n  emit();\n}\n\nexport const toastStore = {\n  add,\n  remove,\n  clear,\n  subscribe(listener: () => void) {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  },\n  getSnapshot: () => toasts,\n  getServerSnapshot: () => EMPTY,\n};\n\n/** 현재 토스트 목록을 구독 (Toaster 내부 전용). */\nexport function useToasts(): ToastRecord[] {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n","import type { ReactNode } from 'react';\nimport type { ToastTone } from './store.js';\n\n// 16px, currentColor — 색은 .nuri-toast--{tone}이 톤 토큰으로 지정.\nconst CheckIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M3.5 8.5l3 3 6-6.5\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.6\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst ErrorIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M8 4v4.5\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n    <circle cx=\"8\" cy=\"11.3\" r=\"0.95\" fill=\"currentColor\" />\n  </svg>\n);\n\nconst InfoIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M8 7.5v4\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n    <circle cx=\"8\" cy=\"4.7\" r=\"0.95\" fill=\"currentColor\" />\n  </svg>\n);\n\n/** default 톤은 아이콘 없음. */\nexport const toneIcon: Record<Exclude<ToastTone, 'default'>, ReactNode> = {\n  success: <CheckIcon />,\n  error: <ErrorIcon />,\n  info: <InfoIcon />,\n};\n","import type { ReactNode } from 'react';\nimport { toastStore } from './store.js';\nimport type { ToastOptions } from './store.js';\n\ntype ToneOptions = Omit<ToastOptions, 'tone'>;\n\n/**\n * 토스트를 띄운다. React 밖 모듈 함수라 컴포넌트·이벤트 핸들러·API 레이어 등\n * **어디서나** 호출 가능. 화면 렌더는 앱 루트에 1회 마운트한 `<Toaster/>`가 담당한다.\n *\n * @returns 토스트 id (수동 dismiss에 사용)\n * @example\n * toast.success('저장됐습니다');\n * const id = toast.error('오류', { duration: 5000 });\n * toast.dismiss(id);\n */\nfunction toastFn(message: ReactNode, options?: ToastOptions): string {\n  return toastStore.add(message, options);\n}\n\nexport const toast = Object.assign(toastFn, {\n  success: (message: ReactNode, options?: ToneOptions) =>\n    toastStore.add(message, { ...options, tone: 'success' }),\n  error: (message: ReactNode, options?: ToneOptions) =>\n    toastStore.add(message, { ...options, tone: 'error' }),\n  info: (message: ReactNode, options?: ToneOptions) =>\n    toastStore.add(message, { ...options, tone: 'info' }),\n  /** id 지정 시 해당 토스트만, 없으면 전체 제거. */\n  dismiss: (id?: string) => (id ? toastStore.remove(id) : toastStore.clear()),\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { createContext, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Side = 'top' | 'bottom' | 'left' | 'right';\ntype Align = 'start' | 'center' | 'end';\n\nexport interface TooltipProps {\n  /** 툴팁 내용. */\n  content: ReactNode;\n  /** 트리거 — 단일 엘리먼트에 asChild로 위임 (Button, 아이콘 버튼 등). */\n  children: ReactElement;\n  /**\n   * 툴팁이 뜨는 방향. (디자인의 Direction은 꼬리 방향 기준이라 반대 —\n   * 예: 디자인 Direction=Bottom ⇒ side=\"top\")\n   * 공간이 부족하면 자동으로 반대쪽으로 반전된다.\n   * @default 'top'\n   */\n  side?: Side;\n  /** 트리거 기준 정렬. @default 'center' */\n  align?: Align;\n  /** 꼬리(화살표) 표시 여부 — 디자인의 showTail. @default true */\n  arrow?: boolean;\n  /**\n   * 열림 지연 ms. 미지정 시 — 단독 사용은 100ms(거의 즉시, 스쳐 지나갈 때 깜빡임만 방지),\n   * TooltipProvider 안에서는 프로바이더 설정을 따름. 0이면 즉시.\n   * 키보드 포커스는 지연 없이 항상 즉시 표시된다.\n   */\n  delayDuration?: number;\n  /** 열림 상태 제어 — 항상 표시(코치마크류)나 수동 제어에 사용. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** true면 툴팁 없이 트리거만 렌더 (조건부 툴팁). @default false */\n  disabled?: boolean;\n  /** 포털 렌더 대상. 기본 document.body. */\n  container?: HTMLElement | null;\n  /** 툴팁 패널에 추가할 className. */\n  className?: string;\n}\n\n// TooltipProvider 존재 감지용 — 없으면 Tooltip이 자체 Provider로 감싼다(제로 셋업).\nconst HasProviderContext = createContext(false);\n\nexport type TooltipProviderProps = RadixTooltip.TooltipProviderProps;\n\n/**\n * 지연 시간을 공유하는 프로바이더 (선택). 앱 루트에 1회 두면 툴팁 하나를 본 직후\n * 인접 트리거로 이동할 때 지연 없이 바로 표시된다(skipDelayDuration).\n * 없어도 Tooltip은 단독으로 동작한다.\n *\n * @example\n * <TooltipProvider delayDuration={300}><App /></TooltipProvider>\n */\nexport function TooltipProvider({ children, ...props }: TooltipProviderProps) {\n  return (\n    <HasProviderContext.Provider value={true}>\n      <RadixTooltip.Provider {...props}>{children}</RadixTooltip.Provider>\n    </HasProviderContext.Provider>\n  );\n}\n\n/**\n * 툴팁. Radix Tooltip 기반 — hover와 **키보드 포커스** 모두에서 열리고,\n * Esc로 닫히며, `aria-describedby`가 자동 연결된다. 포털 + 충돌 감지\n * 포지셔닝이라 부모 overflow에 잘리지 않고 화면 밖으로 나가지 않는다.\n *\n * 터치 기기에서는 표시되지 않는다(hover 개념 부재 — Radix 기본 동작).\n * 닫기 버튼이 있는 지속형 안내(코치마크)는 툴팁 범위가 아니다.\n *\n * @example\n * <Tooltip content=\"즐겨찾기에 추가\">\n *   <Button iconOnly aria-label=\"즐겨찾기\">★</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n  content,\n  children,\n  side = 'top',\n  align = 'center',\n  arrow = true,\n  delayDuration,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  container,\n  className,\n}: TooltipProps) {\n  const hasProvider = useContext(HasProviderContext);\n\n  if (disabled) return children;\n\n  const root = (\n    <RadixTooltip.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n    >\n      <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal container={container}>\n        <RadixTooltip.Content\n          className={cx('nuri-tooltip', className)}\n          side={side}\n          align={align}\n          sideOffset={4}\n          collisionPadding={8}\n          arrowPadding={6}\n          // 트리거가 뷰포트/스크롤 영역에서 완전히 사라지면 툴팁도 숨김\n          // (기준 요소 없이 툴팁만 떠 있는 현상 방지)\n          hideWhenDetached\n        >\n          {content}\n          {arrow && <RadixTooltip.Arrow className=\"nuri-tooltip__arrow\" width={14} height={7} />}\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n\n  // 앱에 TooltipProvider가 없어도 동작하도록 자체 Provider로 폴백.\n  // 앱 Provider가 있으면 감싸지 않는다 — 안쪽 컨텍스트가 이기므로 여기서 또 감싸면\n  // 앱이 설정한 delayDuration·skipDelayDuration이 무시된다.\n  // 폴백 지연 100ms — 거의 즉시로 느껴지되, 마우스가 스쳐 지나갈 때 연쇄 깜빡임은 방지\n  // (버튼 하나를 가로지르는 데 ~30–50ms — 그보다 길게 머문 경우만 의도로 판정).\n  return hasProvider ? (\n    root\n  ) : (\n    <RadixTooltip.Provider delayDuration={100}>{root}</RadixTooltip.Provider>\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime","Button","import_styles","import_react","import_jsx_runtime","Input","import_styles","import_react","import_jsx_runtime","Textarea","import_styles","import_react","import_jsx_runtime","Checkbox","import_styles","import_react","import_jsx_runtime","RadioGroup","Radio","import_styles","import_react","import_jsx_runtime","Switch","import_styles","import_react","import_jsx_runtime","Select","import_styles","import_react","import_jsx_runtime","Root","Trigger","Content","Title","Description","Close","import_styles","import_react","import_jsx_runtime","import_jsx_runtime","Root","Trigger","Content","Header","Title","Description","Body","Footer","Action","Cancel","CloseIcon","CloseButton","import_styles","import_react","import_jsx_runtime","CheckIcon","InfoIcon","import_jsx_runtime","toasts","import_styles","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/Button/Button.tsx","../src/Button/Spinner.tsx","../src/utils/cx.ts","../src/Input/Input.tsx","../src/Textarea/Textarea.tsx","../src/Checkbox/Checkbox.tsx","../src/Radio/Radio.tsx","../src/Switch/Switch.tsx","../src/Select/Select.tsx","../src/Modal/Modal.tsx","../src/AlertDialog/AlertDialog.tsx","../src/AlertDialog/icons.tsx","../src/Toast/Toaster.tsx","../src/Toast/store.ts","../src/Toast/icons.tsx","../src/Toast/toast.ts","../src/Tooltip/Tooltip.tsx"],"sourcesContent":["export * from './Button/index.js';\nexport * from './Input/index.js';\nexport * from './Textarea/index.js';\nexport * from './Checkbox/index.js';\nexport * from './Radio/index.js';\nexport * from './Switch/index.js';\nexport * from './Select/index.js';\nexport * from './Modal/index.js';\nexport * from './AlertDialog/index.js';\nexport * from './Toast/index.js';\nexport * from './Tooltip/index.js';\n","'use client';\n\nimport './styles.css';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport type { ButtonHTMLAttributes, MouseEvent, ReactElement, ReactNode } from 'react';\nimport { Spinner } from './Spinner.js';\nimport { cx } from '../utils/cx.js';\n\ntype Variant = 'primary' | 'secondary' | 'outline' | 'ghost';\ntype Size = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /**\n   * 시각 유형.\n   * - `primary`: 브랜드 색 배경 (기본)\n   * - `secondary`: 브랜드 옅은 톤 배경\n   * - `outline`: 투명 배경 + 테두리\n   * - `ghost`: 투명 배경, hover 시에만 배경 채움\n   * @default 'primary'\n   */\n  variant?: Variant;\n\n  /**\n   * 사이즈.\n   * - `sm`: 36px 높이 — 밀집된 UI, 테이블 액션\n   * - `md`: 42px 높이 — 일반 콘텐츠 영역 (기본)\n   * - `lg`: 48px 높이 — 주요 CTA, 모바일 터치\n   * @default 'md'\n   */\n  size?: Size;\n\n  /**\n   * 라벨 좌측에 표시할 아이콘.\n   * @example <Button iconLeft={<SearchIcon />}>검색</Button>\n   */\n  iconLeft?: ReactNode;\n\n  /**\n   * 라벨 우측에 표시할 아이콘.\n   */\n  iconRight?: ReactNode;\n\n  /**\n   * 아이콘만 표시하는 정사각 버튼. **`aria-label` 필수**\n   * (icon-only는 시각적으로만 의미가 있으므로 스크린리더용 라벨이 없으면 사용자가 용도를 알 수 없음).\n   * children은 단일 아이콘 엘리먼트.\n   * @example <Button iconOnly aria-label=\"닫기\"><CloseIcon /></Button>\n   */\n  iconOnly?: boolean;\n\n  /**\n   * 컨테이너 전체 너비로 확장.\n   */\n  block?: boolean;\n\n  /**\n   * 로딩 중 표시. 스피너를 좌측 아이콘 자리에 표시하고, 클릭을 차단하며 `aria-busy=\"true\"`를 부여.\n   */\n  loading?: boolean;\n\n  /**\n   * Radix Slot으로 자식 엘리먼트를 렌더 — 자식이 Button의 className·ref·이벤트 핸들러를 모두 물려받음.\n   * 링크를 버튼처럼 보이게 할 때 가장 자주 사용 (next/link, react-router Link 등).\n   * @example\n   * <Button asChild><Link href=\"/about\">소개</Link></Button>\n   */\n  asChild?: boolean;\n\n  /**\n   * 폼 버튼 타입. 의도치 않은 form submit 방지를 위해 기본값 `'button'`.\n   * 폼 제출 버튼이면 명시적으로 `type=\"submit\"` 지정.\n   * @default 'button'\n   */\n  type?: 'button' | 'submit' | 'reset';\n\n  children?: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'primary',\n    size = 'md',\n    iconLeft,\n    iconRight,\n    iconOnly = false,\n    block = false,\n    loading = false,\n    disabled = false,\n    asChild = false,\n    type = 'button',\n    className,\n    children,\n    onClick,\n    ...rest\n  },\n  ref,\n) {\n  const isBlocked = disabled || loading;\n\n  if (\n    process.env.NODE_ENV !== 'production' &&\n    iconOnly &&\n    !rest['aria-label'] &&\n    !rest['aria-labelledby']\n  ) {\n    // iconOnly 버튼은 텍스트가 없어 스크린리더가 용도를 알 수 없음 → 개발 모드 경고\n    console.warn(\n      '[nuri/Button] `iconOnly` 버튼은 `aria-label`(또는 `aria-labelledby`)이 필요합니다.',\n    );\n  }\n\n  const hasLeftSlot = !iconOnly && (loading || iconLeft != null);\n  const hasRightSlot = !iconOnly && !loading && iconRight != null;\n\n  const classes = cx(\n    'nuri-button',\n    `nuri-button--${variant}`,\n    `nuri-button--${size}`,\n    block && 'nuri-button--block',\n    iconOnly && 'nuri-button--icon-only',\n    isBlocked && 'nuri-button--disabled',\n    loading && 'nuri-button--loading',\n    hasLeftSlot && 'nuri-button--has-left',\n    hasRightSlot && 'nuri-button--has-right',\n    className,\n  );\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (isBlocked) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    onClick?.(e);\n  };\n\n  const renderContent = (content: ReactNode) => {\n    if (iconOnly) {\n      return (\n        <span className=\"nuri-button__icon\" aria-hidden=\"true\">\n          {loading ? <Spinner /> : content}\n        </span>\n      );\n    }\n    return (\n      <>\n        {loading ? (\n          <Spinner />\n        ) : (\n          iconLeft != null && (\n            <span className=\"nuri-button__icon nuri-button__icon--left\" aria-hidden=\"true\">\n              {iconLeft}\n            </span>\n          )\n        )}\n        {content}\n        {hasRightSlot && (\n          <span className=\"nuri-button__icon nuri-button__icon--right\" aria-hidden=\"true\">\n            {iconRight}\n          </span>\n        )}\n      </>\n    );\n  };\n\n  if (asChild) {\n    const child = Children.only(children);\n    if (!isValidElement(child)) return null;\n    const childElement = child as ReactElement<{ children?: ReactNode }>;\n    return (\n      <Slot\n        ref={ref}\n        className={classes}\n        aria-disabled={isBlocked || undefined}\n        aria-busy={loading || undefined}\n        onClick={handleClick}\n        {...rest}\n      >\n        {cloneElement(childElement, undefined, renderContent(childElement.props.children))}\n      </Slot>\n    );\n  }\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={classes}\n      // disabled = 진짜 비활성 → native disabled (포커스 불가, 의도된 동작)\n      // loading  = 일시적 처리중 → aria-disabled로 포커스 유지 (클릭은 handleClick이 가드)\n      disabled={disabled}\n      aria-disabled={loading || undefined}\n      aria-busy={loading || undefined}\n      onClick={handleClick}\n      {...rest}\n    >\n      {renderContent(children)}\n    </button>\n  );\n});\n","export const Spinner = () => (\n  <span className=\"nuri-button__icon\" aria-hidden=\"true\">\n    <svg className=\"nuri-button__spinner\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\">\n      <circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"currentColor\" strokeOpacity=\"0.25\" strokeWidth=\"2\" />\n      <path d=\"M14 8a6 6 0 0 0-6-6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  </span>\n);\n","/**\n * 조건부 className 합성 유틸. falsy 값(undefined/false/null/'')은 제거.\n * @example cx('btn', isActive && 'btn--active', className)\n */\nexport function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n","'use client';\n\nimport './styles.css';\nimport { forwardRef, useId } from 'react';\nimport type { InputHTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Size = 'sm' | 'md' | 'lg';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  /**\n   * 사이즈. sm 36 / md 42 / lg 48 px 높이.\n   * @default 'md'\n   */\n  size?: Size;\n  /**\n   * 라벨 (필드 위). 지정 시 `<label>`로 렌더되어 자동 연결됨.\n   * 라벨을 두지 않으면 `aria-label`로 접근 가능한 이름을 주세요\n   * (placeholder는 이름을 대체하지 못함 — 입력 시 사라지고 대비가 낮음).\n   */\n  label?: ReactNode;\n  /**\n   * 라벨을 시각적으로만 숨김 (스크린리더에는 노출). 디자인상 라벨을 안 보이게 하되\n   * 접근성 이름은 유지할 때 사용.\n   * @default false\n   */\n  hideLabel?: boolean;\n  /** 평상시 힌트 (회색, 필드 아래). `aria-describedby`로 연결됨. */\n  description?: ReactNode;\n  /** 에러 상태 — 보더·텍스트·배경이 에러색으로 바뀌고 `aria-invalid`가 설정됨. */\n  invalid?: boolean;\n  /** `invalid`일 때 표시할 에러 메시지 (빨강). 있으면 description을 대체. */\n  errorMessage?: ReactNode;\n  /** 좌측 어도먼트 (아이콘 등). */\n  iconLeft?: ReactNode;\n  /** 우측 어도먼트 (아이콘·clear·버튼 등). */\n  iconRight?: ReactNode;\n  /** 컨테이너 전체 너비로 확장. @default false */\n  block?: boolean;\n}\n\n/**\n * 텍스트 입력 필드. 옵션으로 라벨(위)·헬퍼/에러 메시지(아래)를 포함하는 자체 완결형.\n * 상태(default/focus/invalid/disabled)는 CSS로, 값 채움(filled)은 네이티브로 처리.\n *\n * @example 기본\n * <Input placeholder=\"검색어\" aria-label=\"검색\" />\n *\n * @example 라벨 + 헬퍼 + 에러\n * <Input\n *   label=\"비밀번호\"\n *   description=\"8자 이상 입력하세요\"\n *   invalid\n *   errorMessage=\"비밀번호가 일치하지 않습니다\"\n * />\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    size = 'md',\n    label,\n    hideLabel = false,\n    description,\n    invalid = false,\n    errorMessage,\n    iconLeft,\n    iconRight,\n    block = false,\n    disabled = false,\n    className,\n    id: idProp,\n    'aria-describedby': ariaDescribedby,\n    ...rest\n  },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-input-${reactId}`;\n  const messageId = `${id}-message`;\n\n  // invalid + errorMessage → 에러 메시지 / 아니면 힌트. 시각 슬롯은 항상 한 줄.\n  const message = invalid && errorMessage != null ? errorMessage : description;\n  const hasMessage = message != null;\n  const describedBy =\n    cx(hasMessage ? messageId : undefined, ariaDescribedby as string | undefined) || undefined;\n\n  return (\n    <div className={cx('nuri-input', block && 'nuri-input--block', className)}>\n      {label != null && (\n        <label htmlFor={id} className={cx('nuri-input__label', hideLabel && 'nuri-sr-only')}>\n          {label}\n        </label>\n      )}\n\n      <div\n        className={cx(\n          'nuri-input__field',\n          `nuri-input__field--${size}`,\n          invalid && 'nuri-input__field--invalid',\n          disabled && 'nuri-input__field--disabled',\n        )}\n      >\n        {iconLeft != null && (\n          <span className=\"nuri-input__icon\" aria-hidden=\"true\">\n            {iconLeft}\n          </span>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          className=\"nuri-input__control\"\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {iconRight != null && (\n          <span className=\"nuri-input__icon\" aria-hidden=\"true\">\n            {iconRight}\n          </span>\n        )}\n      </div>\n\n      {hasMessage && (\n        <p\n          id={messageId}\n          className={cx('nuri-input__message', invalid && 'nuri-input__message--error')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport { forwardRef, useCallback, useId, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent, TextareaHTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /**\n   * 라벨 (필드 위). 지정 시 `<label>`로 렌더되어 자동 연결됨.\n   * 라벨을 두지 않으면 `aria-label`로 접근 가능한 이름을 주세요.\n   */\n  label?: ReactNode;\n  /** 라벨을 시각적으로만 숨김 (스크린리더에는 노출). @default false */\n  hideLabel?: boolean;\n  /** 평상시 힌트 (회색, 필드 아래). `aria-describedby`로 연결됨. */\n  description?: ReactNode;\n  /** 에러 상태 — 보더·텍스트·배경이 에러색으로 바뀌고 `aria-invalid`가 설정됨. */\n  invalid?: boolean;\n  /** `invalid`일 때 표시할 에러 메시지 (빨강). 있으면 description을 대체. */\n  errorMessage?: ReactNode;\n  /** 컨테이너 전체 너비로 확장. @default false */\n  block?: boolean;\n  /**\n   * 크기 조절 핸들. 세로 조절 허용이 기본 — 긴 입력을 사용자가 늘려 볼 수 있게.\n   * `autosize`가 켜지면 무시된다(자동 크기와 수동 핸들은 충돌).\n   * @default 'vertical'\n   */\n  resize?: 'vertical' | 'none';\n  /**\n   * 내용에 따라 높이 자동 조절. `rows`(최소)에서 시작해 내용만큼 늘어나고,\n   * `maxRows`에 도달하면 멈추고 스크롤이 생긴다.\n   * @default false\n   */\n  autosize?: boolean;\n  /** `autosize`일 때 최대 줄 수 — 넘으면 스크롤. 미지정 시 무제한 확장. */\n  maxRows?: number;\n}\n\n/**\n * 여러 줄 텍스트 입력. Input과 동일한 디자인 언어(보더·상태·타이포)와\n * 라벨/힌트/에러 자동 연결 패턴을 따르는 자체 완결형.\n * 높이는 native `rows`(기본 3)로 제어하고, `autosize`로 자동 확장도 지원한다.\n *\n * @example\n * <Textarea label=\"문의 내용\" rows={5} block />\n *\n * @example 자동 높이 — 3줄에서 시작해 8줄까지 늘어난 뒤 스크롤\n * <Textarea label=\"댓글\" autosize rows={3} maxRows={8} />\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  {\n    label,\n    hideLabel = false,\n    description,\n    invalid = false,\n    errorMessage,\n    block = false,\n    resize = 'vertical',\n    autosize = false,\n    maxRows,\n    rows = 3,\n    disabled = false,\n    className,\n    id: idProp,\n    value,\n    onChange,\n    'aria-describedby': ariaDescribedby,\n    ...rest\n  },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-textarea-${reactId}`;\n  const messageId = `${id}-message`;\n\n  const innerRef = useRef<HTMLTextAreaElement | null>(null);\n  const setRefs = useCallback(\n    (node: HTMLTextAreaElement | null) => {\n      innerRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  // autosize: height를 내용(scrollHeight)에 맞추되 maxRows 상한에서 클램프.\n  const fitHeight = useCallback(() => {\n    const el = innerRef.current;\n    if (!el) return;\n    const cs = getComputedStyle(el);\n    const borders = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);\n    const lineHeight = parseFloat(cs.lineHeight);\n    // maxRows → px 상한 (line-height 계산 불가 환경에서는 무제한)\n    const maxHeight =\n      maxRows != null && !Number.isNaN(lineHeight)\n        ? maxRows * lineHeight + parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom) + borders\n        : Infinity;\n\n    el.style.height = 'auto'; // 줄어드는 경우도 반영되도록 초기화 후 측정\n    const contentHeight = el.scrollHeight + borders; // scrollHeight는 border 미포함(border-box 보정)\n    const next = Math.min(contentHeight, maxHeight);\n    if (!Number.isNaN(next)) el.style.height = `${next}px`;\n    el.style.overflowY = contentHeight > maxHeight ? 'auto' : 'hidden';\n  }, [maxRows]);\n\n  // 마운트·제어형 value 변경·autosize 토글 시 재계산\n  useLayoutEffect(() => {\n    if (autosize) fitHeight();\n  }, [autosize, fitHeight, value]);\n\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(e);\n    if (autosize) fitHeight(); // 비제어형 입력에도 반응\n  };\n\n  // invalid + errorMessage → 에러 메시지 / 아니면 힌트. 시각 슬롯은 항상 한 줄. (Input과 동일)\n  const message = invalid && errorMessage != null ? errorMessage : description;\n  const hasMessage = message != null;\n  const describedBy =\n    cx(hasMessage ? messageId : undefined, ariaDescribedby as string | undefined) || undefined;\n\n  return (\n    <div className={cx('nuri-textarea', block && 'nuri-textarea--block', className)}>\n      {label != null && (\n        <label htmlFor={id} className={cx('nuri-textarea__label', hideLabel && 'nuri-sr-only')}>\n          {label}\n        </label>\n      )}\n\n      <textarea\n        ref={setRefs}\n        id={id}\n        rows={rows}\n        value={value}\n        onChange={handleChange}\n        className={cx(\n          'nuri-textarea__control',\n          invalid && 'nuri-textarea__control--invalid',\n          (resize === 'none' || autosize) && 'nuri-textarea__control--resize-none',\n        )}\n        disabled={disabled}\n        aria-invalid={invalid || undefined}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n\n      {hasMessage && (\n        <p\n          id={messageId}\n          className={cx('nuri-textarea__message', invalid && 'nuri-textarea__message--error')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { forwardRef, useId } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Size = 'sm' | 'md';\n\nexport interface CheckboxProps {\n  /** 라벨 (컨트롤 우측). 지정 시 클릭 영역에 포함되고 자동 연결됨. 없으면 `aria-label` 필수. */\n  label?: ReactNode;\n  /**\n   * 사이즈. md 16px(디자인 Large, 기본) / sm 12px(디자인 Small).\n   * @default 'md'\n   */\n  size?: Size;\n  /** 체크 상태 (제어형). `'indeterminate'`는 부분 선택 표시. */\n  checked?: boolean | 'indeterminate';\n  /** 초기 체크 상태 (비제어형). */\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  disabled?: boolean;\n  /** 폼 전송용 name — 네이티브 checkbox처럼 폼에 참여. */\n  name?: string;\n  /** 폼 전송 시 값. @default 'on' */\n  value?: string;\n  required?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** 체크마크. TODO(Figma 실측): 디자이너 아이콘으로 교체 예정 — 잠정 표준형. */\nconst CheckIcon = () => (\n  <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M2.5 6.2l2.4 2.4 4.6-5\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.6\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\n/** 부분 선택(indeterminate) 표시 — 가로 막대. */\nconst IndeterminateIcon = () => (\n  <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M2.8 6h6.4\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n  </svg>\n);\n\n/**\n * 체크박스. Radix Checkbox 기반 — Space 토글·aria-checked·폼 참여 자동.\n * 라벨을 지정하면 라벨 클릭으로도 토글된다.\n *\n * @example\n * <Checkbox label=\"이용약관에 동의합니다\" checked={agreed} onCheckedChange={setAgreed} />\n *\n * @example 부분 선택 (전체선택 헤더 등)\n * <Checkbox label=\"전체 선택\" checked={someChecked ? 'indeterminate' : allChecked} … />\n */\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(function Checkbox(\n  { label, size = 'md', disabled = false, id: idProp, className, checked, ...rest },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-checkbox-${reactId}`;\n\n  return (\n    <div className={cx('nuri-checkbox', `nuri-checkbox--${size}`, className)}>\n      <RadixCheckbox.Root\n        ref={ref}\n        id={id}\n        className=\"nuri-checkbox__control\"\n        disabled={disabled}\n        checked={checked}\n        {...rest}\n      >\n        <RadixCheckbox.Indicator className=\"nuri-checkbox__indicator\">\n          {checked === 'indeterminate' ? <IndeterminateIcon /> : <CheckIcon />}\n        </RadixCheckbox.Indicator>\n      </RadixCheckbox.Root>\n      {label != null && (\n        <label htmlFor={id} className=\"nuri-checkbox__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { forwardRef, useId } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\nexport interface RadioGroupProps {\n  children: ReactNode;\n  /** 선택된 값 (제어형). */\n  value?: string;\n  /** 초기 값 (비제어형). */\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  /** 배치 방향 — 키보드 화살표 탐색 방향에도 반영됨. @default 'vertical' */\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  /** 폼 전송용 name. */\n  name?: string;\n  required?: boolean;\n  className?: string;\n  /** 그룹의 접근 가능한 이름 (시각 제목이 없을 때 필수). */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n/**\n * 라디오 그룹. Radix RadioGroup 기반 — 화살표 키 그룹 탐색·단일 선택·폼 참여 자동.\n * 그룹에 `aria-label`(또는 aria-labelledby)을 지정한다.\n *\n * @example\n * <RadioGroup aria-label=\"정렬\" value={sort} onValueChange={setSort}>\n *   <Radio value=\"latest\" label=\"최신순\" />\n *   <Radio value=\"edited\" label=\"수정순\" />\n * </RadioGroup>\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  { children, orientation = 'vertical', className, ...rest },\n  ref,\n) {\n  return (\n    <RadixRadioGroup.Root\n      ref={ref}\n      orientation={orientation}\n      className={cx('nuri-radio-group', `nuri-radio-group--${orientation}`, className)}\n      {...rest}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  );\n});\n\nexport interface RadioProps {\n  /** 이 항목이 나타내는 값. */\n  value: string;\n  /** 라벨 (컨트롤 우측). 없으면 `aria-label` 필수. */\n  label?: ReactNode;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** 라디오 항목 — 반드시 RadioGroup 안에서 사용. */\nexport const Radio = forwardRef<HTMLButtonElement, RadioProps>(function Radio(\n  { value, label, disabled = false, id: idProp, className, ...rest },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-radio-${reactId}`;\n\n  return (\n    <div className={cx('nuri-radio', className)}>\n      <RadixRadioGroup.Item\n        ref={ref}\n        id={id}\n        value={value}\n        disabled={disabled}\n        className=\"nuri-radio__control\"\n        {...rest}\n      >\n        <RadixRadioGroup.Indicator className=\"nuri-radio__indicator\" />\n      </RadixRadioGroup.Item>\n      {label != null && (\n        <label htmlFor={id} className=\"nuri-radio__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixSwitch from '@radix-ui/react-switch';\nimport { forwardRef, useId } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\nexport interface SwitchProps {\n  /**\n   * 라벨 (컨트롤 우측). 디자인 시스템의 Toggle은 컨트롤 단독 정의지만,\n   * 범용 사용을 위해 라벨을 지원한다(Checkbox 라벨 스타일 준용). 없으면 `aria-label` 필수.\n   */\n  label?: ReactNode;\n  /** 켜짐 상태 (제어형). */\n  checked?: boolean;\n  /** 초기 상태 (비제어형). */\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  /** 폼 전송용 name. */\n  name?: string;\n  /** 폼 전송 시 값. @default 'on' */\n  value?: string;\n  required?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/**\n * 스위치(토글). Radix Switch 기반 — `role=\"switch\"`·Space/Enter 토글·폼 참여 자동.\n * 즉시 적용되는 켬/끔 설정에 사용한다 (제출이 필요한 선택은 Checkbox).\n *\n * @example\n * <Switch label=\"알림 받기\" checked={on} onCheckedChange={setOn} />\n */\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  { label, disabled = false, id: idProp, className, ...rest },\n  ref,\n) {\n  const reactId = useId();\n  const id = idProp ?? `nuri-switch-${reactId}`;\n\n  return (\n    <div className={cx('nuri-switch', className)}>\n      <RadixSwitch.Root\n        ref={ref}\n        id={id}\n        className=\"nuri-switch__control\"\n        disabled={disabled}\n        {...rest}\n      >\n        <RadixSwitch.Thumb className=\"nuri-switch__thumb\" />\n      </RadixSwitch.Root>\n      {label != null && (\n        <label htmlFor={id} className=\"nuri-switch__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { forwardRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Size = 'sm' | 'md';\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SelectProps {\n  /** 선택지 목록. */\n  options: SelectOption[];\n  /**\n   * 사이즈. sm 36 / md 42 px 높이 (디자인 시스템의 Small/Large).\n   * @default 'md'\n   */\n  size?: Size;\n  /** 값이 없을 때 트리거에 표시할 문구. */\n  placeholder?: ReactNode;\n  /** 선택된 값 (제어형). */\n  value?: string;\n  /** 초기 값 (비제어형). */\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  /** 열림 상태 제어 (선택). */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  /** 컨테이너 전체 너비로 확장. @default false */\n  block?: boolean;\n  /** 폼 전송용 name — 네이티브 select처럼 폼에 참여. */\n  name?: string;\n  required?: boolean;\n  /** 포털 렌더 대상. 기본 document.body. */\n  container?: HTMLElement | null;\n  /** 트리거에 추가할 className. */\n  className?: string;\n  /** 시각 라벨이 없을 때 접근 가능한 이름. */\n  'aria-label'?: string;\n}\n\n/** 디자인 시스템의 8px 삼각 캐럿 (열림 시 CSS로 회전). */\nconst CaretIcon = () => (\n  <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M1.1 2.5h5.8L4 5.9z\" fill=\"currentColor\" />\n  </svg>\n);\n\n/**\n * 셀렉트 박스 (단일 선택). Radix Select 기반 — 키보드 탐색·타입어헤드·\n * 포지셔닝·aria 연결을 자동 제공. 옵션 목록은 `options` 배열로 전달한다.\n *\n * 다중 선택(체크박스 옵션)·서브메뉴 변형은 별도 컴포넌트(DropdownMenu) 범위.\n *\n * @example\n * <Select\n *   aria-label=\"정렬\"\n *   placeholder=\"정렬 선택\"\n *   options={[\n *     { value: 'latest', label: '최신순' },\n *     { value: 'edited', label: '수정순' },\n *   ]}\n *   onValueChange={setSort}\n * />\n */\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    size = 'md',\n    placeholder,\n    value,\n    defaultValue,\n    onValueChange,\n    open,\n    defaultOpen,\n    onOpenChange,\n    disabled = false,\n    block = false,\n    name,\n    required,\n    container,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  return (\n    <RadixSelect.Root\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      disabled={disabled}\n      name={name}\n      required={required}\n    >\n      <RadixSelect.Trigger\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cx(\n          'nuri-select__trigger',\n          `nuri-select__trigger--${size}`,\n          block && 'nuri-select__trigger--block',\n          className,\n        )}\n      >\n        <span className=\"nuri-select__value\">\n          <RadixSelect.Value placeholder={placeholder} />\n        </span>\n        <RadixSelect.Icon className=\"nuri-select__caret\">\n          <CaretIcon />\n        </RadixSelect.Icon>\n      </RadixSelect.Trigger>\n\n      <RadixSelect.Portal container={container}>\n        <RadixSelect.Content className=\"nuri-select__content\" position=\"popper\" sideOffset={6}>\n          <RadixSelect.Viewport className=\"nuri-select__viewport\">\n            {options.map((option) => (\n              <RadixSelect.Item\n                key={option.value}\n                value={option.value}\n                disabled={option.disabled}\n                className=\"nuri-select__item\"\n              >\n                <RadixSelect.ItemText>{option.label}</RadixSelect.ItemText>\n              </RadixSelect.Item>\n            ))}\n          </RadixSelect.Viewport>\n        </RadixSelect.Content>\n      </RadixSelect.Portal>\n    </RadixSelect.Root>\n  );\n});\n","'use client';\n\nimport './styles.css';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Placement = 'center' | 'bottom';\ntype Size = 'sm' | 'md' | 'lg';\n\n/**\n * 모달 루트. open/onOpenChange로 제어하거나, Modal.Trigger와 함께 비제어로도 사용.\n * Radix Dialog 기반 — 포커스 트랩·Esc·스크롤 락·포커스 복귀·aria 연결을 자동 제공.\n *\n * @example 제어형\n * <Modal open={open} onOpenChange={setOpen}>\n *   <Modal.Content>...</Modal.Content>\n * </Modal>\n *\n * @example 비제어 (트리거)\n * <Modal>\n *   <Modal.Trigger asChild><Button>열기</Button></Modal.Trigger>\n *   <Modal.Content>...</Modal.Content>\n * </Modal>\n */\nconst Root = (props: ComponentPropsWithoutRef<typeof Dialog.Root>) => <Dialog.Root {...props} />;\nRoot.displayName = 'Modal';\n\n/** 모달을 여는 트리거. `asChild`로 임의 엘리먼트(Button 등)에 위임. */\nconst Trigger = Dialog.Trigger;\n\nexport interface ModalContentProps extends ComponentPropsWithoutRef<typeof Dialog.Content> {\n  /**\n   * 표시 위치.\n   * - `center`: 화면 중앙 다이얼로그 (기본)\n   * - `bottom`: 하단 바텀시트 (모바일에서 아래에서 올라옴)\n   * @default 'center'\n   */\n  placement?: Placement;\n  /**\n   * 최대 너비. **`placement=\"center\"`에서만 적용** (bottom 바텀시트는 항상 풀 width).\n   * @default 'md'\n   */\n  size?: Size;\n  /** 백드롭(오버레이) 표시 여부. @default true */\n  overlay?: boolean;\n  /** 포털 렌더 대상. 기본은 document.body. 다른 요소에 렌더하려면 지정. */\n  container?: HTMLElement | null;\n}\n\n/**\n * 오버레이 + 포털 + 다이얼로그 패널을 한 번에 렌더.\n * 내부에 Modal.Header / Modal.Body / Modal.Footer를 자유롭게 합성.\n */\nconst Content = forwardRef<ElementRef<typeof Dialog.Content>, ModalContentProps>(\n  function ModalContent(\n    { placement = 'center', size = 'md', overlay = true, container, className, children, ...rest },\n    ref,\n  ) {\n    const classes = cx('nuri-modal', `nuri-modal--${placement}`, `nuri-modal--${size}`, className);\n\n    return (\n      <Dialog.Portal container={container}>\n        {overlay && <Dialog.Overlay className=\"nuri-modal__overlay\" />}\n        <Dialog.Content ref={ref} className={classes} {...rest}>\n          {children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    );\n  },\n);\n\n/** 헤더 영역 (Title/Description/CloseButton을 담는 레이아웃 슬롯). */\nconst Header = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(function ModalHeader(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx('nuri-modal__header', className)} {...rest} />;\n});\n\nexport interface ModalTitleProps extends ComponentPropsWithoutRef<typeof Dialog.Title> {\n  /**\n   * 시각적으로는 숨기되 스크린리더에는 노출. 시각적 제목이 없는 모달도\n   * 접근 가능한 이름을 가져야 하므로(Radix Dialog는 Title 필수), 이 옵션으로 처리.\n   * @example <Modal.Title visuallyHidden>이미지 미리보기</Modal.Title>\n   */\n  visuallyHidden?: boolean;\n}\n\n/** 모달 제목. 렌더 시 자동으로 `aria-labelledby`로 연결됨 (Radix Dialog.Title). */\nconst Title = forwardRef<ElementRef<typeof Dialog.Title>, ModalTitleProps>(function ModalTitle(\n  { visuallyHidden = false, className, ...rest },\n  ref,\n) {\n  return (\n    <Dialog.Title\n      ref={ref}\n      className={cx('nuri-modal__title', visuallyHidden && 'nuri-sr-only', className)}\n      {...rest}\n    />\n  );\n});\n\n/** 모달 설명. 렌더 시 자동으로 `aria-describedby`로 연결됨 (Radix Dialog.Description). */\nconst Description = forwardRef<\n  ElementRef<typeof Dialog.Description>,\n  ComponentPropsWithoutRef<typeof Dialog.Description>\n>(function ModalDescription({ className, ...rest }, ref) {\n  return (\n    <Dialog.Description ref={ref} className={cx('nuri-modal__description', className)} {...rest} />\n  );\n});\n\n/** 본문 영역 (스크롤 가능). */\nconst Body = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(function ModalBody(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx('nuri-modal__body', className)} {...rest} />;\n});\n\nexport interface ModalFooterProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * 액션 버튼 정렬.\n   * - `end`: 우측 (기본, 데스크탑 관례)\n   * - `start`: 좌측\n   * - `center`: 가운데\n   * - `between`: 양끝 분산 (예: 좌측 위험 액션 + 우측 확인)\n   * - `full`: 버튼들이 가로를 균등하게 채움 (모바일 전체너비)\n   * @default 'end'\n   */\n  align?: 'start' | 'center' | 'end' | 'between' | 'full';\n}\n\n/** 푸터 영역 (액션 버튼 배치). 정렬은 `align` prop으로 제어. */\nconst Footer = forwardRef<HTMLDivElement, ModalFooterProps>(function ModalFooter(\n  { align = 'end', className, ...rest },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('nuri-modal__footer', `nuri-modal__footer--${align}`, className)}\n      {...rest}\n    />\n  );\n});\n\n/**\n * 모달을 닫는 액션. `asChild`로 임의 엘리먼트에 위임.\n * @example <Modal.Close asChild><Button variant=\"outline\">취소</Button></Modal.Close>\n */\nconst Close = Dialog.Close;\n\nconst CloseIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 5l10 10M15 5L5 15\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n  </svg>\n);\n\n/** 우상단 X 닫기 버튼 (미리 스타일링됨). 기본 `aria-label=\"닫기\"`. */\nconst CloseButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ComponentPropsWithoutRef<'button'>, 'children'> & { children?: ReactNode }\n>(function ModalCloseButton(\n  { className, 'aria-label': ariaLabel = '닫기', children, ...rest },\n  ref,\n) {\n  return (\n    <Dialog.Close asChild>\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={ariaLabel}\n        className={cx('nuri-modal__close', className)}\n        {...rest}\n      >\n        {children ?? <CloseIcon />}\n      </button>\n    </Dialog.Close>\n  );\n});\n\nexport const Modal = Object.assign(Root, {\n  Trigger,\n  Content,\n  Header,\n  Title,\n  Description,\n  Body,\n  Footer,\n  Close,\n  CloseButton,\n});\n","'use client';\n\nimport './styles.css';\nimport * as Alert from '@radix-ui/react-alert-dialog';\nimport { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\nimport { defaultToneIcon } from './icons.js';\n\ntype Tone = 'info' | 'success' | 'warning';\n\n/**\n * 확인 강제형 다이얼로그 (alertdialog). Radix AlertDialog 기반.\n *\n * 일반 Modal과의 차이:\n * - `role=\"alertdialog\"` — 스크린리더가 더 강하게 안내\n * - **바깥(백드롭) 클릭으로 닫히지 않음** — 실수로 닫히는 것 방지\n * - 포커스가 기본적으로 Cancel(취소)에 위치 — 실수로 위험 액션 방지\n * - **중앙 정렬 + 상단 아이콘** (디자인 시스템 표준 레이아웃)\n *\n * Esc 키는 닫힘(키보드 탈출구 — 접근성). 막으려면 Content에 `onEscapeKeyDown` 전달.\n *\n * @example\n * <AlertDialog>\n *   <AlertDialog.Trigger asChild><Button>삭제</Button></AlertDialog.Trigger>\n *   <AlertDialog.Content tone=\"warning\">\n *     <AlertDialog.Header>\n *       <AlertDialog.Title>정말 삭제할까요?</AlertDialog.Title>\n *       <AlertDialog.Description>되돌릴 수 없습니다.</AlertDialog.Description>\n *     </AlertDialog.Header>\n *     <AlertDialog.Footer>\n *       <AlertDialog.Cancel asChild><Button variant=\"outline\">취소</Button></AlertDialog.Cancel>\n *       <AlertDialog.Action asChild><Button onClick={onDelete}>삭제</Button></AlertDialog.Action>\n *     </AlertDialog.Footer>\n *   </AlertDialog.Content>\n * </AlertDialog>\n */\nconst Root = (props: ComponentPropsWithoutRef<typeof Alert.Root>) => <Alert.Root {...props} />;\nRoot.displayName = 'AlertDialog';\n\n/** 다이얼로그를 여는 트리거. `asChild`로 임의 엘리먼트에 위임. */\nconst Trigger = Alert.Trigger;\n\nexport interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof Alert.Content> {\n  /**\n   * 상태 톤 — 기본 아이콘과 그 색을 결정.\n   * @default 'info'\n   */\n  tone?: Tone;\n  /**\n   * 상단 아이콘.\n   * - 미지정: `tone`에 맞는 **기본 아이콘** 자동 렌더\n   * - `ReactNode`: 커스텀 아이콘으로 교체\n   * - `null`: 아이콘 제거\n   */\n  icon?: ReactNode | null;\n  /** 백드롭(오버레이) 표시 여부. @default true */\n  overlay?: boolean;\n  /** 포털 렌더 대상. 기본은 document.body. 다른 요소에 렌더하려면 지정. */\n  container?: HTMLElement | null;\n}\n\n/** 오버레이 + 포털 + 패널을 한 번에 렌더. 중앙 정렬 + 상단 아이콘 레이아웃. */\nconst Content = forwardRef<ElementRef<typeof Alert.Content>, AlertDialogContentProps>(\n  function AlertDialogContent(\n    { tone = 'info', icon, overlay = true, container, className, children, ...rest },\n    ref,\n  ) {\n    // icon 미지정(undefined) → 기본 tone 아이콘 / null → 제거 / ReactNode → 교체\n    const resolvedIcon = icon === undefined ? defaultToneIcon[tone] : icon;\n    return (\n      <Alert.Portal container={container}>\n        {overlay && <Alert.Overlay className=\"nuri-alert__overlay\" />}\n        <Alert.Content\n          ref={ref}\n          className={cx('nuri-alert', `nuri-alert--${tone}`, className)}\n          {...rest}\n        >\n          {resolvedIcon != null && (\n            <div className=\"nuri-alert__icon\" aria-hidden=\"true\">\n              {resolvedIcon}\n            </div>\n          )}\n          {children}\n        </Alert.Content>\n      </Alert.Portal>\n    );\n  },\n);\n\n/** 헤더 슬롯 (Title/Description 묶음, 중앙 정렬). */\nconst Header = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function AlertDialogHeader({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('nuri-alert__header', className)} {...rest} />;\n  },\n);\n\n/** 제목. 자동으로 `aria-labelledby`로 연결됨. */\nconst Title = forwardRef<\n  ElementRef<typeof Alert.Title>,\n  ComponentPropsWithoutRef<typeof Alert.Title>\n>(function AlertDialogTitle({ className, ...rest }, ref) {\n  return <Alert.Title ref={ref} className={cx('nuri-alert__title', className)} {...rest} />;\n});\n\n/** 설명. 자동으로 `aria-describedby`로 연결됨. */\nconst Description = forwardRef<\n  ElementRef<typeof Alert.Description>,\n  ComponentPropsWithoutRef<typeof Alert.Description>\n>(function AlertDialogDescription({ className, ...rest }, ref) {\n  return (\n    <Alert.Description ref={ref} className={cx('nuri-alert__description', className)} {...rest} />\n  );\n});\n\n/** 본문 슬롯 (추가 콘텐츠). */\nconst Body = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(function AlertDialogBody(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx('nuri-alert__body', className)} {...rest} />;\n});\n\nexport interface AlertDialogFooterProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * 버튼 정렬. 디자인 표준은 전체너비 버튼이라 기본값 `full`.\n   * @default 'full'\n   */\n  align?: 'start' | 'center' | 'end' | 'between' | 'full';\n}\n\n/** 푸터 슬롯 (Cancel/Action 배치). 기본 전체너비(`full`). */\nconst Footer = forwardRef<HTMLDivElement, AlertDialogFooterProps>(function AlertDialogFooter(\n  { align = 'full', className, ...rest },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('nuri-alert__footer', `nuri-alert__footer--${align}`, className)}\n      {...rest}\n    />\n  );\n});\n\n/**\n * 확인(주 액션) 버튼. 클릭 시 닫힘. `asChild`로 Button 위임.\n * @example <AlertDialog.Action asChild><Button onClick={onConfirm}>삭제</Button></AlertDialog.Action>\n */\nconst Action = Alert.Action;\n\n/**\n * 취소 버튼. 클릭 시 닫힘. 포커스가 기본적으로 여기 위치.\n * @example <AlertDialog.Cancel asChild><Button variant=\"outline\">취소</Button></AlertDialog.Cancel>\n */\nconst Cancel = Alert.Cancel;\n\nconst CloseIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 5l10 10M15 5L5 15\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n  </svg>\n);\n\n/**\n * 우상단 X 닫기 버튼 (옵션). 내부적으로 Cancel과 동일하게 닫힘. 기본 `aria-label=\"닫기\"`.\n * 확인을 강제하려면 사용하지 않는 편이 좋습니다 (Cancel/Action으로 명시적 선택 유도).\n */\nconst CloseButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ComponentPropsWithoutRef<'button'>, 'children'> & { children?: ReactNode }\n>(function AlertDialogCloseButton(\n  { className, 'aria-label': ariaLabel = '닫기', children, ...rest },\n  ref,\n) {\n  return (\n    <Alert.Cancel asChild>\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={ariaLabel}\n        className={cx('nuri-alert__close', className)}\n        {...rest}\n      >\n        {children ?? <CloseIcon />}\n      </button>\n    </Alert.Cancel>\n  );\n});\n\nexport const AlertDialog = Object.assign(Root, {\n  Trigger,\n  Content,\n  Header,\n  Title,\n  Description,\n  Body,\n  Footer,\n  Action,\n  Cancel,\n  CloseButton,\n});\n","/**\n * tone별 기본 아이콘 — 디자이너 시스템(Figma) 에셋을 그대로 inline SVG로 재현.\n * 구조: 틴트 원 배경 + tone 색 심볼. 색은 토큰(`--nuri-alert-tone-*`)으로 분리.\n * AlertDialog.Content의 `icon` 미지정 시 tone에 맞춰 자동 렌더.\n * `icon={<Custom/>}`로 교체, `icon={null}`로 제거 가능.\n */\nimport type { ReactNode } from 'react';\n\nconst SuccessIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"var(--nuri-alert-tone-success-bg)\" />\n    <path\n      d=\"M15.77 9.58L10.65 14.70L8.90 12.95\"\n      stroke=\"var(--nuri-alert-tone-success-fg)\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst WarningIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"var(--nuri-alert-tone-warning-bg)\" />\n    <path\n      d=\"M12 6.75V12\"\n      stroke=\"var(--nuri-alert-tone-warning-fg)\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n    />\n    <circle cx=\"12\" cy=\"16.31\" r=\"1.1\" fill=\"var(--nuri-alert-tone-warning-fg)\" />\n  </svg>\n);\n\nconst InfoIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"var(--nuri-alert-tone-info-bg)\" />\n    <path\n      d=\"M12.25 7h0.01\"\n      stroke=\"var(--nuri-alert-tone-info-fg)\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M11 12h1.25v5h1.25\"\n      stroke=\"var(--nuri-alert-tone-info-fg)\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const defaultToneIcon: Record<'info' | 'success' | 'warning', ReactNode> = {\n  info: <InfoIcon />,\n  success: <SuccessIcon />,\n  warning: <WarningIcon />,\n};\n","'use client';\n\nimport './styles.css';\nimport * as RadixToast from '@radix-ui/react-toast';\nimport { cx } from '../utils/cx.js';\nimport { toastStore, useToasts } from './store.js';\nimport { toneIcon } from './icons.js';\n\nexport interface ToasterProps {\n  /**\n   * 스와이프로 닫는 방향. 하단 표시라 기본 `down`(아래로 밀어 닫기 — 터치·드래그 모두).\n   * @default 'down'\n   */\n  swipeDirection?: RadixToast.ToastProviderProps['swipeDirection'];\n  /** 스와이프 임계 거리(px). @default 50 */\n  swipeThreshold?: number;\n  /** 뷰포트에 추가할 className (위치 커스터마이즈 등). */\n  className?: string;\n  /** 스크린리더용 지역 라벨. @default '알림' */\n  label?: string;\n}\n\n/**\n * 토스트 렌더러. **앱 루트에 1회만** 마운트하면 되고, 표시는 `toast()` 호출로 트리거한다.\n * (사용처마다 렌더할 필요 없음 — 모듈 store를 구독해 이 컴포넌트만 렌더)\n *\n * Radix Toast 기반이라 자동 닫힘 타이머·hover 시 일시정지·스와이프 닫기·\n * 스크린리더 announce(aria-live)를 표준으로 제공한다.\n *\n * @example\n * // app/layout.tsx\n * <body>{children}<Toaster /></body>\n */\nexport function Toaster({\n  swipeDirection = 'down',\n  swipeThreshold = 50,\n  className,\n  label = '알림',\n}: ToasterProps) {\n  const toasts = useToasts();\n\n  return (\n    <RadixToast.Provider\n      swipeDirection={swipeDirection}\n      swipeThreshold={swipeThreshold}\n      label={label}\n    >\n      {toasts.map((t) => (\n        <RadixToast.Root\n          key={t.id}\n          duration={t.duration}\n          onOpenChange={(open) => {\n            if (!open) toastStore.remove(t.id);\n          }}\n          // error는 foreground(assertive)로 즉시 안내, 그 외는 background(polite)\n          type={t.tone === 'error' ? 'foreground' : 'background'}\n          className={cx('nuri-toast', t.tone !== 'default' && `nuri-toast--${t.tone}`)}\n        >\n          {t.tone !== 'default' && (\n            <span className=\"nuri-toast__icon\" aria-hidden=\"true\">\n              {toneIcon[t.tone]}\n            </span>\n          )}\n          <RadixToast.Title className=\"nuri-toast__message\">{t.message}</RadixToast.Title>\n        </RadixToast.Root>\n      ))}\n      {/* 랜드마크 이름 — 스크린리더 영역 탐색용. {hotkey}는 Radix가 실제 키(F8)로 치환 */}\n      <RadixToast.Viewport\n        className={cx('nuri-toast__viewport', className)}\n        label={`${label} ({hotkey})`}\n      />\n    </RadixToast.Provider>\n  );\n}\n","'use client';\n\nimport { useSyncExternalStore } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type ToastTone = 'default' | 'success' | 'error' | 'info';\n\nexport interface ToastOptions {\n  /** 톤 — 아이콘·색 결정. @default 'default' (아이콘 없음) */\n  tone?: ToastTone;\n  /** 자동 닫힘까지 ms. @default 3000 */\n  duration?: number;\n  /** id 직접 지정 (같은 id면 교체 — 중복 방지·수동 dismiss용). */\n  id?: string;\n}\n\nexport interface ToastRecord {\n  id: string;\n  message: ReactNode;\n  tone: ToastTone;\n  duration: number;\n}\n\n// ── React 밖 모듈 싱글톤 store (아무 데서나 toast() 호출 가능한 이유) ──\nlet toasts: ToastRecord[] = [];\nconst listeners = new Set<() => void>();\nconst EMPTY: ToastRecord[] = []; // 서버 스냅샷용 안정 참조\nlet counter = 0;\n\nconst emit = () => {\n  for (const l of listeners) l();\n};\n\nfunction add(message: ReactNode, options: ToastOptions = {}): string {\n  const id = options.id ?? `nuri-toast-${++counter}`;\n  const record: ToastRecord = {\n    id,\n    message,\n    tone: options.tone ?? 'default',\n    duration: options.duration ?? 3000,\n  };\n  const idx = toasts.findIndex((t) => t.id === id);\n  toasts = idx >= 0 ? toasts.map((t) => (t.id === id ? record : t)) : [...toasts, record];\n  emit();\n  return id;\n}\n\nfunction remove(id: string) {\n  toasts = toasts.filter((t) => t.id !== id);\n  emit();\n}\n\nfunction clear() {\n  toasts = [];\n  emit();\n}\n\nexport const toastStore = {\n  add,\n  remove,\n  clear,\n  subscribe(listener: () => void) {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  },\n  getSnapshot: () => toasts,\n  getServerSnapshot: () => EMPTY,\n};\n\n/** 현재 토스트 목록을 구독 (Toaster 내부 전용). */\nexport function useToasts(): ToastRecord[] {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n","import type { ReactNode } from 'react';\nimport type { ToastTone } from './store.js';\n\n// 16px, currentColor — 색은 .nuri-toast--{tone}이 톤 토큰으로 지정.\nconst CheckIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M3.5 8.5l3 3 6-6.5\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.6\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst ErrorIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M8 4v4.5\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n    <circle cx=\"8\" cy=\"11.3\" r=\"0.95\" fill=\"currentColor\" />\n  </svg>\n);\n\nconst InfoIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M8 7.5v4\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n    <circle cx=\"8\" cy=\"4.7\" r=\"0.95\" fill=\"currentColor\" />\n  </svg>\n);\n\n/** default 톤은 아이콘 없음. */\nexport const toneIcon: Record<Exclude<ToastTone, 'default'>, ReactNode> = {\n  success: <CheckIcon />,\n  error: <ErrorIcon />,\n  info: <InfoIcon />,\n};\n","import type { ReactNode } from 'react';\nimport { toastStore } from './store.js';\nimport type { ToastOptions } from './store.js';\n\ntype ToneOptions = Omit<ToastOptions, 'tone'>;\n\n/**\n * 토스트를 띄운다. React 밖 모듈 함수라 컴포넌트·이벤트 핸들러·API 레이어 등\n * **어디서나** 호출 가능. 화면 렌더는 앱 루트에 1회 마운트한 `<Toaster/>`가 담당한다.\n *\n * @returns 토스트 id (수동 dismiss에 사용)\n * @example\n * toast.success('저장됐습니다');\n * const id = toast.error('오류', { duration: 5000 });\n * toast.dismiss(id);\n */\nfunction toastFn(message: ReactNode, options?: ToastOptions): string {\n  return toastStore.add(message, options);\n}\n\nexport const toast = Object.assign(toastFn, {\n  success: (message: ReactNode, options?: ToneOptions) =>\n    toastStore.add(message, { ...options, tone: 'success' }),\n  error: (message: ReactNode, options?: ToneOptions) =>\n    toastStore.add(message, { ...options, tone: 'error' }),\n  info: (message: ReactNode, options?: ToneOptions) =>\n    toastStore.add(message, { ...options, tone: 'info' }),\n  /** id 지정 시 해당 토스트만, 없으면 전체 제거. */\n  dismiss: (id?: string) => (id ? toastStore.remove(id) : toastStore.clear()),\n});\n","'use client';\n\nimport './styles.css';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { createContext, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Side = 'top' | 'bottom' | 'left' | 'right';\ntype Align = 'start' | 'center' | 'end';\n\nexport interface TooltipProps {\n  /** 툴팁 내용. */\n  content: ReactNode;\n  /** 트리거 — 단일 엘리먼트에 asChild로 위임 (Button, 아이콘 버튼 등). */\n  children: ReactElement;\n  /**\n   * 툴팁이 뜨는 방향. (디자인의 Direction은 꼬리 방향 기준이라 반대 —\n   * 예: 디자인 Direction=Bottom ⇒ side=\"top\")\n   * 공간이 부족하면 자동으로 반대쪽으로 반전된다.\n   * @default 'top'\n   */\n  side?: Side;\n  /** 트리거 기준 정렬. @default 'center' */\n  align?: Align;\n  /** 꼬리(화살표) 표시 여부 — 디자인의 showTail. @default true */\n  arrow?: boolean;\n  /**\n   * 열림 지연 ms. 미지정 시 — 단독 사용은 100ms(거의 즉시, 스쳐 지나갈 때 깜빡임만 방지),\n   * TooltipProvider 안에서는 프로바이더 설정을 따름. 0이면 즉시.\n   * 키보드 포커스는 지연 없이 항상 즉시 표시된다.\n   */\n  delayDuration?: number;\n  /** 열림 상태 제어 — 항상 표시(코치마크류)나 수동 제어에 사용. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** true면 툴팁 없이 트리거만 렌더 (조건부 툴팁). @default false */\n  disabled?: boolean;\n  /** 포털 렌더 대상. 기본 document.body. */\n  container?: HTMLElement | null;\n  /** 툴팁 패널에 추가할 className. */\n  className?: string;\n}\n\n// TooltipProvider 존재 감지용 — 없으면 Tooltip이 자체 Provider로 감싼다(제로 셋업).\nconst HasProviderContext = createContext(false);\n\nexport type TooltipProviderProps = RadixTooltip.TooltipProviderProps;\n\n/**\n * 지연 시간을 공유하는 프로바이더 (선택). 앱 루트에 1회 두면 툴팁 하나를 본 직후\n * 인접 트리거로 이동할 때 지연 없이 바로 표시된다(skipDelayDuration).\n * 없어도 Tooltip은 단독으로 동작한다.\n *\n * @example\n * <TooltipProvider delayDuration={300}><App /></TooltipProvider>\n */\nexport function TooltipProvider({ children, ...props }: TooltipProviderProps) {\n  return (\n    <HasProviderContext.Provider value={true}>\n      <RadixTooltip.Provider {...props}>{children}</RadixTooltip.Provider>\n    </HasProviderContext.Provider>\n  );\n}\n\n/**\n * 툴팁. Radix Tooltip 기반 — hover와 **키보드 포커스** 모두에서 열리고,\n * Esc로 닫히며, `aria-describedby`가 자동 연결된다. 포털 + 충돌 감지\n * 포지셔닝이라 부모 overflow에 잘리지 않고 화면 밖으로 나가지 않는다.\n *\n * 터치 기기에서는 표시되지 않는다(hover 개념 부재 — Radix 기본 동작).\n * 닫기 버튼이 있는 지속형 안내(코치마크)는 툴팁 범위가 아니다.\n *\n * @example\n * <Tooltip content=\"즐겨찾기에 추가\">\n *   <Button iconOnly aria-label=\"즐겨찾기\">★</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n  content,\n  children,\n  side = 'top',\n  align = 'center',\n  arrow = true,\n  delayDuration,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  container,\n  className,\n}: TooltipProps) {\n  const hasProvider = useContext(HasProviderContext);\n\n  if (disabled) return children;\n\n  const root = (\n    <RadixTooltip.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n    >\n      <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal container={container}>\n        <RadixTooltip.Content\n          className={cx('nuri-tooltip', className)}\n          side={side}\n          align={align}\n          sideOffset={4}\n          collisionPadding={8}\n          arrowPadding={6}\n          // 트리거가 뷰포트/스크롤 영역에서 완전히 사라지면 툴팁도 숨김\n          // (기준 요소 없이 툴팁만 떠 있는 현상 방지)\n          hideWhenDetached\n        >\n          {content}\n          {arrow && <RadixTooltip.Arrow className=\"nuri-tooltip__arrow\" width={14} height={7} />}\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n\n  // 앱에 TooltipProvider가 없어도 동작하도록 자체 Provider로 폴백.\n  // 앱 Provider가 있으면 감싸지 않는다 — 안쪽 컨텍스트가 이기므로 여기서 또 감싸면\n  // 앱이 설정한 delayDuration·skipDelayDuration이 무시된다.\n  // 폴백 지연 100ms — 거의 즉시로 느껴지되, 마우스가 스쳐 지나갈 때 연쇄 깜빡임은 방지\n  // (버튼 하나를 가로지르는 데 ~30–50ms — 그보다 길게 머문 경우만 의도로 판정).\n  return hasProvider ? (\n    root\n  ) : (\n    <RadixTooltip.Provider delayDuration={100}>{root}</RadixTooltip.Provider>\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime","Button","import_styles","import_react","import_jsx_runtime","Input","import_styles","import_react","import_jsx_runtime","Textarea","import_styles","import_react","import_jsx_runtime","Checkbox","import_styles","import_react","import_jsx_runtime","RadioGroup","Radio","import_styles","import_react","import_jsx_runtime","Switch","import_styles","import_react","import_jsx_runtime","Select","import_styles","import_react","import_jsx_runtime","Root","Trigger","Content","Title","Description","Close","import_styles","import_react","import_jsx_runtime","import_jsx_runtime","Root","Trigger","Content","Header","Title","Description","Body","Footer","Action","Cancel","CloseIcon","CloseButton","import_styles","import_react","import_jsx_runtime","CheckIcon","InfoIcon","import_jsx_runtime","toasts","import_styles","import_react","import_jsx_runtime"]}

package/dist/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 // src/Button/Button.tsx
 import "./Button/styles.css";
 import { Slot } from "@radix-ui/react-slot";