@nurimedia/react-ui 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,900 +1,55 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AlertDialog: () => AlertDialog,
-  Button: () => Button,
-  Checkbox: () => Checkbox,
-  Input: () => Input,
-  Modal: () => Modal,
-  Radio: () => Radio,
-  RadioGroup: () => RadioGroup,
-  Select: () => Select,
-  Switch: () => Switch,
-  Textarea: () => Textarea,
-  Toaster: () => Toaster,
-  Tooltip: () => Tooltip,
-  TooltipProvider: () => TooltipProvider,
-  toast: () => toast
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/Button/Button.tsx
-var import_styles = require("./Button/styles.css");
-var import_react_slot = require("@radix-ui/react-slot");
-var import_react = require("react");
-
-// src/Button/Spinner.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Spinner = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "nuri-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "nuri-button__spinner", viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeOpacity: "0.25", strokeWidth: "2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 8a6 6 0 0 0-6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
-] }) });
-
-// src/utils/cx.ts
-function cx(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-
-// src/Button/Button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Button = (0, import_react.forwardRef)(function Button2({
-  variant = "primary",
-  size = "md",
-  iconLeft,
-  iconRight,
-  iconOnly = false,
-  block = false,
-  loading = false,
-  disabled = false,
-  asChild = false,
-  type = "button",
-  className,
-  children,
-  onClick,
-  ...rest
-}, ref) {
-  const isBlocked = disabled || loading;
-  if (process.env.NODE_ENV !== "production" && iconOnly && !rest["aria-label"] && !rest["aria-labelledby"]) {
-    console.warn(
-      "[nuri/Button] `iconOnly` \uBC84\uD2BC\uC740 `aria-label`(\uB610\uB294 `aria-labelledby`)\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."
-    );
-  }
-  const hasLeftSlot = !iconOnly && (loading || iconLeft != null);
-  const hasRightSlot = !iconOnly && !loading && iconRight != null;
-  const classes = cx(
-    "nuri-button",
-    `nuri-button--${variant}`,
-    `nuri-button--${size}`,
-    block && "nuri-button--block",
-    iconOnly && "nuri-button--icon-only",
-    isBlocked && "nuri-button--disabled",
-    loading && "nuri-button--loading",
-    hasLeftSlot && "nuri-button--has-left",
-    hasRightSlot && "nuri-button--has-right",
-    className
-  );
-  const handleClick = (e) => {
-    if (isBlocked) {
-      e.preventDefault();
-      e.stopPropagation();
-      return;
-    }
-    onClick?.(e);
-  };
-  const renderContent = (content) => {
-    if (iconOnly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "nuri-button__icon", "aria-hidden": "true", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, {}) : content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, {}) : iconLeft != null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "nuri-button__icon nuri-button__icon--left", "aria-hidden": "true", children: iconLeft }),
-      content,
-      hasRightSlot && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "nuri-button__icon nuri-button__icon--right", "aria-hidden": "true", children: iconRight })
-    ] });
-  };
-  if (asChild) {
-    const child = import_react.Children.only(children);
-    if (!(0, import_react.isValidElement)(child)) return null;
-    const childElement = child;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_slot.Slot,
-      {
-        ref,
-        className: classes,
-        "aria-disabled": isBlocked || void 0,
-        "aria-busy": loading || void 0,
-        onClick: handleClick,
-        ...rest,
-        children: (0, import_react.cloneElement)(childElement, void 0, renderContent(childElement.props.children))
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "button",
-    {
-      ref,
-      type,
-      className: classes,
-      disabled,
-      "aria-disabled": loading || void 0,
-      "aria-busy": loading || void 0,
-      onClick: handleClick,
-      ...rest,
-      children: renderContent(children)
-    }
-  );
-});
-
-// src/Input/Input.tsx
-var import_styles2 = require("./Input/styles.css");
-var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Input = (0, import_react2.forwardRef)(function Input2({
-  size = "md",
-  label,
-  hideLabel = false,
-  description,
-  invalid = false,
-  errorMessage,
-  iconLeft,
-  iconRight,
-  block = false,
-  disabled = false,
-  className,
-  id: idProp,
-  "aria-describedby": ariaDescribedby,
-  ...rest
-}, ref) {
-  const reactId = (0, import_react2.useId)();
-  const id = idProp ?? `nuri-input-${reactId}`;
-  const messageId = `${id}-message`;
-  const message = invalid && errorMessage != null ? errorMessage : description;
-  const hasMessage = message != null;
-  const describedBy = cx(hasMessage ? messageId : void 0, ariaDescribedby) || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: cx("nuri-input", block && "nuri-input--block", className), children: [
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: id, className: cx("nuri-input__label", hideLabel && "nuri-sr-only"), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "div",
-      {
-        className: cx(
-          "nuri-input__field",
-          `nuri-input__field--${size}`,
-          invalid && "nuri-input__field--invalid",
-          disabled && "nuri-input__field--disabled"
-        ),
-        children: [
-          iconLeft != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "nuri-input__icon", "aria-hidden": "true", children: iconLeft }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "input",
-            {
-              ref,
-              id,
-              className: "nuri-input__control",
-              disabled,
-              "aria-invalid": invalid || void 0,
-              "aria-describedby": describedBy,
-              ...rest
-            }
-          ),
-          iconRight != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "nuri-input__icon", "aria-hidden": "true", children: iconRight })
-        ]
-      }
-    ),
-    hasMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "p",
-      {
-        id: messageId,
-        className: cx("nuri-input__message", invalid && "nuri-input__message--error"),
-        children: message
-      }
-    )
-  ] });
-});
-
-// src/Textarea/Textarea.tsx
-var import_styles3 = require("./Textarea/styles.css");
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Textarea = (0, import_react3.forwardRef)(function Textarea2({
-  label,
-  hideLabel = false,
-  description,
-  invalid = false,
-  errorMessage,
-  block = false,
-  resize = "vertical",
-  autosize = false,
-  maxRows,
-  rows = 3,
-  disabled = false,
-  className,
-  id: idProp,
-  value,
-  onChange,
-  "aria-describedby": ariaDescribedby,
-  ...rest
-}, ref) {
-  const reactId = (0, import_react3.useId)();
-  const id = idProp ?? `nuri-textarea-${reactId}`;
-  const messageId = `${id}-message`;
-  const innerRef = (0, import_react3.useRef)(null);
-  const setRefs = (0, import_react3.useCallback)(
-    (node) => {
-      innerRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    },
-    [ref]
-  );
-  const fitHeight = (0, import_react3.useCallback)(() => {
-    const el = innerRef.current;
-    if (!el) return;
-    const cs = getComputedStyle(el);
-    const borders = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);
-    const lineHeight = parseFloat(cs.lineHeight);
-    const maxHeight = maxRows != null && !Number.isNaN(lineHeight) ? maxRows * lineHeight + parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom) + borders : Infinity;
-    el.style.height = "auto";
-    const contentHeight = el.scrollHeight + borders;
-    const next = Math.min(contentHeight, maxHeight);
-    if (!Number.isNaN(next)) el.style.height = `${next}px`;
-    el.style.overflowY = contentHeight > maxHeight ? "auto" : "hidden";
-  }, [maxRows]);
-  (0, import_react3.useLayoutEffect)(() => {
-    if (autosize) fitHeight();
-  }, [autosize, fitHeight, value]);
-  const handleChange = (e) => {
-    onChange?.(e);
-    if (autosize) fitHeight();
-  };
-  const message = invalid && errorMessage != null ? errorMessage : description;
-  const hasMessage = message != null;
-  const describedBy = cx(hasMessage ? messageId : void 0, ariaDescribedby) || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: cx("nuri-textarea", block && "nuri-textarea--block", className), children: [
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { htmlFor: id, className: cx("nuri-textarea__label", hideLabel && "nuri-sr-only"), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "textarea",
-      {
-        ref: setRefs,
-        id,
-        rows,
-        value,
-        onChange: handleChange,
-        className: cx(
-          "nuri-textarea__control",
-          invalid && "nuri-textarea__control--invalid",
-          (resize === "none" || autosize) && "nuri-textarea__control--resize-none"
-        ),
-        disabled,
-        "aria-invalid": invalid || void 0,
-        "aria-describedby": describedBy,
-        ...rest
-      }
-    ),
-    hasMessage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "p",
-      {
-        id: messageId,
-        className: cx("nuri-textarea__message", invalid && "nuri-textarea__message--error"),
-        children: message
-      }
-    )
-  ] });
-});
-
-// src/Checkbox/Checkbox.tsx
-var import_styles4 = require("./Checkbox/styles.css");
-var RadixCheckbox = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  "path",
-  {
-    d: "M2.5 6.2l2.4 2.4 4.6-5",
-    stroke: "currentColor",
-    strokeWidth: "1.6",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var IndeterminateIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M2.8 6h6.4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) });
-var Checkbox = (0, import_react4.forwardRef)(function Checkbox2({ label, size = "md", disabled = false, id: idProp, className, checked, ...rest }, ref) {
-  const reactId = (0, import_react4.useId)();
-  const id = idProp ?? `nuri-checkbox-${reactId}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cx("nuri-checkbox", `nuri-checkbox--${size}`, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      RadixCheckbox.Root,
-      {
-        ref,
-        id,
-        className: "nuri-checkbox__control",
-        disabled,
-        checked,
-        ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixCheckbox.Indicator, { className: "nuri-checkbox__indicator", children: checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IndeterminateIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, {}) })
-      }
-    ),
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: id, className: "nuri-checkbox__label", children: label })
-  ] });
-});
-
-// src/Radio/Radio.tsx
-var import_styles5 = require("./Radio/styles.css");
-var RadixRadioGroup = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_react5 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var RadioGroup = (0, import_react5.forwardRef)(function RadioGroup2({ children, orientation = "vertical", className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    RadixRadioGroup.Root,
-    {
-      ref,
-      orientation,
-      className: cx("nuri-radio-group", `nuri-radio-group--${orientation}`, className),
-      ...rest,
-      children
-    }
-  );
-});
-var Radio = (0, import_react5.forwardRef)(function Radio2({ value, label, disabled = false, id: idProp, className, ...rest }, ref) {
-  const reactId = (0, import_react5.useId)();
-  const id = idProp ?? `nuri-radio-${reactId}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cx("nuri-radio", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      RadixRadioGroup.Item,
-      {
-        ref,
-        id,
-        value,
-        disabled,
-        className: "nuri-radio__control",
-        ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadixRadioGroup.Indicator, { className: "nuri-radio__indicator" })
-      }
-    ),
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { htmlFor: id, className: "nuri-radio__label", children: label })
-  ] });
-});
-
-// src/Switch/Switch.tsx
-var import_styles6 = require("./Switch/styles.css");
-var RadixSwitch = __toESM(require("@radix-ui/react-switch"), 1);
-var import_react6 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Switch = (0, import_react6.forwardRef)(function Switch2({ label, disabled = false, id: idProp, className, ...rest }, ref) {
-  const reactId = (0, import_react6.useId)();
-  const id = idProp ?? `nuri-switch-${reactId}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cx("nuri-switch", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      RadixSwitch.Root,
-      {
-        ref,
-        id,
-        className: "nuri-switch__control",
-        disabled,
-        ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RadixSwitch.Thumb, { className: "nuri-switch__thumb" })
-      }
-    ),
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { htmlFor: id, className: "nuri-switch__label", children: label })
-  ] });
-});
-
-// src/Select/Select.tsx
-var import_styles7 = require("./Select/styles.css");
-var RadixSelect = __toESM(require("@radix-ui/react-select"), 1);
-var import_react7 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var CaretIcon = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M1.1 2.5h5.8L4 5.9z", fill: "currentColor" }) });
-var Select = (0, import_react7.forwardRef)(function Select2({
-  options,
-  size = "md",
-  placeholder,
-  value,
-  defaultValue,
-  onValueChange,
-  open,
-  defaultOpen,
-  onOpenChange,
-  disabled = false,
-  block = false,
-  name,
-  required,
-  container,
-  className,
-  "aria-label": ariaLabel
-}, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    RadixSelect.Root,
-    {
-      value,
-      defaultValue,
-      onValueChange,
-      open,
-      defaultOpen,
-      onOpenChange,
-      disabled,
-      name,
-      required,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-          RadixSelect.Trigger,
-          {
-            ref,
-            "aria-label": ariaLabel,
-            className: cx(
-              "nuri-select__trigger",
-              `nuri-select__trigger--${size}`,
-              block && "nuri-select__trigger--block",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "nuri-select__value", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Value, { placeholder }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Icon, { className: "nuri-select__caret", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CaretIcon, {}) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Content, { className: "nuri-select__content", position: "popper", sideOffset: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Viewport, { className: "nuri-select__viewport", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          RadixSelect.Item,
-          {
-            value: option.value,
-            disabled: option.disabled,
-            className: "nuri-select__item",
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.ItemText, { children: option.label })
-          },
-          option.value
-        )) }) }) })
-      ]
-    }
-  );
-});
-
-// src/Modal/Modal.tsx
-var import_styles8 = require("./Modal/styles.css");
-var Dialog = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_react8 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Root6 = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Root, { ...props });
-Root6.displayName = "Modal";
-var Trigger3 = Dialog.Trigger;
-var Content3 = (0, import_react8.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__ */ (0, import_jsx_runtime9.jsxs)(Dialog.Portal, { container, children: [
-      overlay && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Overlay, { className: "nuri-modal__overlay" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Content, { ref, className: classes, ...rest, children })
-    ] });
-  }
-);
-var Header = (0, import_react8.forwardRef)(function ModalHeader({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref, className: cx("nuri-modal__header", className), ...rest });
-});
-var Title2 = (0, import_react8.forwardRef)(function ModalTitle({ visuallyHidden = false, className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    Dialog.Title,
-    {
-      ref,
-      className: cx("nuri-modal__title", visuallyHidden && "nuri-sr-only", className),
-      ...rest
-    }
-  );
-});
-var Description2 = (0, import_react8.forwardRef)(function ModalDescription({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Description, { ref, className: cx("nuri-modal__description", className), ...rest });
-});
-var Body = (0, import_react8.forwardRef)(function ModalBody({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref, className: cx("nuri-modal__body", className), ...rest });
-});
-var Footer = (0, import_react8.forwardRef)(function ModalFooter({ align = "end", className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    {
-      ref,
-      className: cx("nuri-modal__footer", `nuri-modal__footer--${align}`, className),
-      ...rest
-    }
-  );
-});
-var Close2 = Dialog.Close;
-var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-var CloseButton = (0, import_react8.forwardRef)(function ModalCloseButton({ className, "aria-label": ariaLabel = "\uB2EB\uAE30", children, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-label": ariaLabel,
-      className: cx("nuri-modal__close", className),
-      ...rest,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CloseIcon, {})
-    }
-  ) });
-});
-var Modal = Object.assign(Root6, {
-  Trigger: Trigger3,
-  Content: Content3,
-  Header,
-  Title: Title2,
-  Description: Description2,
-  Body,
-  Footer,
-  Close: Close2,
-  CloseButton
-});
-
-// src/AlertDialog/AlertDialog.tsx
-var import_styles9 = require("./AlertDialog/styles.css");
-var Alert = __toESM(require("@radix-ui/react-alert-dialog"), 1);
-var import_react9 = require("react");
-
-// src/AlertDialog/icons.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var SuccessIcon = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "var(--nuri-alert-tone-success-bg)" }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "path",
-    {
-      d: "M15.77 9.58L10.65 14.70L8.90 12.95",
-      stroke: "var(--nuri-alert-tone-success-fg)",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-] });
-var WarningIcon = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "var(--nuri-alert-tone-warning-bg)" }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "path",
-    {
-      d: "M12 6.75V12",
-      stroke: "var(--nuri-alert-tone-warning-fg)",
-      strokeWidth: "2.5",
-      strokeLinecap: "round"
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "16.31", r: "1.1", fill: "var(--nuri-alert-tone-warning-fg)" })
-] });
-var InfoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "var(--nuri-alert-tone-info-bg)" }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "path",
-    {
-      d: "M12.25 7h0.01",
-      stroke: "var(--nuri-alert-tone-info-fg)",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "path",
-    {
-      d: "M11 12h1.25v5h1.25",
-      stroke: "var(--nuri-alert-tone-info-fg)",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-] });
-var defaultToneIcon = {
-  info: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InfoIcon, {}),
-  success: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SuccessIcon, {}),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WarningIcon, {})
-};
-
-// src/AlertDialog/AlertDialog.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Root8 = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Alert.Root, { ...props });
-Root8.displayName = "AlertDialog";
-var Trigger5 = Alert.Trigger;
-var Content5 = (0, import_react9.forwardRef)(
-  function AlertDialogContent({ tone = "info", icon, overlay = true, container, className, children, ...rest }, ref) {
-    const resolvedIcon = icon === void 0 ? defaultToneIcon[tone] : icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Alert.Portal, { container, children: [
-      overlay && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Alert.Overlay, { className: "nuri-alert__overlay" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-        Alert.Content,
-        {
-          ref,
-          className: cx("nuri-alert", `nuri-alert--${tone}`, className),
-          ...rest,
-          children: [
-            resolvedIcon != null && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "nuri-alert__icon", "aria-hidden": "true", children: resolvedIcon }),
-            children
-          ]
-        }
-      )
-    ] });
-  }
-);
-var Header2 = (0, import_react9.forwardRef)(
-  function AlertDialogHeader({ className, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: cx("nuri-alert__header", className), ...rest });
-  }
-);
-var Title4 = (0, import_react9.forwardRef)(function AlertDialogTitle({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Alert.Title, { ref, className: cx("nuri-alert__title", className), ...rest });
-});
-var Description4 = (0, import_react9.forwardRef)(function AlertDialogDescription({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Alert.Description, { ref, className: cx("nuri-alert__description", className), ...rest });
-});
-var Body2 = (0, import_react9.forwardRef)(function AlertDialogBody({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: cx("nuri-alert__body", className), ...rest });
-});
-var Footer2 = (0, import_react9.forwardRef)(function AlertDialogFooter({ align = "full", className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "div",
-    {
-      ref,
-      className: cx("nuri-alert__footer", `nuri-alert__footer--${align}`, className),
-      ...rest
-    }
-  );
-});
-var Action2 = Alert.Action;
-var Cancel2 = Alert.Cancel;
-var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-var CloseButton2 = (0, import_react9.forwardRef)(function AlertDialogCloseButton({ className, "aria-label": ariaLabel = "\uB2EB\uAE30", children, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Alert.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-label": ariaLabel,
-      className: cx("nuri-alert__close", className),
-      ...rest,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon2, {})
-    }
-  ) });
-});
-var AlertDialog = Object.assign(Root8, {
-  Trigger: Trigger5,
-  Content: Content5,
-  Header: Header2,
-  Title: Title4,
-  Description: Description4,
-  Body: Body2,
-  Footer: Footer2,
-  Action: Action2,
-  Cancel: Cancel2,
-  CloseButton: CloseButton2
-});
-
-// src/Toast/Toaster.tsx
-var import_styles10 = require("./Toast/styles.css");
-var RadixToast = __toESM(require("@radix-ui/react-toast"), 1);
-
-// src/Toast/store.ts
-var import_react10 = 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 = options.id ?? `nuri-toast-${++counter}`;
-  const record = {
-    id,
-    message,
-    tone: options.tone ?? "default",
-    duration: 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 (0, import_react10.useSyncExternalStore)(
-    toastStore.subscribe,
-    toastStore.getSnapshot,
-    toastStore.getServerSnapshot
-  );
-}
-
-// src/Toast/icons.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var CheckIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-  "path",
-  {
-    d: "M3.5 8.5l3 3 6-6.5",
-    stroke: "currentColor",
-    strokeWidth: "1.6",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var ErrorIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 4v4.5", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "11.3", r: "0.95", fill: "currentColor" })
-] });
-var InfoIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 7.5v4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "4.7", r: "0.95", fill: "currentColor" })
-] });
-var toneIcon = {
-  success: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckIcon2, {}),
-  error: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorIcon, {}),
-  info: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InfoIcon2, {})
-};
-
-// src/Toast/Toaster.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Toaster({
-  swipeDirection = "down",
-  swipeThreshold = 50,
-  className,
-  label = "\uC54C\uB9BC"
-}) {
-  const toasts2 = useToasts();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    RadixToast.Provider,
-    {
-      swipeDirection,
-      swipeThreshold,
-      label,
-      children: [
-        toasts2.map((t) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-          RadixToast.Root,
-          {
-            duration: t.duration,
-            onOpenChange: (open) => {
-              if (!open) toastStore.remove(t.id);
-            },
-            type: t.tone === "error" ? "foreground" : "background",
-            className: cx("nuri-toast", t.tone !== "default" && `nuri-toast--${t.tone}`),
-            children: [
-              t.tone !== "default" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "nuri-toast__icon", "aria-hidden": "true", children: toneIcon[t.tone] }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RadixToast.Title, { className: "nuri-toast__message", children: t.message })
-            ]
-          },
-          t.id
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          RadixToast.Viewport,
-          {
-            className: cx("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()
-});
-
-// src/Tooltip/Tooltip.tsx
-var import_styles11 = require("./Tooltip/styles.css");
-var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_react11 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var HasProviderContext = (0, import_react11.createContext)(false);
-function TooltipProvider({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HasProviderContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.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 = (0, import_react11.useContext)(HasProviderContext);
-  if (disabled) return children;
-  const root = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    RadixTooltip.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      delayDuration,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixTooltip.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixTooltip.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-          RadixTooltip.Content,
-          {
-            className: cx("nuri-tooltip", className),
-            side,
-            align,
-            sideOffset: 4,
-            collisionPadding: 8,
-            arrowPadding: 6,
-            hideWhenDetached: true,
-            children: [
-              content,
-              arrow && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixTooltip.Arrow, { className: "nuri-tooltip__arrow", width: 14, height: 7 })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-  return hasProvider ? root : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixTooltip.Provider, { delayDuration: 100, children: root });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AlertDialog,
-  Button,
-  Checkbox,
-  Input,
-  Modal,
-  Radio,
-  RadioGroup,
-  Select,
-  Switch,
-  Textarea,
-  Toaster,
-  Tooltip,
-  TooltipProvider,
-  toast
-});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunk2WKLA5RCcjs = require('./chunk-2WKLA5RC.cjs');
+
+
+var _chunkI7KJ7WTNcjs = require('./chunk-I7KJ7WTN.cjs');
+
+
+
+var _chunk323VGYMKcjs = require('./chunk-323VGYMK.cjs');
+
+
+
+var _chunkLRATCHCBcjs = require('./chunk-LRATCHCB.cjs');
+
+
+var _chunkJM4HDCLUcjs = require('./chunk-JM4HDCLU.cjs');
+
+
+var _chunkJXJ6G634cjs = require('./chunk-JXJ6G634.cjs');
+
+
+var _chunkQ26BJSLPcjs = require('./chunk-Q26BJSLP.cjs');
+
+
+var _chunk3QSLHLC2cjs = require('./chunk-3QSLHLC2.cjs');
+
+
+
+var _chunk2LFW4MM6cjs = require('./chunk-2LFW4MM6.cjs');
+
+
+var _chunkPAXRFQUJcjs = require('./chunk-PAXRFQUJ.cjs');
+
+
+var _chunkPC3B67B4cjs = require('./chunk-PC3B67B4.cjs');
+require('./chunk-R4E4BIPC.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AlertDialog = _chunkI7KJ7WTNcjs.AlertDialog; exports.Button = _chunkJM4HDCLUcjs.Button; exports.Checkbox = _chunk3QSLHLC2cjs.Checkbox; exports.Input = _chunkJXJ6G634cjs.Input; exports.Modal = _chunk2WKLA5RCcjs.Modal; exports.Radio = _chunk2LFW4MM6cjs.Radio; exports.RadioGroup = _chunk2LFW4MM6cjs.RadioGroup; exports.Select = _chunkPC3B67B4cjs.Select; exports.Switch = _chunkPAXRFQUJcjs.Switch; exports.Textarea = _chunkQ26BJSLPcjs.Textarea; exports.Toaster = _chunk323VGYMKcjs.Toaster; exports.Tooltip = _chunkLRATCHCBcjs.Tooltip; exports.TooltipProvider = _chunkLRATCHCBcjs.TooltipProvider; exports.toast = _chunk323VGYMKcjs.toast;
 //# sourceMappingURL=index.cjs.map