@bestow-ui/react 0.8.0 → 0.8.2

package/dist/index.js

@@ -14,7 +14,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;
@@ -174,8 +176,8 @@ var root = "sfyhlv1 sfyhlv0";
 
 // src/theme/ThemeProvider.tsx
 import { jsx } from "react/jsx-runtime";
-var ThemeContext = createContext({ theme: "light" });
-var ThemeProvider = forwardRef(function ThemeProvider2({ theme: themeProp, overrides, className, style, children, ...rest }, ref) {
+var ThemeContext = /* @__PURE__ */ createContext({ theme: "light" });
+var ThemeProvider = /* @__PURE__ */ forwardRef(function ThemeProvider2({ theme: themeProp, overrides, className, style, children, ...rest }, ref) {
   const parent = useContext(ThemeContext);
   const theme = themeProp ?? parent.theme;
   const merged = useMemo(() => mergeThemes(parent.overrides, overrides), [parent.overrides, overrides]);
@@ -222,11 +224,13 @@ var trigger = "v58j0l3";
 
 // src/components/Accordion/Accordion.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Accordion = forwardRef2(function Accordion2({ className, ...props }, ref) {
-  const rootProps = "value" in props ? { ...props, value: props.value ?? (props.type === "multiple" ? [] : "") } : props;
+var Accordion = /* @__PURE__ */ forwardRef2(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__ */ jsx2(RadixAccordion.Root, { ref, className: cx(root2, className), ...rootProps });
 });
-var AccordionItem = forwardRef2(function AccordionItem2({ title: title4, headingLevel = 3, className, children, ...rest }, ref) {
+var AccordionItem = /* @__PURE__ */ forwardRef2(function AccordionItem2({ title: title4, headingLevel = 3, className, children, ...rest }, ref) {
   const Heading = `h${headingLevel}`;
   return /* @__PURE__ */ jsxs(RadixAccordion.Item, { ref, className: cx(item, className), ...rest, children: [
     /* @__PURE__ */ jsx2(RadixAccordion.Header, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { className: header, children: /* @__PURE__ */ jsxs(RadixAccordion.Trigger, { className: trigger, children: [
@@ -255,7 +259,7 @@ function getInitials(name) {
   const first = (word) => Array.from(word)[0] ?? "";
   return (first(a) + first(b)).toUpperCase();
 }
-var Avatar = forwardRef3(function Avatar2({ src, alt, name, fallback: fallback2, size, shape, className, ...rest }, ref) {
+var Avatar = /* @__PURE__ */ forwardRef3(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) : "";
@@ -275,7 +279,7 @@ var icon = "_1295cfnf";
 
 // src/components/Badge/Badge.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Badge = forwardRef4(function Badge2({ variant, color, size, startIcon, className, children, ...rest }, ref) {
+var Badge = /* @__PURE__ */ forwardRef4(function Badge2({ variant, color, size, startIcon, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs3("span", { ref, className: cx(badge({ variant, color, size }), className), ...rest, children: [
     startIcon && /* @__PURE__ */ jsx4("span", { className: icon, children: startIcon }),
     children
@@ -298,7 +302,7 @@ var spinner = _7a4683({ defaultClassName: "_4b5tg40", variantClassNames: { color
 
 // src/components/Spinner/Spinner.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var Spinner = forwardRef5(function Spinner2({ size, color, label: label4 = "\uB85C\uB529 \uC911", className, ...rest }, ref) {
+var Spinner = /* @__PURE__ */ forwardRef5(function Spinner2({ size, color, label: label4 = "\uB85C\uB529 \uC911", className, ...rest }, ref) {
   const a11y = label4 ? { role: "status" } : { "aria-hidden": true };
   return /* @__PURE__ */ jsxs4("span", { ref, className: cx(spinner({ size, color }), className), ...a11y, ...rest, children: [
     /* @__PURE__ */ jsx5(LoaderIcon, { size: "100%" }),
@@ -313,7 +317,20 @@ var icon2 = "xcekdai";
 
 // src/components/Button/Button.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var Button = forwardRef6(function Button2({ variant, color, size, fullWidth, startIcon, endIcon, loading, className, type = "button", onClick, children, ...rest }, ref) {
+var Button = /* @__PURE__ */ forwardRef6(function Button2({
+  variant,
+  color,
+  size,
+  fullWidth,
+  startIcon,
+  endIcon,
+  loading,
+  className,
+  type = "button",
+  onClick,
+  children,
+  ...rest
+}, ref) {
   const handleClick = (event) => {
     if (loading) {
       event.preventDefault();
@@ -353,16 +370,16 @@ var header2 = "dnuf1u8";
 
 // src/components/Card/Card.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-var Card = forwardRef7(function Card2({ variant, padding, as: Component = "div", className, ...rest }, ref) {
+var Card = /* @__PURE__ */ forwardRef7(function Card2({ variant, padding, as: Component = "div", className, ...rest }, ref) {
   return /* @__PURE__ */ jsx7(Component, { ref, className: cx(card({ variant, padding }), className), ...rest });
 });
-var CardHeader = forwardRef7(function CardHeader2({ className, ...rest }, ref) {
+var CardHeader = /* @__PURE__ */ forwardRef7(function CardHeader2({ className, ...rest }, ref) {
   return /* @__PURE__ */ jsx7("div", { ref, className: cx(header2, className), ...rest });
 });
-var CardBody = forwardRef7(function CardBody2({ className, ...rest }, ref) {
+var CardBody = /* @__PURE__ */ forwardRef7(function CardBody2({ className, ...rest }, ref) {
   return /* @__PURE__ */ jsx7("div", { ref, className: cx(body, className), ...rest });
 });
-var CardFooter = forwardRef7(function CardFooter2({ className, ...rest }, ref) {
+var CardFooter = /* @__PURE__ */ forwardRef7(function CardFooter2({ className, ...rest }, ref) {
   return /* @__PURE__ */ jsx7("div", { ref, className: cx(footer, className), ...rest });
 });
 
@@ -389,7 +406,7 @@ var root4 = _7a4686({ defaultClassName: "_1y7mzsn0", variantClassNames: { size:
 
 // src/components/Checkbox/Checkbox.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var Checkbox = forwardRef8(function Checkbox2({ label: label4, size, indeterminate = false, invalid, disabled, className, ...rest }, ref) {
+var Checkbox = /* @__PURE__ */ forwardRef8(function Checkbox2({ label: label4, size, indeterminate = false, invalid, disabled, className, ...rest }, ref) {
   const innerRef = useRef(null);
   useEffect(() => {
     if (innerRef.current) innerRef.current.indeterminate = indeterminate;
@@ -407,7 +424,16 @@ var Checkbox = forwardRef8(function Checkbox2({ label: label4, size, indetermina
           ...rest
         }
       ),
-      /* @__PURE__ */ jsx8("svg", { className: checkIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx8("path", { d: "M5 10.5l3.2 3L15 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+      /* @__PURE__ */ jsx8("svg", { className: checkIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx8(
+        "path",
+        {
+          d: "M5 10.5l3.2 3L15 7",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }),
       /* @__PURE__ */ jsx8("svg", { className: indeterminateIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx8("path", { d: "M6 10h8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
     ] }),
     label4
@@ -425,7 +451,7 @@ var line = "_1t3gq8v4";
 
 // src/components/Divider/Divider.tsx
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var Divider = forwardRef9(function Divider2({ orientation = "horizontal", decorative, className, children, ...rest }, ref) {
+var Divider = /* @__PURE__ */ forwardRef9(function Divider2({ orientation = "horizontal", decorative, className, children, ...rest }, ref) {
   if (children && orientation === "horizontal") {
     return /* @__PURE__ */ jsxs7("div", { ref, className: cx(labeled, className), ...rest, children: [
       /* @__PURE__ */ jsx9("span", { className: line, "aria-hidden": true }),
@@ -455,33 +481,39 @@ import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var DropdownMenu = RadixMenu.Root;
 var DropdownMenuTrigger = RadixMenu.Trigger;
 var DropdownMenuGroup = RadixMenu.Group;
-var DropdownMenuContent = forwardRef10(function DropdownMenuContent2({ className, style, side = "bottom", align = "start", sideOffset = 4, collisionPadding = 8, ...rest }, ref) {
-  const portal2 = usePortalProps();
-  return /* @__PURE__ */ jsx10(RadixMenu.Portal, { children: /* @__PURE__ */ jsx10(
-    RadixMenu.Content,
-    {
-      ref,
-      side,
-      align,
-      sideOffset,
-      collisionPadding,
-      className: cx(portal2.className, content2, className),
-      style: { ...portal2.style, ...style },
-      ...rest
-    }
-  ) });
-});
-var DropdownMenuItem = forwardRef10(function DropdownMenuItem2({ icon: icon5, shortcut: shortcut2, color = "default", className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs8(RadixMenu.Item, { ref, className: cx(item2, color === "danger" && danger, className), ...rest, children: [
-    icon5 && /* @__PURE__ */ jsx10("span", { className: icon3, "aria-hidden": true, children: icon5 }),
-    children,
-    shortcut2 && /* @__PURE__ */ jsx10("span", { className: shortcut, "aria-hidden": true, children: shortcut2 })
-  ] });
-});
-var DropdownMenuLabel = forwardRef10(function DropdownMenuLabel2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx10(RadixMenu.Label, { ref, className: cx(label, className), ...rest });
-});
-var DropdownMenuSeparator = forwardRef10(
+var DropdownMenuContent = /* @__PURE__ */ forwardRef10(
+  function DropdownMenuContent2({ className, style, side = "bottom", align = "start", sideOffset = 4, collisionPadding = 8, ...rest }, ref) {
+    const portal2 = usePortalProps();
+    return /* @__PURE__ */ jsx10(RadixMenu.Portal, { children: /* @__PURE__ */ jsx10(
+      RadixMenu.Content,
+      {
+        ref,
+        side,
+        align,
+        sideOffset,
+        collisionPadding,
+        className: cx(portal2.className, content2, className),
+        style: { ...portal2.style, ...style },
+        ...rest
+      }
+    ) });
+  }
+);
+var DropdownMenuItem = /* @__PURE__ */ forwardRef10(
+  function DropdownMenuItem2({ icon: icon5, shortcut: shortcut2, color = "default", className, children, ...rest }, ref) {
+    return /* @__PURE__ */ jsxs8(RadixMenu.Item, { ref, className: cx(item2, color === "danger" && danger, className), ...rest, children: [
+      icon5 && /* @__PURE__ */ jsx10("span", { className: icon3, "aria-hidden": true, children: icon5 }),
+      children,
+      shortcut2 && /* @__PURE__ */ jsx10("span", { className: shortcut, "aria-hidden": true, children: shortcut2 })
+    ] });
+  }
+);
+var DropdownMenuLabel = /* @__PURE__ */ forwardRef10(
+  function DropdownMenuLabel2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx10(RadixMenu.Label, { ref, className: cx(label, className), ...rest });
+  }
+);
+var DropdownMenuSeparator = /* @__PURE__ */ forwardRef10(
   function DropdownMenuSeparator2({ className, ...rest }, ref) {
     return /* @__PURE__ */ jsx10(RadixMenu.Separator, { ref, className: cx(separator, className), ...rest });
   }
@@ -503,7 +535,7 @@ var root5 = _7a4688({ defaultClassName: "_19p5zvh0", variantClassNames: { size:
 
 // src/components/Input/Input.tsx
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var Input = forwardRef11(function Input2({ size, invalid, fullWidth, startAdornment, endAdornment, rootClassName, className, disabled, ...rest }, ref) {
+var Input = /* @__PURE__ */ forwardRef11(function Input2({ size, invalid, fullWidth, startAdornment, endAdornment, rootClassName, className, disabled, ...rest }, ref) {
   return /* @__PURE__ */ jsxs9(
     "div",
     {
@@ -531,7 +563,7 @@ var Input = forwardRef11(function Input2({ size, invalid, fullWidth, startAdornm
 // src/components/Input/TextField.tsx
 import { forwardRef as forwardRef12, useId } from "react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var TextField = forwardRef12(function TextField2({ label: label4, helperText: helperText2, error, required, fullWidth, id, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
+var TextField = /* @__PURE__ */ forwardRef12(function TextField2({ label: label4, helperText: helperText2, error, required, fullWidth, id, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
   const generatedId = useId();
   const inputId = id ?? generatedId;
   const helperId = helperText2 ? `${inputId}-helper` : void 0;
@@ -655,7 +687,7 @@ var list = "_1iraoak0";
 // src/components/Pagination/Pagination.tsx
 import { jsx as jsx14, jsxs as jsxs12 } from "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 = forwardRef13(function Pagination2({
+var Pagination = /* @__PURE__ */ forwardRef13(function Pagination2({
   totalPages,
   page: pageProp,
   defaultPage = 1,
@@ -792,7 +824,7 @@ var text = "_1w9iwjmb";
 
 // src/components/RadioGroup/RadioGroup.tsx
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-var RadioGroup = forwardRef14(function RadioGroup2(props, ref) {
+var RadioGroup = /* @__PURE__ */ forwardRef14(function RadioGroup2(props, ref) {
   const {
     options,
     value: value2,
@@ -881,7 +913,7 @@ var viewport = "_1kx81e84";
 
 // src/components/Select/Select.tsx
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var Select = forwardRef15(function Select2(props, ref) {
+var Select = /* @__PURE__ */ forwardRef15(function Select2(props, ref) {
   const {
     options,
     value: value2,
@@ -980,7 +1012,7 @@ var width = "var(--_1s8datd0)";
 // src/components/Skeleton/Skeleton.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
 var toCss = (value2) => typeof value2 === "number" ? `${value2}px` : value2;
-var Skeleton = forwardRef16(function Skeleton2({ variant = "text", width: width2, height: height2, lines: lines2 = 1, className, style, ...rest }, ref) {
+var Skeleton = /* @__PURE__ */ forwardRef16(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) {
@@ -1024,15 +1056,8 @@ var stack = _7a46813({ defaultClassName: "_1jz9hj90", variantClassNames: { direc
 
 // src/components/Stack/Stack.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
-var Stack = forwardRef17(function Stack2({ as: Component = "div", direction, gap, align, justify, wrap, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx19(
-    Component,
-    {
-      ref,
-      className: cx(stack({ direction, gap, align, justify, wrap }), className),
-      ...rest
-    }
-  );
+var Stack = /* @__PURE__ */ forwardRef17(function Stack2({ as: Component = "div", direction, gap, align, justify, wrap, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx19(Component, { ref, className: cx(stack({ direction, gap, align, justify, wrap }), className), ...rest });
 });
 
 // src/components/Switch/Switch.tsx
@@ -1048,7 +1073,7 @@ var track = _7a46814({ defaultClassName: "o33ul23", variantClassNames: { size: {
 
 // src/components/Switch/Switch.tsx
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-var Switch = forwardRef18(function Switch2({ label: label4, size, id, className, disabled, "aria-label": ariaLabel, ...rest }, ref) {
+var Switch = /* @__PURE__ */ forwardRef18(function Switch2({ label: label4, size, id, className, disabled, "aria-label": ariaLabel, ...rest }, ref) {
   const generatedId = useId5();
   const switchId = id ?? generatedId;
   return /* @__PURE__ */ jsxs16("span", { className: cx(root6({ size }), className), "data-disabled": disabled || void 0, children: [
@@ -1080,20 +1105,20 @@ var trigger3 = _7a46815({ defaultClassName: "fvhbtd3", variantClassNames: { vari
 
 // src/components/Tabs/Tabs.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
-var TabsStyleContext = createContext2({ variant: "line", size: "md" });
-var Tabs = forwardRef19(function Tabs2({ variant = "line", size = "md", ...props }, ref) {
+var TabsStyleContext = /* @__PURE__ */ createContext2({ variant: "line", size: "md" });
+var Tabs = /* @__PURE__ */ forwardRef19(function Tabs2({ variant = "line", size = "md", ...props }, ref) {
   const controlled = "value" in props ? { value: props.value ?? "" } : {};
   return /* @__PURE__ */ jsx21(TabsStyleContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx21(RadixTabs.Root, { ref, ...props, ...controlled }) });
 });
-var TabsList = forwardRef19(function TabsList2({ className, ...rest }, ref) {
+var TabsList = /* @__PURE__ */ forwardRef19(function TabsList2({ className, ...rest }, ref) {
   const { variant } = useContext2(TabsStyleContext);
   return /* @__PURE__ */ jsx21(RadixTabs.List, { ref, className: cx(list2({ variant }), className), ...rest });
 });
-var TabsTrigger = forwardRef19(function TabsTrigger2({ className, ...rest }, ref) {
+var TabsTrigger = /* @__PURE__ */ forwardRef19(function TabsTrigger2({ className, ...rest }, ref) {
   const { variant, size } = useContext2(TabsStyleContext);
   return /* @__PURE__ */ jsx21(RadixTabs.Trigger, { ref, className: cx(trigger3({ variant, size }), className), ...rest });
 });
-var TabsContent = forwardRef19(function TabsContent2({ className, ...rest }, ref) {
+var TabsContent = /* @__PURE__ */ forwardRef19(function TabsContent2({ className, ...rest }, ref) {
   return /* @__PURE__ */ jsx21(RadixTabs.Content, { ref, className: cx(content6, className), ...rest });
 });
 
@@ -1119,7 +1144,7 @@ var textarea = _7a46816({ defaultClassName: "_1koawa0", variantClassNames: { siz
 // src/components/Textarea/Textarea.tsx
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
-var Textarea = forwardRef20(function Textarea2({
+var Textarea = /* @__PURE__ */ forwardRef20(function Textarea2({
   label: label4,
   helperText: helperText2,
   error,
@@ -1210,7 +1235,7 @@ var viewport2 = "_1g11zvx0";
 // src/components/Toast/Toast.tsx
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var REMOVE_DELAY = 500;
-var ToastContext = createContext3(null);
+var ToastContext = /* @__PURE__ */ createContext3(null);
 function ToastProvider({ children, duration = 5e3, label: label4 = "\uC54C\uB9BC" }) {
   const [toasts, setToasts] = useState3([]);
   const nextId = useRef3(0);
@@ -1318,7 +1343,7 @@ var defaultElement = {
   "body-sm": "p",
   caption: "span"
 };
-var Typography = forwardRef21(function Typography2({ variant = "body", as, color, weight, align, truncate, className, ...rest }, ref) {
+var Typography = /* @__PURE__ */ forwardRef21(function Typography2({ variant = "body", as, color, weight, align, truncate, className, ...rest }, ref) {
   const Component = as ?? defaultElement[variant];
   return /* @__PURE__ */ jsx25(
     Component,