@nurimedia/react-ui 0.1.1 → 0.1.2

package/dist/chunk-2LFW4MM6.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+
+var _chunkR4E4BIPCcjs = require('./chunk-R4E4BIPC.cjs');
+
+// src/Radio/Radio.tsx
+require('./Radio/styles.css');
+var _reactradiogroup = require('@radix-ui/react-radio-group'); var RadixRadioGroup = _interopRequireWildcard(_reactradiogroup);
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var RadioGroup = _react.forwardRef.call(void 0, function RadioGroup2({ children, orientation = "vertical", className, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    RadixRadioGroup.Root,
+    {
+      ref,
+      orientation,
+      className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-radio-group", `nuri-radio-group--${orientation}`, className),
+      ...rest,
+      children
+    }
+  );
+});
+var Radio = _react.forwardRef.call(void 0, function Radio2({ value, label, disabled = false, id: idProp, className, ...rest }, ref) {
+  const reactId = _react.useId.call(void 0, );
+  const id = _nullishCoalesce(idProp, () => ( `nuri-radio-${reactId}`));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-radio", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      RadixRadioGroup.Item,
+      {
+        ref,
+        id,
+        value,
+        disabled,
+        className: "nuri-radio__control",
+        ...rest,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixRadioGroup.Indicator, { className: "nuri-radio__indicator" })
+      }
+    ),
+    label != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: id, className: "nuri-radio__label", children: label })
+  ] });
+});
+
+
+
+
+exports.RadioGroup = RadioGroup; exports.Radio = Radio;
+//# sourceMappingURL=chunk-2LFW4MM6.cjs.map

package/dist/chunk-2LFW4MM6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-2LFW4MM6.cjs","../src/Radio/Radio.tsx"],"names":["RadioGroup"],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,8BAAO;AACP,+HAAiC;AACjC,8BAAkC;AAsC9B,+CAAA;AALG,IAAM,WAAA,EAAa,+BAAA,SAAqDA,WAAAA,CAC7E,EAAE,QAAA,EAAU,YAAA,EAAc,UAAA,EAAY,SAAA,EAAW,GAAG,KAAK,CAAA,EACzD,GAAA,EACA;AACA,EAAA,uBACE,6BAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,kCAAA,kBAAG,EAAoB,CAAA,kBAAA,EAAqB,WAAW,CAAA,CAAA;AAC9D,MAAA;AAEH,MAAA;AAAA,IAAA;AACH,EAAA;AAEH;AAemC;AAGZ,EAAA;AACoB,EAAA;AAGP,EAAA;AAC/B,oBAAA;AAAiB,MAAA;AAAhB,MAAA;AACC,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACU,QAAA;AACN,QAAA;AAEuB,QAAA;AAAkC,MAAA;AAC/D,IAAA;AAEsB,IAAA;AAIxB,EAAA;AAEH;ADlDwE;AACA;AACA;AACA;AACA","file":"/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-2LFW4MM6.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-2WKLA5RC.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+
+var _chunkR4E4BIPCcjs = require('./chunk-R4E4BIPC.cjs');
+
+// src/Modal/Modal.tsx
+require('./Modal/styles.css');
+var _reactdialog = require('@radix-ui/react-dialog'); var Dialog = _interopRequireWildcard(_reactdialog);
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Root2 = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Root, { ...props });
+Root2.displayName = "Modal";
+var Trigger2 = Dialog.Trigger;
+var Content2 = _react.forwardRef.call(void 0, 
+  function ModalContent({ placement = "center", size = "md", overlay = true, container, className, children, ...rest }, ref) {
+    const classes = _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal", `nuri-modal--${placement}`, `nuri-modal--${size}`, className);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog.Portal, { container, children: [
+      overlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Overlay, { className: "nuri-modal__overlay" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Content, { ref, className: classes, ...rest, children })
+    ] });
+  }
+);
+var Header = _react.forwardRef.call(void 0, function ModalHeader({ className, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal__header", className), ...rest });
+});
+var Title2 = _react.forwardRef.call(void 0, function ModalTitle({ visuallyHidden = false, className, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Dialog.Title,
+    {
+      ref,
+      className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal__title", visuallyHidden && "nuri-sr-only", className),
+      ...rest
+    }
+  );
+});
+var Description2 = _react.forwardRef.call(void 0, function ModalDescription({ className, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Description, { ref, className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal__description", className), ...rest });
+});
+var Body = _react.forwardRef.call(void 0, function ModalBody({ className, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal__body", className), ...rest });
+});
+var Footer = _react.forwardRef.call(void 0, function ModalFooter({ align = "end", className, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal__footer", `nuri-modal__footer--${align}`, className),
+      ...rest
+    }
+  );
+});
+var Close2 = Dialog.Close;
+var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+var CloseButton = _react.forwardRef.call(void 0, function ModalCloseButton({ className, "aria-label": ariaLabel = "\uB2EB\uAE30", children, ...rest }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Close, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-label": ariaLabel,
+      className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-modal__close", className),
+      ...rest,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseIcon, {})))
+    }
+  ) });
+});
+var Modal = Object.assign(Root2, {
+  Trigger: Trigger2,
+  Content: Content2,
+  Header,
+  Title: Title2,
+  Description: Description2,
+  Body,
+  Footer,
+  Close: Close2,
+  CloseButton
+});
+
+
+
+exports.Modal = Modal;
+//# sourceMappingURL=chunk-2WKLA5RC.cjs.map

package/dist/chunk-2WKLA5RC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-2WKLA5RC.cjs","../src/Modal/Modal.tsx"],"names":["Root","Trigger","Content","Title","Description","Close"],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,8BAAO;AACP,yGAAwB;AACxB,8BAA2B;AAsB2C,+CAAA;AAAtE,IAAMA,MAAAA,EAAO,CAAC,KAAA,EAAA,mBAAwD,6BAAA,MAAQ,CAAA,IAAA,EAAP,EAAa,GAAG,MAAA,CAAO,CAAA;AAC9FA,KAAAA,CAAK,YAAA,EAAc,OAAA;AAGnB,IAAMC,SAAAA,EAAiB,MAAA,CAAA,OAAA;AAyBvB,IAAMC,SAAAA,EAAU,+BAAA;AAAA,EACd,SAAS,YAAA,CACP,EAAE,UAAA,EAAY,QAAA,EAAU,KAAA,EAAO,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,SAAA,EAAW,SAAA,EAAW,QAAA,EAAU,GAAG,KAAK,CAAA,EAC7F,GAAA,EACA;AACA,IAAA,MAAM,QAAA,EAAU,kCAAA,YAAG,EAAc,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA;AAIpD,IAAA;AAA2B,MAAA;AACS,sBAAA;AAGvC,IAAA;AAEJ,EAAA;AACF;AAIkB;AAGoB,EAAA;AACrC;AAaG;AAIA,EAAA;AAAQ,IAAA;AAAP,IAAA;AACC,MAAA;AACqD,MAAA;AACjD,MAAA;AAAA,IAAA;AACN,EAAA;AAEH;AAM6B;AAEI,EAAA;AAEjC;AAIsB;AAGe,EAAA;AACrC;AAiBkB;AAIf,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACoC,MAAA;AAChC,MAAA;AAAA,IAAA;AACN,EAAA;AAEH;AAMoB;AAGR;AAUT;AAKE,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACK,MAAA;AACO,MAAA;AACgC,MAAA;AACxC,MAAA;AAEoB,MAAA;AAAA,IAAA;AAE5B,EAAA;AAEH;AAEwC;AACvCD,EAAAA;AACAC,EAAAA;AACA,EAAA;AACAC,EAAAA;AACAC,EAAAA;AACA,EAAA;AACA,EAAA;AACAC,EAAAA;AACA,EAAA;AACD;ADrH6D;AACA;AACA;AACA","file":"/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-2WKLA5RC.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-2YGYLCCA.js

@@ -0,0 +1,66 @@
+'use client';
+import {
+  cx
+} from "./chunk-PS6QXS5Z.js";
+
+// src/Tooltip/Tooltip.tsx
+import "./Tooltip/styles.css";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HasProviderContext = createContext(false);
+function TooltipProvider({ children, ...props }) {
+  return /* @__PURE__ */ jsx(HasProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsx(RadixTooltip.Provider, { ...props, children }) });
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  arrow = true,
+  delayDuration,
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled = false,
+  container,
+  className
+}) {
+  const hasProvider = useContext(HasProviderContext);
+  if (disabled) return children;
+  const root = /* @__PURE__ */ jsxs(
+    RadixTooltip.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
+      children: [
+        /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(RadixTooltip.Portal, { container, children: /* @__PURE__ */ jsxs(
+          RadixTooltip.Content,
+          {
+            className: cx("nuri-tooltip", className),
+            side,
+            align,
+            sideOffset: 4,
+            collisionPadding: 8,
+            arrowPadding: 6,
+            hideWhenDetached: true,
+            children: [
+              content,
+              arrow && /* @__PURE__ */ jsx(RadixTooltip.Arrow, { className: "nuri-tooltip__arrow", width: 14, height: 7 })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return hasProvider ? root : /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration: 100, children: root });
+}
+
+export {
+  TooltipProvider,
+  Tooltip
+};
+//# sourceMappingURL=chunk-2YGYLCCA.js.map

package/dist/chunk-2YGYLCCA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx"],"sourcesContent":["'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":";;;;;;AAEA,OAAO;AACP,YAAY,kBAAkB;AAC9B,SAAS,eAAe,kBAAkB;AAyDpC,cA6CE,YA7CF;AAfN,IAAM,qBAAqB,cAAc,KAAK;AAYvC,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,MAClC,8BAAc,uBAAb,EAAuB,GAAG,OAAQ,UAAS,GAC9C;AAEJ;AAeO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiB;AACf,QAAM,cAAc,WAAW,kBAAkB;AAEjD,MAAI,SAAU,QAAO;AAErB,QAAM,OACJ;AAAA,IAAc;AAAA,IAAb;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAc,sBAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,QACxC,oBAAc,qBAAb,EAAoB,WACnB;AAAA,UAAc;AAAA,UAAb;AAAA,YACC,WAAW,GAAG,gBAAgB,SAAS;AAAA,YACvC;AAAA,YACA;AAAA,YACA,YAAY;AAAA,YACZ,kBAAkB;AAAA,YAClB,cAAc;AAAA,YAGd,kBAAgB;AAAA,YAEf;AAAA;AAAA,cACA,SAAS,oBAAc,oBAAb,EAAmB,WAAU,uBAAsB,OAAO,IAAI,QAAQ,GAAG;AAAA;AAAA;AAAA,QACtF,GACF;AAAA;AAAA;AAAA,EACF;AAQF,SAAO,cACL,OAEA,oBAAc,uBAAb,EAAsB,eAAe,KAAM,gBAAK;AAErD;","names":[]}

package/dist/chunk-323VGYMK.cjs

@@ -0,0 +1,147 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+
+var _chunkR4E4BIPCcjs = require('./chunk-R4E4BIPC.cjs');
+
+// src/Toast/Toaster.tsx
+require('./Toast/styles.css');
+var _reacttoast = require('@radix-ui/react-toast'); var RadixToast = _interopRequireWildcard(_reacttoast);
+
+// src/Toast/store.ts
+var _react = require('react');
+var toasts = [];
+var listeners = /* @__PURE__ */ new Set();
+var EMPTY = [];
+var counter = 0;
+var emit = () => {
+  for (const l of listeners) l();
+};
+function add(message, options = {}) {
+  const id = _nullishCoalesce(options.id, () => ( `nuri-toast-${++counter}`));
+  const record = {
+    id,
+    message,
+    tone: _nullishCoalesce(options.tone, () => ( "default")),
+    duration: _nullishCoalesce(options.duration, () => ( 3e3))
+  };
+  const idx = toasts.findIndex((t) => t.id === id);
+  toasts = idx >= 0 ? toasts.map((t) => t.id === id ? record : t) : [...toasts, record];
+  emit();
+  return id;
+}
+function remove(id) {
+  toasts = toasts.filter((t) => t.id !== id);
+  emit();
+}
+function clear() {
+  toasts = [];
+  emit();
+}
+var toastStore = {
+  add,
+  remove,
+  clear,
+  subscribe(listener) {
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
+    };
+  },
+  getSnapshot: () => toasts,
+  getServerSnapshot: () => EMPTY
+};
+function useToasts() {
+  return _react.useSyncExternalStore.call(void 0, 
+    toastStore.subscribe,
+    toastStore.getSnapshot,
+    toastStore.getServerSnapshot
+  );
+}
+
+// src/Toast/icons.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CheckIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "path",
+  {
+    d: "M3.5 8.5l3 3 6-6.5",
+    stroke: "currentColor",
+    strokeWidth: "1.6",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+var ErrorIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8 4v4.5", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "8", cy: "11.3", r: "0.95", fill: "currentColor" })
+] });
+var InfoIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8 7.5v4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "8", cy: "4.7", r: "0.95", fill: "currentColor" })
+] });
+var toneIcon = {
+  success: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckIcon, {}),
+  error: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ErrorIcon, {}),
+  info: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoIcon, {})
+};
+
+// src/Toast/Toaster.tsx
+
+function Toaster({
+  swipeDirection = "down",
+  swipeThreshold = 50,
+  className,
+  label = "\uC54C\uB9BC"
+}) {
+  const toasts2 = useToasts();
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    RadixToast.Provider,
+    {
+      swipeDirection,
+      swipeThreshold,
+      label,
+      children: [
+        toasts2.map((t) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          RadixToast.Root,
+          {
+            duration: t.duration,
+            onOpenChange: (open) => {
+              if (!open) toastStore.remove(t.id);
+            },
+            type: t.tone === "error" ? "foreground" : "background",
+            className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-toast", t.tone !== "default" && `nuri-toast--${t.tone}`),
+            children: [
+              t.tone !== "default" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "nuri-toast__icon", "aria-hidden": "true", children: toneIcon[t.tone] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixToast.Title, { className: "nuri-toast__message", children: t.message })
+            ]
+          },
+          t.id
+        )),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          RadixToast.Viewport,
+          {
+            className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-toast__viewport", className),
+            label: `${label} ({hotkey})`
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/Toast/toast.ts
+function toastFn(message, options) {
+  return toastStore.add(message, options);
+}
+var toast = Object.assign(toastFn, {
+  success: (message, options) => toastStore.add(message, { ...options, tone: "success" }),
+  error: (message, options) => toastStore.add(message, { ...options, tone: "error" }),
+  info: (message, options) => toastStore.add(message, { ...options, tone: "info" }),
+  /** id 지정 시 해당 토스트만, 없으면 전체 제거. */
+  dismiss: (id) => id ? toastStore.remove(id) : toastStore.clear()
+});
+
+
+
+
+exports.Toaster = Toaster; exports.toast = toast;
+//# sourceMappingURL=chunk-323VGYMK.cjs.map

package/dist/chunk-323VGYMK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-323VGYMK.cjs","../src/Toast/Toaster.tsx","../src/Toast/store.ts","../src/Toast/icons.tsx","../src/Toast/toast.ts"],"names":["jsxs","jsx"],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,8BAAO;AACP,0GAA4B;ADK5B;AACA;AEPA,8BAAqC;AAsBrC,IAAI,OAAA,EAAwB,CAAC,CAAA;AAC7B,IAAM,UAAA,kBAAY,IAAI,GAAA,CAAgB,CAAA;AACtC,IAAM,MAAA,EAAuB,CAAC,CAAA;AAC9B,IAAI,QAAA,EAAU,CAAA;AAEd,IAAM,KAAA,EAAO,CAAA,EAAA,GAAM;AACjB,EAAA,IAAA,CAAA,MAAW,EAAA,GAAK,SAAA,EAAW,CAAA,CAAE,CAAA;AAC/B,CAAA;AAEA,SAAS,GAAA,CAAI,OAAA,EAAoB,QAAA,EAAwB,CAAC,CAAA,EAAW;AACnE,EAAA,MAAM,GAAA,mBAAK,OAAA,CAAQ,EAAA,UAAM,CAAA,WAAA,EAAc,EAAE,OAAO,CAAA,GAAA;AACpB,EAAA;AAC1B,IAAA;AACA,IAAA;AACsB,IAAA;AACQ,IAAA;AAChC,EAAA;AAC+C,EAAA;AACC,EAAA;AAC3C,EAAA;AACE,EAAA;AACT;AAE4B;AACe,EAAA;AACpC,EAAA;AACP;AAEiB;AACL,EAAA;AACL,EAAA;AACP;AAE0B;AACxB,EAAA;AACA,EAAA;AACA,EAAA;AACgC,EAAA;AACR,IAAA;AACT,IAAA;AACc,MAAA;AAC3B,IAAA;AACF,EAAA;AACmB,EAAA;AACM,EAAA;AAC3B;AAG2C;AAClC,EAAA;AACM,IAAA;AACA,IAAA;AACA,IAAA;AACb,EAAA;AACF;AFnBmD;AACA;AGtD/C;AADG;AACF,EAAA;AAAA,EAAA;AACG,IAAA;AACK,IAAA;AACK,IAAA;AACE,IAAA;AACC,IAAA;AAAA,EAAA;AAEnB;AAIC;AACoB,kBAAA;AACD,kBAAA;AACpB;AAIK;AACgB,kBAAA;AACD,kBAAA;AACpB;AAIwE;AACpD,EAAA;AACF,EAAA;AACF,EAAA;AAClB;AHkDmD;AACA;ACtC3C;AAfgB;AACL,EAAA;AACA,EAAA;AACjB,EAAA;AACQ,EAAA;AACO;AACU,EAAA;AAGvBA,EAAAA;AAAY,IAAA;AAAX,IAAA;AACC,MAAA;AACA,MAAA;AACA,MAAA;AAEC,MAAA;AACCA,QAAAA;AAAY,UAAA;AAAX,UAAA;AAEa,YAAA;AACY,YAAA;AACW,cAAA;AACnC,YAAA;AAE2B,YAAA;AACY,YAAA;AAEtC,YAAA;AACC,cAAA;AAIU,8BAAA;AAAiD,YAAA;AAAA,UAAA;AAdtD,UAAA;AAgBV,QAAA;AAEDC,wBAAAA;AAAY,UAAA;AAAX,UAAA;AACuC,YAAA;AACvB,YAAA;AAAA,UAAA;AACjB,QAAA;AAAA,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;ADwDmD;AACA;AIlHkB;AAC7B,EAAA;AACxC;AAE4C;AAEzB,EAAA;AAEA,EAAA;AAEA,EAAA;AAAqC;AAEE,EAAA;AACzD;AJgHkD;AACA;AACA;AACA;AACA","file":"/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-323VGYMK.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-3H47QMKS.js

@@ -0,0 +1,47 @@
+'use client';
+import {
+  cx
+} from "./chunk-PS6QXS5Z.js";
+
+// src/Radio/Radio.tsx
+import "./Radio/styles.css";
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioGroup = forwardRef(function RadioGroup2({ children, orientation = "vertical", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Root,
+    {
+      ref,
+      orientation,
+      className: cx("nuri-radio-group", `nuri-radio-group--${orientation}`, className),
+      ...rest,
+      children
+    }
+  );
+});
+var Radio = forwardRef(function Radio2({ value, label, disabled = false, id: idProp, className, ...rest }, ref) {
+  const reactId = useId();
+  const id = idProp ?? `nuri-radio-${reactId}`;
+  return /* @__PURE__ */ jsxs("div", { className: cx("nuri-radio", className), children: [
+    /* @__PURE__ */ jsx(
+      RadixRadioGroup.Item,
+      {
+        ref,
+        id,
+        value,
+        disabled,
+        className: "nuri-radio__control",
+        ...rest,
+        children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: "nuri-radio__indicator" })
+      }
+    ),
+    label != null && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "nuri-radio__label", children: label })
+  ] });
+});
+
+export {
+  RadioGroup,
+  Radio
+};
+//# sourceMappingURL=chunk-3H47QMKS.js.map

package/dist/chunk-3H47QMKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Radio/Radio.tsx"],"sourcesContent":["'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"],"mappings":";;;;;;AAEA,OAAO;AACP,YAAY,qBAAqB;AACjC,SAAS,YAAY,aAAa;AAsC9B,cA+BA,YA/BA;AALG,IAAM,aAAa,WAA4C,SAASA,YAC7E,EAAE,UAAU,cAAc,YAAY,WAAW,GAAG,KAAK,GACzD,KACA;AACA,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,oBAAoB,qBAAqB,WAAW,IAAI,SAAS;AAAA,MAC9E,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAcM,IAAM,QAAQ,WAA0C,SAASC,OACtE,EAAE,OAAO,OAAO,WAAW,OAAO,IAAI,QAAQ,WAAW,GAAG,KAAK,GACjE,KACA;AACA,QAAM,UAAU,MAAM;AACtB,QAAM,KAAK,UAAU,cAAc,OAAO;AAE1C,SACE,qBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GACxC;AAAA;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,8BAAiB,2BAAhB,EAA0B,WAAU,yBAAwB;AAAA;AAAA,IAC/D;AAAA,IACC,SAAS,QACR,oBAAC,WAAM,SAAS,IAAI,WAAU,qBAC3B,iBACH;AAAA,KAEJ;AAEJ,CAAC;","names":["RadioGroup","Radio"]}

package/dist/chunk-3QSLHLC2.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+
+var _chunkR4E4BIPCcjs = require('./chunk-R4E4BIPC.cjs');
+
+// src/Checkbox/Checkbox.tsx
+require('./Checkbox/styles.css');
+var _reactcheckbox = require('@radix-ui/react-checkbox'); var RadixCheckbox = _interopRequireWildcard(_reactcheckbox);
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CheckIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "path",
+  {
+    d: "M2.5 6.2l2.4 2.4 4.6-5",
+    stroke: "currentColor",
+    strokeWidth: "1.6",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+var IndeterminateIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2.8 6h6.4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) });
+var Checkbox = _react.forwardRef.call(void 0, function Checkbox2({ label, size = "md", disabled = false, id: idProp, className, checked, ...rest }, ref) {
+  const reactId = _react.useId.call(void 0, );
+  const id = _nullishCoalesce(idProp, () => ( `nuri-checkbox-${reactId}`));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkR4E4BIPCcjs.cx.call(void 0, "nuri-checkbox", `nuri-checkbox--${size}`, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      RadixCheckbox.Root,
+      {
+        ref,
+        id,
+        className: "nuri-checkbox__control",
+        disabled,
+        checked,
+        ...rest,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixCheckbox.Indicator, { className: "nuri-checkbox__indicator", children: checked === "indeterminate" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IndeterminateIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckIcon, {}) })
+      }
+    ),
+    label != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: id, className: "nuri-checkbox__label", children: label })
+  ] });
+});
+
+
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-3QSLHLC2.cjs.map

package/dist/chunk-3QSLHLC2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-3QSLHLC2.cjs","../src/Checkbox/Checkbox.tsx"],"names":["Checkbox"],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,iCAAO;AACP,sHAA+B;AAC/B,8BAAkC;AAiC9B,+CAAA;AAFJ,IAAM,UAAA,EAAY,CAAA,EAAA,mBAChB,6BAAA,KAAC,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,aAAA,EAAY,MAAA,EAC/C,QAAA,kBAAA,6BAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,wBAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA,EAAA;AACjB,EAAA,CACF,CAAA;AAIF,IAAM,kBAAA,EAAoB,CAAA,EAAA,mBACxB,6BAAA,KAAC,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,aAAA,EAAY,MAAA,EAC/C,QAAA,kBAAA,6BAAA,MAAC,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,QAAA,CAAQ,EAAA,CACrF,CAAA;AAaK,IAAM,SAAA,EAAW,+BAAA,SAAsDA,SAAAA,CAC5E,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,GAAG,KAAK,CAAA,EAChF,GAAA,EACA;AACA,EAAA,MAAM,QAAA,EAAU,0BAAA,CAAM;AACtB,EAAA,MAAM,GAAA,mBAAK,MAAA,UAAU,CAAA,cAAA,EAAiB,OAAO,CAAA,GAAA;AAGtC,EAAA;AACH,oBAAA;AAAe,MAAA;AAAd,MAAA;AACC,QAAA;AACA,QAAA;AACU,QAAA;AACV,QAAA;AACA,QAAA;AACI,QAAA;AAEW,QAAA;AAEf,MAAA;AACF,IAAA;AAEG,IAAA;AAIL,EAAA;AAEH;ADpD+C;AACA;AACA;AACA","file":"/Users/summerhoony/Desktop/projects/nuri-ui/dist/chunk-3QSLHLC2.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-4N5JIGIU.js

@@ -0,0 +1,82 @@
+'use client';
+import {
+  cx
+} from "./chunk-PS6QXS5Z.js";
+
+// src/Modal/Modal.tsx
+import "./Modal/styles.css";
+import * as Dialog from "@radix-ui/react-dialog";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root2 = (props) => /* @__PURE__ */ jsx(Dialog.Root, { ...props });
+Root2.displayName = "Modal";
+var Trigger2 = Dialog.Trigger;
+var Content2 = forwardRef(
+  function ModalContent({ placement = "center", size = "md", overlay = true, container, className, children, ...rest }, ref) {
+    const classes = cx("nuri-modal", `nuri-modal--${placement}`, `nuri-modal--${size}`, className);
+    return /* @__PURE__ */ jsxs(Dialog.Portal, { container, children: [
+      overlay && /* @__PURE__ */ jsx(Dialog.Overlay, { className: "nuri-modal__overlay" }),
+      /* @__PURE__ */ jsx(Dialog.Content, { ref, className: classes, ...rest, children })
+    ] });
+  }
+);
+var Header = forwardRef(function ModalHeader({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cx("nuri-modal__header", className), ...rest });
+});
+var Title2 = forwardRef(function ModalTitle({ visuallyHidden = false, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    Dialog.Title,
+    {
+      ref,
+      className: cx("nuri-modal__title", visuallyHidden && "nuri-sr-only", className),
+      ...rest
+    }
+  );
+});
+var Description2 = forwardRef(function ModalDescription({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Dialog.Description, { ref, className: cx("nuri-modal__description", className), ...rest });
+});
+var Body = forwardRef(function ModalBody({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cx("nuri-modal__body", className), ...rest });
+});
+var Footer = forwardRef(function ModalFooter({ align = "end", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cx("nuri-modal__footer", `nuri-modal__footer--${align}`, className),
+      ...rest
+    }
+  );
+});
+var Close2 = Dialog.Close;
+var CloseIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+var CloseButton = forwardRef(function ModalCloseButton({ className, "aria-label": ariaLabel = "\uB2EB\uAE30", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-label": ariaLabel,
+      className: cx("nuri-modal__close", className),
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
+    }
+  ) });
+});
+var Modal = Object.assign(Root2, {
+  Trigger: Trigger2,
+  Content: Content2,
+  Header,
+  Title: Title2,
+  Description: Description2,
+  Body,
+  Footer,
+  Close: Close2,
+  CloseButton
+});
+
+export {
+  Modal
+};
+//# sourceMappingURL=chunk-4N5JIGIU.js.map