@nurimedia/react-ui 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,838 +1,41 @@
 'use client';
-
-// src/Button/Button.tsx
-import "./Button/styles.css";
-import { Slot } from "@radix-ui/react-slot";
-import { Children, cloneElement, forwardRef, isValidElement } from "react";
-
-// src/Button/Spinner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Spinner = () => /* @__PURE__ */ jsx("span", { className: "nuri-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { className: "nuri-button__spinner", viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", children: [
-  /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeOpacity: "0.25", strokeWidth: "2" }),
-  /* @__PURE__ */ 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
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Button = 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__ */ jsx2("span", { className: "nuri-button__icon", "aria-hidden": "true", children: loading ? /* @__PURE__ */ jsx2(Spinner, {}) : content });
-    }
-    return /* @__PURE__ */ jsxs2(Fragment, { children: [
-      loading ? /* @__PURE__ */ jsx2(Spinner, {}) : iconLeft != null && /* @__PURE__ */ jsx2("span", { className: "nuri-button__icon nuri-button__icon--left", "aria-hidden": "true", children: iconLeft }),
-      content,
-      hasRightSlot && /* @__PURE__ */ jsx2("span", { className: "nuri-button__icon nuri-button__icon--right", "aria-hidden": "true", children: iconRight })
-    ] });
-  };
-  if (asChild) {
-    const child = Children.only(children);
-    if (!isValidElement(child)) return null;
-    const childElement = child;
-    return /* @__PURE__ */ jsx2(
-      Slot,
-      {
-        ref,
-        className: classes,
-        "aria-disabled": isBlocked || void 0,
-        "aria-busy": loading || void 0,
-        onClick: handleClick,
-        ...rest,
-        children: cloneElement(childElement, void 0, renderContent(childElement.props.children))
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx2(
-    "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
-import "./Input/styles.css";
-import { forwardRef as forwardRef2, useId } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Input = forwardRef2(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 = 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__ */ jsxs3("div", { className: cx("nuri-input", block && "nuri-input--block", className), children: [
-    label != null && /* @__PURE__ */ jsx3("label", { htmlFor: id, className: cx("nuri-input__label", hideLabel && "nuri-sr-only"), children: label }),
-    /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: cx(
-          "nuri-input__field",
-          `nuri-input__field--${size}`,
-          invalid && "nuri-input__field--invalid",
-          disabled && "nuri-input__field--disabled"
-        ),
-        children: [
-          iconLeft != null && /* @__PURE__ */ jsx3("span", { className: "nuri-input__icon", "aria-hidden": "true", children: iconLeft }),
-          /* @__PURE__ */ jsx3(
-            "input",
-            {
-              ref,
-              id,
-              className: "nuri-input__control",
-              disabled,
-              "aria-invalid": invalid || void 0,
-              "aria-describedby": describedBy,
-              ...rest
-            }
-          ),
-          iconRight != null && /* @__PURE__ */ jsx3("span", { className: "nuri-input__icon", "aria-hidden": "true", children: iconRight })
-        ]
-      }
-    ),
-    hasMessage && /* @__PURE__ */ jsx3(
-      "p",
-      {
-        id: messageId,
-        className: cx("nuri-input__message", invalid && "nuri-input__message--error"),
-        children: message
-      }
-    )
-  ] });
-});
-
-// src/Textarea/Textarea.tsx
-import "./Textarea/styles.css";
-import { forwardRef as forwardRef3, useCallback, useId as useId2, useLayoutEffect, useRef } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var Textarea = forwardRef3(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 = useId2();
-  const id = idProp ?? `nuri-textarea-${reactId}`;
-  const messageId = `${id}-message`;
-  const innerRef = useRef(null);
-  const setRefs = useCallback(
-    (node) => {
-      innerRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    },
-    [ref]
-  );
-  const fitHeight = 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]);
-  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__ */ jsxs4("div", { className: cx("nuri-textarea", block && "nuri-textarea--block", className), children: [
-    label != null && /* @__PURE__ */ jsx4("label", { htmlFor: id, className: cx("nuri-textarea__label", hideLabel && "nuri-sr-only"), children: label }),
-    /* @__PURE__ */ jsx4(
-      "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__ */ jsx4(
-      "p",
-      {
-        id: messageId,
-        className: cx("nuri-textarea__message", invalid && "nuri-textarea__message--error"),
-        children: message
-      }
-    )
-  ] });
-});
-
-// src/Checkbox/Checkbox.tsx
-import "./Checkbox/styles.css";
-import * as RadixCheckbox from "@radix-ui/react-checkbox";
-import { forwardRef as forwardRef4, useId as useId3 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var CheckIcon = () => /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
-  "path",
-  {
-    d: "M2.5 6.2l2.4 2.4 4.6-5",
-    stroke: "currentColor",
-    strokeWidth: "1.6",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var IndeterminateIcon = () => /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("path", { d: "M2.8 6h6.4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) });
-var Checkbox = forwardRef4(function Checkbox2({ label, size = "md", disabled = false, id: idProp, className, checked, ...rest }, ref) {
-  const reactId = useId3();
-  const id = idProp ?? `nuri-checkbox-${reactId}`;
-  return /* @__PURE__ */ jsxs5("div", { className: cx("nuri-checkbox", `nuri-checkbox--${size}`, className), children: [
-    /* @__PURE__ */ jsx5(
-      RadixCheckbox.Root,
-      {
-        ref,
-        id,
-        className: "nuri-checkbox__control",
-        disabled,
-        checked,
-        ...rest,
-        children: /* @__PURE__ */ jsx5(RadixCheckbox.Indicator, { className: "nuri-checkbox__indicator", children: checked === "indeterminate" ? /* @__PURE__ */ jsx5(IndeterminateIcon, {}) : /* @__PURE__ */ jsx5(CheckIcon, {}) })
-      }
-    ),
-    label != null && /* @__PURE__ */ jsx5("label", { htmlFor: id, className: "nuri-checkbox__label", children: label })
-  ] });
-});
-
-// src/Radio/Radio.tsx
-import "./Radio/styles.css";
-import * as RadixRadioGroup from "@radix-ui/react-radio-group";
-import { forwardRef as forwardRef5, useId as useId4 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var RadioGroup = forwardRef5(function RadioGroup2({ children, orientation = "vertical", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx6(
-    RadixRadioGroup.Root,
-    {
-      ref,
-      orientation,
-      className: cx("nuri-radio-group", `nuri-radio-group--${orientation}`, className),
-      ...rest,
-      children
-    }
-  );
-});
-var Radio = forwardRef5(function Radio2({ value, label, disabled = false, id: idProp, className, ...rest }, ref) {
-  const reactId = useId4();
-  const id = idProp ?? `nuri-radio-${reactId}`;
-  return /* @__PURE__ */ jsxs6("div", { className: cx("nuri-radio", className), children: [
-    /* @__PURE__ */ jsx6(
-      RadixRadioGroup.Item,
-      {
-        ref,
-        id,
-        value,
-        disabled,
-        className: "nuri-radio__control",
-        ...rest,
-        children: /* @__PURE__ */ jsx6(RadixRadioGroup.Indicator, { className: "nuri-radio__indicator" })
-      }
-    ),
-    label != null && /* @__PURE__ */ jsx6("label", { htmlFor: id, className: "nuri-radio__label", children: label })
-  ] });
-});
-
-// src/Switch/Switch.tsx
-import "./Switch/styles.css";
-import * as RadixSwitch from "@radix-ui/react-switch";
-import { forwardRef as forwardRef6, useId as useId5 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var Switch = forwardRef6(function Switch2({ label, disabled = false, id: idProp, className, ...rest }, ref) {
-  const reactId = useId5();
-  const id = idProp ?? `nuri-switch-${reactId}`;
-  return /* @__PURE__ */ jsxs7("div", { className: cx("nuri-switch", className), children: [
-    /* @__PURE__ */ jsx7(
-      RadixSwitch.Root,
-      {
-        ref,
-        id,
-        className: "nuri-switch__control",
-        disabled,
-        ...rest,
-        children: /* @__PURE__ */ jsx7(RadixSwitch.Thumb, { className: "nuri-switch__thumb" })
-      }
-    ),
-    label != null && /* @__PURE__ */ jsx7("label", { htmlFor: id, className: "nuri-switch__label", children: label })
-  ] });
-});
-
-// src/Select/Select.tsx
-import "./Select/styles.css";
-import * as RadixSelect from "@radix-ui/react-select";
-import { forwardRef as forwardRef7 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var CaretIcon = () => /* @__PURE__ */ jsx8("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M1.1 2.5h5.8L4 5.9z", fill: "currentColor" }) });
-var Select = forwardRef7(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__ */ jsxs8(
-    RadixSelect.Root,
-    {
-      value,
-      defaultValue,
-      onValueChange,
-      open,
-      defaultOpen,
-      onOpenChange,
-      disabled,
-      name,
-      required,
-      children: [
-        /* @__PURE__ */ jsxs8(
-          RadixSelect.Trigger,
-          {
-            ref,
-            "aria-label": ariaLabel,
-            className: cx(
-              "nuri-select__trigger",
-              `nuri-select__trigger--${size}`,
-              block && "nuri-select__trigger--block",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ jsx8("span", { className: "nuri-select__value", children: /* @__PURE__ */ jsx8(RadixSelect.Value, { placeholder }) }),
-              /* @__PURE__ */ jsx8(RadixSelect.Icon, { className: "nuri-select__caret", children: /* @__PURE__ */ jsx8(CaretIcon, {}) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx8(RadixSelect.Portal, { container, children: /* @__PURE__ */ jsx8(RadixSelect.Content, { className: "nuri-select__content", position: "popper", sideOffset: 6, children: /* @__PURE__ */ jsx8(RadixSelect.Viewport, { className: "nuri-select__viewport", children: options.map((option) => /* @__PURE__ */ jsx8(
-          RadixSelect.Item,
-          {
-            value: option.value,
-            disabled: option.disabled,
-            className: "nuri-select__item",
-            children: /* @__PURE__ */ jsx8(RadixSelect.ItemText, { children: option.label })
-          },
-          option.value
-        )) }) }) })
-      ]
-    }
-  );
-});
-
-// src/Modal/Modal.tsx
-import "./Modal/styles.css";
-import * as Dialog from "@radix-ui/react-dialog";
-import { forwardRef as forwardRef8 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var Root6 = (props) => /* @__PURE__ */ jsx9(Dialog.Root, { ...props });
-Root6.displayName = "Modal";
-var Trigger3 = Dialog.Trigger;
-var Content3 = forwardRef8(
-  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__ */ jsxs9(Dialog.Portal, { container, children: [
-      overlay && /* @__PURE__ */ jsx9(Dialog.Overlay, { className: "nuri-modal__overlay" }),
-      /* @__PURE__ */ jsx9(Dialog.Content, { ref, className: classes, ...rest, children })
-    ] });
-  }
-);
-var Header = forwardRef8(function ModalHeader({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx9("div", { ref, className: cx("nuri-modal__header", className), ...rest });
-});
-var Title2 = forwardRef8(function ModalTitle({ visuallyHidden = false, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx9(
-    Dialog.Title,
-    {
-      ref,
-      className: cx("nuri-modal__title", visuallyHidden && "nuri-sr-only", className),
-      ...rest
-    }
-  );
-});
-var Description2 = forwardRef8(function ModalDescription({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx9(Dialog.Description, { ref, className: cx("nuri-modal__description", className), ...rest });
-});
-var Body = forwardRef8(function ModalBody({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx9("div", { ref, className: cx("nuri-modal__body", className), ...rest });
-});
-var Footer = forwardRef8(function ModalFooter({ align = "end", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx9(
-    "div",
-    {
-      ref,
-      className: cx("nuri-modal__footer", `nuri-modal__footer--${align}`, className),
-      ...rest
-    }
-  );
-});
-var Close2 = Dialog.Close;
-var CloseIcon = () => /* @__PURE__ */ jsx9("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx9("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-var CloseButton = forwardRef8(function ModalCloseButton({ className, "aria-label": ariaLabel = "\uB2EB\uAE30", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx9(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx9(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-label": ariaLabel,
-      className: cx("nuri-modal__close", className),
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsx9(CloseIcon, {})
-    }
-  ) });
-});
-var Modal = Object.assign(Root6, {
-  Trigger: Trigger3,
-  Content: Content3,
-  Header,
-  Title: Title2,
-  Description: Description2,
-  Body,
-  Footer,
-  Close: Close2,
-  CloseButton
-});
-
-// src/AlertDialog/AlertDialog.tsx
-import "./AlertDialog/styles.css";
-import * as Alert from "@radix-ui/react-alert-dialog";
-import { forwardRef as forwardRef9 } from "react";
-
-// src/AlertDialog/icons.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var SuccessIcon = () => /* @__PURE__ */ jsxs10("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "12", r: "12", fill: "var(--nuri-alert-tone-success-bg)" }),
-  /* @__PURE__ */ jsx10(
-    "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__ */ jsxs10("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "12", r: "12", fill: "var(--nuri-alert-tone-warning-bg)" }),
-  /* @__PURE__ */ jsx10(
-    "path",
-    {
-      d: "M12 6.75V12",
-      stroke: "var(--nuri-alert-tone-warning-fg)",
-      strokeWidth: "2.5",
-      strokeLinecap: "round"
-    }
-  ),
-  /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "16.31", r: "1.1", fill: "var(--nuri-alert-tone-warning-fg)" })
-] });
-var InfoIcon = () => /* @__PURE__ */ jsxs10("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "12", r: "12", fill: "var(--nuri-alert-tone-info-bg)" }),
-  /* @__PURE__ */ jsx10(
-    "path",
-    {
-      d: "M12.25 7h0.01",
-      stroke: "var(--nuri-alert-tone-info-fg)",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ),
-  /* @__PURE__ */ jsx10(
-    "path",
-    {
-      d: "M11 12h1.25v5h1.25",
-      stroke: "var(--nuri-alert-tone-info-fg)",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-] });
-var defaultToneIcon = {
-  info: /* @__PURE__ */ jsx10(InfoIcon, {}),
-  success: /* @__PURE__ */ jsx10(SuccessIcon, {}),
-  warning: /* @__PURE__ */ jsx10(WarningIcon, {})
-};
-
-// src/AlertDialog/AlertDialog.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var Root8 = (props) => /* @__PURE__ */ jsx11(Alert.Root, { ...props });
-Root8.displayName = "AlertDialog";
-var Trigger5 = Alert.Trigger;
-var Content5 = forwardRef9(
-  function AlertDialogContent({ tone = "info", icon, overlay = true, container, className, children, ...rest }, ref) {
-    const resolvedIcon = icon === void 0 ? defaultToneIcon[tone] : icon;
-    return /* @__PURE__ */ jsxs11(Alert.Portal, { container, children: [
-      overlay && /* @__PURE__ */ jsx11(Alert.Overlay, { className: "nuri-alert__overlay" }),
-      /* @__PURE__ */ jsxs11(
-        Alert.Content,
-        {
-          ref,
-          className: cx("nuri-alert", `nuri-alert--${tone}`, className),
-          ...rest,
-          children: [
-            resolvedIcon != null && /* @__PURE__ */ jsx11("div", { className: "nuri-alert__icon", "aria-hidden": "true", children: resolvedIcon }),
-            children
-          ]
-        }
-      )
-    ] });
-  }
-);
-var Header2 = forwardRef9(
-  function AlertDialogHeader({ className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx11("div", { ref, className: cx("nuri-alert__header", className), ...rest });
-  }
-);
-var Title4 = forwardRef9(function AlertDialogTitle({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx11(Alert.Title, { ref, className: cx("nuri-alert__title", className), ...rest });
-});
-var Description4 = forwardRef9(function AlertDialogDescription({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx11(Alert.Description, { ref, className: cx("nuri-alert__description", className), ...rest });
-});
-var Body2 = forwardRef9(function AlertDialogBody({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx11("div", { ref, className: cx("nuri-alert__body", className), ...rest });
-});
-var Footer2 = forwardRef9(function AlertDialogFooter({ align = "full", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      ref,
-      className: cx("nuri-alert__footer", `nuri-alert__footer--${align}`, className),
-      ...rest
-    }
-  );
-});
-var Action2 = Alert.Action;
-var Cancel2 = Alert.Cancel;
-var CloseIcon2 = () => /* @__PURE__ */ jsx11("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx11("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-var CloseButton2 = forwardRef9(function AlertDialogCloseButton({ className, "aria-label": ariaLabel = "\uB2EB\uAE30", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx11(Alert.Cancel, { asChild: true, children: /* @__PURE__ */ jsx11(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-label": ariaLabel,
-      className: cx("nuri-alert__close", className),
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsx11(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
-import "./Toast/styles.css";
-import * as RadixToast from "@radix-ui/react-toast";
-
-// src/Toast/store.ts
-import { useSyncExternalStore } from "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 useSyncExternalStore(
-    toastStore.subscribe,
-    toastStore.getSnapshot,
-    toastStore.getServerSnapshot
-  );
-}
-
-// src/Toast/icons.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var CheckIcon2 = () => /* @__PURE__ */ jsx12("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(
-  "path",
-  {
-    d: "M3.5 8.5l3 3 6-6.5",
-    stroke: "currentColor",
-    strokeWidth: "1.6",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var ErrorIcon = () => /* @__PURE__ */ jsxs12("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx12("path", { d: "M8 4v4.5", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "11.3", r: "0.95", fill: "currentColor" })
-] });
-var InfoIcon2 = () => /* @__PURE__ */ jsxs12("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx12("path", { d: "M8 7.5v4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "4.7", r: "0.95", fill: "currentColor" })
-] });
-var toneIcon = {
-  success: /* @__PURE__ */ jsx12(CheckIcon2, {}),
-  error: /* @__PURE__ */ jsx12(ErrorIcon, {}),
-  info: /* @__PURE__ */ jsx12(InfoIcon2, {})
-};
-
-// src/Toast/Toaster.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-function Toaster({
-  swipeDirection = "down",
-  swipeThreshold = 50,
-  className,
-  label = "\uC54C\uB9BC"
-}) {
-  const toasts2 = useToasts();
-  return /* @__PURE__ */ jsxs13(
-    RadixToast.Provider,
-    {
-      swipeDirection,
-      swipeThreshold,
-      label,
-      children: [
-        toasts2.map((t) => /* @__PURE__ */ jsxs13(
-          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__ */ jsx13("span", { className: "nuri-toast__icon", "aria-hidden": "true", children: toneIcon[t.tone] }),
-              /* @__PURE__ */ jsx13(RadixToast.Title, { className: "nuri-toast__message", children: t.message })
-            ]
-          },
-          t.id
-        )),
-        /* @__PURE__ */ jsx13(
-          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
-import "./Tooltip/styles.css";
-import * as RadixTooltip from "@radix-ui/react-tooltip";
-import { createContext, useContext } from "react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var HasProviderContext = createContext(false);
-function TooltipProvider({ children, ...props }) {
-  return /* @__PURE__ */ jsx14(HasProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsx14(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__ */ jsxs14(
-    RadixTooltip.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      delayDuration,
-      children: [
-        /* @__PURE__ */ jsx14(RadixTooltip.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ jsx14(RadixTooltip.Portal, { container, children: /* @__PURE__ */ jsxs14(
-          RadixTooltip.Content,
-          {
-            className: cx("nuri-tooltip", className),
-            side,
-            align,
-            sideOffset: 4,
-            collisionPadding: 8,
-            arrowPadding: 6,
-            hideWhenDetached: true,
-            children: [
-              content,
-              arrow && /* @__PURE__ */ jsx14(RadixTooltip.Arrow, { className: "nuri-tooltip__arrow", width: 14, height: 7 })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-  return hasProvider ? root : /* @__PURE__ */ jsx14(RadixTooltip.Provider, { delayDuration: 100, children: root });
-}
+import {
+  Modal
+} from "./chunk-4N5JIGIU.js";
+import {
+  AlertDialog
+} from "./chunk-GBMYANHH.js";
+import {
+  Toaster,
+  toast
+} from "./chunk-RC773ZEY.js";
+import {
+  Tooltip,
+  TooltipProvider
+} from "./chunk-2YGYLCCA.js";
+import {
+  Button
+} from "./chunk-OM4QMC4F.js";
+import {
+  Input
+} from "./chunk-DYO4PIBB.js";
+import {
+  Textarea
+} from "./chunk-DTGPVOJK.js";
+import {
+  Checkbox
+} from "./chunk-LAPTEQ5N.js";
+import {
+  Radio,
+  RadioGroup
+} from "./chunk-3H47QMKS.js";
+import {
+  Switch
+} from "./chunk-DTQE42F7.js";
+import {
+  Select
+} from "./chunk-R757N7RU.js";
+import "./chunk-PS6QXS5Z.js";
 export {
   AlertDialog,
   Button,