@bestow-ui/react 0.8.0 → 0.8.2

package/dist/index.cjs

@@ -97,7 +97,9 @@ function parseHex(hex) {
   return [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16) / 255);
 }
 function toHex(rgb) {
-  return `#${rgb.map((v) => Math.round(Math.min(1, Math.max(0, v)) * 255).toString(16).padStart(2, "0")).join("")}`;
+  return `#${rgb.map(
+    (v) => Math.round(Math.min(1, Math.max(0, v)) * 255).toString(16).padStart(2, "0")
+  ).join("")}`;
 }
 var toLinear = (c) => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
 var fromLinear = (c) => c <= 31308e-7 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
@@ -257,8 +259,8 @@ var root = "sfyhlv1 sfyhlv0";
 
 // src/theme/ThemeProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ThemeContext = (0, import_react.createContext)({ theme: "light" });
-var ThemeProvider = (0, import_react.forwardRef)(function ThemeProvider2({ theme: themeProp, overrides, className, style, children, ...rest }, ref) {
+var ThemeContext = /* @__PURE__ */ (0, import_react.createContext)({ theme: "light" });
+var ThemeProvider = /* @__PURE__ */ (0, import_react.forwardRef)(function ThemeProvider2({ theme: themeProp, overrides, className, style, children, ...rest }, ref) {
   const parent = (0, import_react.useContext)(ThemeContext);
   const theme = themeProp ?? parent.theme;
   const merged = (0, import_react.useMemo)(() => mergeThemes(parent.overrides, overrides), [parent.overrides, overrides]);
@@ -305,11 +307,13 @@ var trigger = "v58j0l3";
 
 // src/components/Accordion/Accordion.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Accordion = (0, import_react2.forwardRef)(function Accordion2({ className, ...props }, ref) {
-  const rootProps = "value" in props ? { ...props, value: props.value ?? (props.type === "multiple" ? [] : "") } : props;
+var Accordion = /* @__PURE__ */ (0, import_react2.forwardRef)(function Accordion2({ className, ...props }, ref) {
+  const { collapsible, ...multipleProps } = props;
+  const typedProps = props.type === "multiple" ? multipleProps : { ...multipleProps, collapsible };
+  const rootProps = "value" in props ? { ...typedProps, value: props.value ?? (props.type === "multiple" ? [] : "") } : typedProps;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadixAccordion.Root, { ref, className: cx(root2, className), ...rootProps });
 });
-var AccordionItem = (0, import_react2.forwardRef)(function AccordionItem2({ title: title4, headingLevel = 3, className, children, ...rest }, ref) {
+var AccordionItem = /* @__PURE__ */ (0, import_react2.forwardRef)(function AccordionItem2({ title: title4, headingLevel = 3, className, children, ...rest }, ref) {
   const Heading = `h${headingLevel}`;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(RadixAccordion.Item, { ref, className: cx(item, className), ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadixAccordion.Header, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Heading, { className: header, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(RadixAccordion.Trigger, { className: trigger, children: [
@@ -338,7 +342,7 @@ function getInitials(name) {
   const first = (word) => Array.from(word)[0] ?? "";
   return (first(a) + first(b)).toUpperCase();
 }
-var Avatar = (0, import_react3.forwardRef)(function Avatar2({ src, alt, name, fallback: fallback2, size, shape, className, ...rest }, ref) {
+var Avatar = /* @__PURE__ */ (0, import_react3.forwardRef)(function Avatar2({ src, alt, name, fallback: fallback2, size, shape, className, ...rest }, ref) {
   const label4 = alt ?? name;
   const a11y = label4 ? { role: "img", "aria-label": label4 } : { "aria-hidden": true };
   const initials = name ? getInitials(name) : "";
@@ -358,7 +362,7 @@ var icon = "_1295cfnf";
 
 // src/components/Badge/Badge.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Badge = (0, import_react4.forwardRef)(function Badge2({ variant, color, size, startIcon, className, children, ...rest }, ref) {
+var Badge = /* @__PURE__ */ (0, import_react4.forwardRef)(function Badge2({ variant, color, size, startIcon, className, children, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { ref, className: cx(badge({ variant, color, size }), className), ...rest, children: [
     startIcon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: icon, children: startIcon }),
     children
@@ -381,7 +385,7 @@ var spinner = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "
 
 // src/components/Spinner/Spinner.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Spinner = (0, import_react5.forwardRef)(function Spinner2({ size, color, label: label4 = "\uB85C\uB529 \uC911", className, ...rest }, ref) {
+var Spinner = /* @__PURE__ */ (0, import_react5.forwardRef)(function Spinner2({ size, color, label: label4 = "\uB85C\uB529 \uC911", className, ...rest }, ref) {
   const a11y = label4 ? { role: "status" } : { "aria-hidden": true };
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { ref, className: cx(spinner({ size, color }), className), ...a11y, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons3.LoaderIcon, { size: "100%" }),
@@ -396,7 +400,20 @@ var icon2 = "xcekdai";
 
 // src/components/Button/Button.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Button = (0, import_react6.forwardRef)(function Button2({ variant, color, size, fullWidth, startIcon, endIcon, loading, className, type = "button", onClick, children, ...rest }, ref) {
+var Button = /* @__PURE__ */ (0, import_react6.forwardRef)(function Button2({
+  variant,
+  color,
+  size,
+  fullWidth,
+  startIcon,
+  endIcon,
+  loading,
+  className,
+  type = "button",
+  onClick,
+  children,
+  ...rest
+}, ref) {
   const handleClick = (event) => {
     if (loading) {
       event.preventDefault();
@@ -436,16 +453,16 @@ var header2 = "dnuf1u8";
 
 // src/components/Card/Card.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Card = (0, import_react7.forwardRef)(function Card2({ variant, padding, as: Component = "div", className, ...rest }, ref) {
+var Card = /* @__PURE__ */ (0, import_react7.forwardRef)(function Card2({ variant, padding, as: Component = "div", className, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Component, { ref, className: cx(card({ variant, padding }), className), ...rest });
 });
-var CardHeader = (0, import_react7.forwardRef)(function CardHeader2({ className, ...rest }, ref) {
+var CardHeader = /* @__PURE__ */ (0, import_react7.forwardRef)(function CardHeader2({ className, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cx(header2, className), ...rest });
 });
-var CardBody = (0, import_react7.forwardRef)(function CardBody2({ className, ...rest }, ref) {
+var CardBody = /* @__PURE__ */ (0, import_react7.forwardRef)(function CardBody2({ className, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cx(body, className), ...rest });
 });
-var CardFooter = (0, import_react7.forwardRef)(function CardFooter2({ className, ...rest }, ref) {
+var CardFooter = /* @__PURE__ */ (0, import_react7.forwardRef)(function CardFooter2({ className, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cx(footer, className), ...rest });
 });
 
@@ -472,7 +489,7 @@ var root4 = (0, import_createRuntimeFn6.createRuntimeFn)({ defaultClassName: "_1
 
 // src/components/Checkbox/Checkbox.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Checkbox = (0, import_react8.forwardRef)(function Checkbox2({ label: label4, size, indeterminate = false, invalid, disabled, className, ...rest }, ref) {
+var Checkbox = /* @__PURE__ */ (0, import_react8.forwardRef)(function Checkbox2({ label: label4, size, indeterminate = false, invalid, disabled, className, ...rest }, ref) {
   const innerRef = (0, import_react8.useRef)(null);
   (0, import_react8.useEffect)(() => {
     if (innerRef.current) innerRef.current.indeterminate = indeterminate;
@@ -490,7 +507,16 @@ var Checkbox = (0, import_react8.forwardRef)(function Checkbox2({ label: label4,
           ...rest
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: checkIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M5 10.5l3.2 3L15 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: checkIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "path",
+        {
+          d: "M5 10.5l3.2 3L15 7",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: indeterminateIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6 10h8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
     ] }),
     label4
@@ -508,7 +534,7 @@ var line = "_1t3gq8v4";
 
 // src/components/Divider/Divider.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Divider = (0, import_react9.forwardRef)(function Divider2({ orientation = "horizontal", decorative, className, children, ...rest }, ref) {
+var Divider = /* @__PURE__ */ (0, import_react9.forwardRef)(function Divider2({ orientation = "horizontal", decorative, className, children, ...rest }, ref) {
   if (children && orientation === "horizontal") {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref, className: cx(labeled, className), ...rest, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: line, "aria-hidden": true }),
@@ -538,33 +564,39 @@ var import_jsx_runtime10 = require("react/jsx-runtime");
 var DropdownMenu = RadixMenu.Root;
 var DropdownMenuTrigger = RadixMenu.Trigger;
 var DropdownMenuGroup = RadixMenu.Group;
-var DropdownMenuContent = (0, import_react10.forwardRef)(function DropdownMenuContent2({ className, style, side = "bottom", align = "start", sideOffset = 4, collisionPadding = 8, ...rest }, ref) {
-  const portal2 = usePortalProps();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    RadixMenu.Content,
-    {
-      ref,
-      side,
-      align,
-      sideOffset,
-      collisionPadding,
-      className: cx(portal2.className, content2, className),
-      style: { ...portal2.style, ...style },
-      ...rest
-    }
-  ) });
-});
-var DropdownMenuItem = (0, import_react10.forwardRef)(function DropdownMenuItem2({ icon: icon5, shortcut: shortcut2, color = "default", className, children, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(RadixMenu.Item, { ref, className: cx(item2, color === "danger" && danger, className), ...rest, children: [
-    icon5 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: icon3, "aria-hidden": true, children: icon5 }),
-    children,
-    shortcut2 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: shortcut, "aria-hidden": true, children: shortcut2 })
-  ] });
-});
-var DropdownMenuLabel = (0, import_react10.forwardRef)(function DropdownMenuLabel2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixMenu.Label, { ref, className: cx(label, className), ...rest });
-});
-var DropdownMenuSeparator = (0, import_react10.forwardRef)(
+var DropdownMenuContent = /* @__PURE__ */ (0, import_react10.forwardRef)(
+  function DropdownMenuContent2({ className, style, side = "bottom", align = "start", sideOffset = 4, collisionPadding = 8, ...rest }, ref) {
+    const portal2 = usePortalProps();
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      RadixMenu.Content,
+      {
+        ref,
+        side,
+        align,
+        sideOffset,
+        collisionPadding,
+        className: cx(portal2.className, content2, className),
+        style: { ...portal2.style, ...style },
+        ...rest
+      }
+    ) });
+  }
+);
+var DropdownMenuItem = /* @__PURE__ */ (0, import_react10.forwardRef)(
+  function DropdownMenuItem2({ icon: icon5, shortcut: shortcut2, color = "default", className, children, ...rest }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(RadixMenu.Item, { ref, className: cx(item2, color === "danger" && danger, className), ...rest, children: [
+      icon5 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: icon3, "aria-hidden": true, children: icon5 }),
+      children,
+      shortcut2 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: shortcut, "aria-hidden": true, children: shortcut2 })
+    ] });
+  }
+);
+var DropdownMenuLabel = /* @__PURE__ */ (0, import_react10.forwardRef)(
+  function DropdownMenuLabel2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixMenu.Label, { ref, className: cx(label, className), ...rest });
+  }
+);
+var DropdownMenuSeparator = /* @__PURE__ */ (0, import_react10.forwardRef)(
   function DropdownMenuSeparator2({ className, ...rest }, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixMenu.Separator, { ref, className: cx(separator, className), ...rest });
   }
@@ -586,7 +618,7 @@ var root5 = (0, import_createRuntimeFn8.createRuntimeFn)({ defaultClassName: "_1
 
 // src/components/Input/Input.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Input = (0, import_react11.forwardRef)(function Input2({ size, invalid, fullWidth, startAdornment, endAdornment, rootClassName, className, disabled, ...rest }, ref) {
+var Input = /* @__PURE__ */ (0, import_react11.forwardRef)(function Input2({ size, invalid, fullWidth, startAdornment, endAdornment, rootClassName, className, disabled, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
@@ -614,7 +646,7 @@ var Input = (0, import_react11.forwardRef)(function Input2({ size, invalid, full
 // src/components/Input/TextField.tsx
 var import_react12 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var TextField = (0, import_react12.forwardRef)(function TextField2({ label: label4, helperText: helperText2, error, required, fullWidth, id, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
+var TextField = /* @__PURE__ */ (0, import_react12.forwardRef)(function TextField2({ label: label4, helperText: helperText2, error, required, fullWidth, id, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
   const generatedId = (0, import_react12.useId)();
   const inputId = id ?? generatedId;
   const helperId = helperText2 ? `${inputId}-helper` : void 0;
@@ -738,7 +770,7 @@ var list = "_1iraoak0";
 // src/components/Pagination/Pagination.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var defaultItemLabel = (type, page) => type === "previous" ? "\uC774\uC804 \uD398\uC774\uC9C0" : type === "next" ? "\uB2E4\uC74C \uD398\uC774\uC9C0" : `${page} \uD398\uC774\uC9C0`;
-var Pagination = (0, import_react13.forwardRef)(function Pagination2({
+var Pagination = /* @__PURE__ */ (0, import_react13.forwardRef)(function Pagination2({
   totalPages,
   page: pageProp,
   defaultPage = 1,
@@ -875,7 +907,7 @@ var text = "_1w9iwjmb";
 
 // src/components/RadioGroup/RadioGroup.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var RadioGroup = (0, import_react15.forwardRef)(function RadioGroup2(props, ref) {
+var RadioGroup = /* @__PURE__ */ (0, import_react15.forwardRef)(function RadioGroup2(props, ref) {
   const {
     options,
     value: value2,
@@ -964,7 +996,7 @@ var viewport = "_1kx81e84";
 
 // src/components/Select/Select.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var Select = (0, import_react16.forwardRef)(function Select2(props, ref) {
+var Select = /* @__PURE__ */ (0, import_react16.forwardRef)(function Select2(props, ref) {
   const {
     options,
     value: value2,
@@ -1063,7 +1095,7 @@ var width = "var(--_1s8datd0)";
 // src/components/Skeleton/Skeleton.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var toCss = (value2) => typeof value2 === "number" ? `${value2}px` : value2;
-var Skeleton = (0, import_react17.forwardRef)(function Skeleton2({ variant = "text", width: width2, height: height2, lines: lines2 = 1, className, style, ...rest }, ref) {
+var Skeleton = /* @__PURE__ */ (0, import_react17.forwardRef)(function Skeleton2({ variant = "text", width: width2, height: height2, lines: lines2 = 1, className, style, ...rest }, ref) {
   const w = toCss(width2 ?? (variant === "circle" ? 40 : "100%"));
   const h = toCss(height2 ?? (variant === "circle" ? w : variant === "rect" ? 100 : "1em"));
   if (variant === "text" && lines2 > 1) {
@@ -1107,15 +1139,8 @@ var stack = (0, import_createRuntimeFn13.createRuntimeFn)({ defaultClassName: "_
 
 // src/components/Stack/Stack.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var Stack = (0, import_react18.forwardRef)(function Stack2({ as: Component = "div", direction, gap, align, justify, wrap, className, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    Component,
-    {
-      ref,
-      className: cx(stack({ direction, gap, align, justify, wrap }), className),
-      ...rest
-    }
-  );
+var Stack = /* @__PURE__ */ (0, import_react18.forwardRef)(function Stack2({ as: Component = "div", direction, gap, align, justify, wrap, className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Component, { ref, className: cx(stack({ direction, gap, align, justify, wrap }), className), ...rest });
 });
 
 // src/components/Switch/Switch.tsx
@@ -1131,7 +1156,7 @@ var track = (0, import_createRuntimeFn14.createRuntimeFn)({ defaultClassName: "o
 
 // src/components/Switch/Switch.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var Switch = (0, import_react19.forwardRef)(function Switch2({ label: label4, size, id, className, disabled, "aria-label": ariaLabel, ...rest }, ref) {
+var Switch = /* @__PURE__ */ (0, import_react19.forwardRef)(function Switch2({ label: label4, size, id, className, disabled, "aria-label": ariaLabel, ...rest }, ref) {
   const generatedId = (0, import_react19.useId)();
   const switchId = id ?? generatedId;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: cx(root6({ size }), className), "data-disabled": disabled || void 0, children: [
@@ -1163,20 +1188,20 @@ var trigger3 = (0, import_createRuntimeFn15.createRuntimeFn)({ defaultClassName:
 
 // src/components/Tabs/Tabs.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var TabsStyleContext = (0, import_react20.createContext)({ variant: "line", size: "md" });
-var Tabs = (0, import_react20.forwardRef)(function Tabs2({ variant = "line", size = "md", ...props }, ref) {
+var TabsStyleContext = /* @__PURE__ */ (0, import_react20.createContext)({ variant: "line", size: "md" });
+var Tabs = /* @__PURE__ */ (0, import_react20.forwardRef)(function Tabs2({ variant = "line", size = "md", ...props }, ref) {
   const controlled = "value" in props ? { value: props.value ?? "" } : {};
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TabsStyleContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RadixTabs.Root, { ref, ...props, ...controlled }) });
 });
-var TabsList = (0, import_react20.forwardRef)(function TabsList2({ className, ...rest }, ref) {
+var TabsList = /* @__PURE__ */ (0, import_react20.forwardRef)(function TabsList2({ className, ...rest }, ref) {
   const { variant } = (0, import_react20.useContext)(TabsStyleContext);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RadixTabs.List, { ref, className: cx(list2({ variant }), className), ...rest });
 });
-var TabsTrigger = (0, import_react20.forwardRef)(function TabsTrigger2({ className, ...rest }, ref) {
+var TabsTrigger = /* @__PURE__ */ (0, import_react20.forwardRef)(function TabsTrigger2({ className, ...rest }, ref) {
   const { variant, size } = (0, import_react20.useContext)(TabsStyleContext);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RadixTabs.Trigger, { ref, className: cx(trigger3({ variant, size }), className), ...rest });
 });
-var TabsContent = (0, import_react20.forwardRef)(function TabsContent2({ className, ...rest }, ref) {
+var TabsContent = /* @__PURE__ */ (0, import_react20.forwardRef)(function TabsContent2({ className, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RadixTabs.Content, { ref, className: cx(content6, className), ...rest });
 });
 
@@ -1194,7 +1219,7 @@ var textarea = (0, import_createRuntimeFn16.createRuntimeFn)({ defaultClassName:
 // src/components/Textarea/Textarea.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react21.useLayoutEffect : import_react21.useEffect;
-var Textarea = (0, import_react21.forwardRef)(function Textarea2({
+var Textarea = /* @__PURE__ */ (0, import_react21.forwardRef)(function Textarea2({
   label: label4,
   helperText: helperText2,
   error,
@@ -1285,7 +1310,7 @@ var viewport2 = "_1g11zvx0";
 // src/components/Toast/Toast.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var REMOVE_DELAY = 500;
-var ToastContext = (0, import_react22.createContext)(null);
+var ToastContext = /* @__PURE__ */ (0, import_react22.createContext)(null);
 function ToastProvider({ children, duration = 5e3, label: label4 = "\uC54C\uB9BC" }) {
   const [toasts, setToasts] = (0, import_react22.useState)([]);
   const nextId = (0, import_react22.useRef)(0);
@@ -1393,7 +1418,7 @@ var defaultElement = {
   "body-sm": "p",
   caption: "span"
 };
-var Typography = (0, import_react23.forwardRef)(function Typography2({ variant = "body", as, color, weight, align, truncate, className, ...rest }, ref) {
+var Typography = /* @__PURE__ */ (0, import_react23.forwardRef)(function Typography2({ variant = "body", as, color, weight, align, truncate, className, ...rest }, ref) {
   const Component = as ?? defaultElement[variant];
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     Component,