@nurimedia/react-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,850 @@
+// 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 });
+}
+export {
+  AlertDialog,
+  Button,
+  Checkbox,
+  Input,
+  Modal,
+  Radio,
+  RadioGroup,
+  Select,
+  Switch,
+  Textarea,
+  Toaster,
+  Tooltip,
+  TooltipProvider,
+  toast
+};
+//# sourceMappingURL=index.js.map