@beryl-ui/react 2.2.3 → 2.2.4

package/dist/index.d.mts

@@ -24,7 +24,7 @@ interface BoxProps extends ComponentProps<typeof BoxContainer> {
     as?: ElementType;
     children?: ReactNode;
 }
-declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
 interface ButtonContainerProps {
     variant?: "primary" | "secondary" | "tertiary";

package/dist/index.d.ts

@@ -24,7 +24,7 @@ interface BoxProps extends ComponentProps<typeof BoxContainer> {
     as?: ElementType;
     children?: ReactNode;
 }
-declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
 interface ButtonContainerProps {
     variant?: "primary" | "secondary" | "tertiary";

package/dist/index.js

@@ -120,9 +120,6 @@ function Avatar2(props) {
 }
 Avatar2.displayName = "Avatar";
 
-// src/components/Box/index.tsx
-var import_react = require("react");
-
 // src/components/Box/styles.ts
 var import_styled_components2 = require("styled-components");
 var BoxContainer = import_styled_components2.styled.div`
@@ -133,14 +130,11 @@ var BoxContainer = import_styled_components2.styled.div`
 `;
 
 // src/components/Box/index.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Box = (0, import_react.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BoxContainer, __spreadValues({ ref }, props));
-});
+var Box = BoxContainer;
 Box.displayName = "Box";
 
 // src/components/Button/index.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 
 // src/components/Button/styles.ts
 var import_styled_components3 = require("styled-components");
@@ -236,10 +230,10 @@ var ButtonContainer = import_styled_components3.styled.button`
 `;
 
 // src/components/Button/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Button = (0, import_react2.forwardRef)(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonContainer, __spreadValues({ ref }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ButtonContainer, __spreadValues({ ref }, props));
   }
 );
 Button.displayName = "Button";
@@ -297,14 +291,14 @@ var CheckboxIndicator = (0, import_styled_components4.styled)(Checkbox.Indicator
 `;
 
 // src/components/Checkbox/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Checkbox2(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckboxContainer, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckboxIndicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react2.Check, { weight: "bold" }) }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckboxContainer, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckboxIndicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_phosphor_react2.Check, { weight: "bold" }) }) }));
 }
 Checkbox2.displayName = "Checkbox";
 
 // src/components/Heading/index.tsx
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // src/components/Heading/styles.ts
 var import_styled_components5 = require("styled-components");
@@ -344,10 +338,10 @@ var HeadingContainer = import_styled_components5.styled.h2`
 `;
 
 // src/components/Heading/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Heading = (0, import_react3.forwardRef)(
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Heading = (0, import_react2.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HeadingContainer, __spreadValues({ ref }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HeadingContainer, __spreadValues({ ref }, props));
   }
 );
 Heading.displayName = "Heading";
@@ -356,7 +350,7 @@ Heading.displayName = "Heading";
 var import_styled_components7 = require("styled-components");
 
 // src/components/Text/index.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // src/components/Text/styles.ts
 var import_styled_components6 = require("styled-components");
@@ -370,10 +364,10 @@ var TextContainer = import_styled_components6.styled.p`
 `;
 
 // src/components/Text/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Text = (0, import_react4.forwardRef)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Text = (0, import_react3.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextContainer, __spreadValues({ ref }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextContainer, __spreadValues({ ref }, props));
   }
 );
 Text.displayName = "Text";
@@ -400,24 +394,24 @@ var Step = import_styled_components7.styled.div`
 `;
 
 // src/components/MultiStep/index.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function MultiStep({ size, currentStep = 1 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(MultiStepContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Label, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MultiStepContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Label, { children: [
       "Step ",
       currentStep,
       " of ",
       size
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Steps, { size, children: Array.from({ length: size }, (_, i) => i + 1).map((step) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Step, { $active: step <= currentStep }, step);
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Steps, { size, children: Array.from({ length: size }, (_, i) => i + 1).map((step) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Step, { $active: step <= currentStep }, step);
     }) })
   ] });
 }
 MultiStep.displayName = "MultiStep";
 
 // src/components/TextArea/index.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/TextArea/styles.ts
 var import_styled_components8 = require("styled-components");
@@ -450,14 +444,14 @@ var TextAreaContainer = import_styled_components8.styled.textarea`
 `;
 
 // src/components/TextArea/index.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var TextArea = (0, import_react5.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextAreaContainer, __spreadValues({ ref }, props));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var TextArea = (0, import_react4.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextAreaContainer, __spreadValues({ ref }, props));
 });
 TextArea.displayName = "TextArea";
 
 // src/components/TextInput/index.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/components/TextInput/styles.ts
 var import_styled_components9 = require("styled-components");
@@ -515,13 +509,13 @@ var Input = import_styled_components9.styled.input`
 `;
 
 // src/components/TextInput/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var TextInput = (0, import_react6.forwardRef)(
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var TextInput = (0, import_react5.forwardRef)(
   (_a, ref) => {
     var _b = _a, { prefix } = _b, props = __objRest(_b, ["prefix"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TextInputContainer, { children: [
-      !!prefix && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Prefix, { children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Input, __spreadValues({ ref }, props))
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(TextInputContainer, { children: [
+      !!prefix && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Prefix, { children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, __spreadValues({ ref }, props))
     ] });
   }
 );
@@ -530,7 +524,7 @@ TextInput.displayName = "TextInput";
 // src/components/Toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
 var import_phosphor_react3 = require("phosphor-react");
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/components/Toast/styles.ts
 var Toast = __toESM(require("@radix-ui/react-toast"));
@@ -620,10 +614,10 @@ var ToastClose = (0, import_styled_components10.styled)(Toast.Close)`
 `;
 
 // src/components/Toast/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ToastContext = (0, import_react7.createContext)({});
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ToastContext = (0, import_react6.createContext)({});
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = (0, import_react7.useState)([]);
+  const [toasts, setToasts] = (0, import_react6.useState)([]);
   function showToast({ title, description }) {
     const newToast = {
       id: (/* @__PURE__ */ new Date()).getTime().toString(),
@@ -637,27 +631,27 @@ function ToastProvider({ children }) {
       setToasts((prev) => prev.filter((toast) => toast.id !== toastId));
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastContext.Provider, { value: { showToast }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(RadixToast.Provider, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastContext.Provider, { value: { showToast }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(RadixToast.Provider, { swipeDirection: "right", children: [
     children,
-    toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       ToastRoot,
       {
         onOpenChange: (open) => handleOpenChange(open, toast.id),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastTitle, { children: toast.title }),
-            toast.description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastDescription, { children: toast.description })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastTitle, { children: toast.title }),
+            toast.description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastDescription, { children: toast.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_phosphor_react3.X, { weight: "light", size: 20 }) })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_phosphor_react3.X, { weight: "light", size: 20 }) })
         ]
       },
       toast.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastViewport, {})
   ] }) });
 }
 var useToast = () => {
-  const context = (0, import_react7.useContext)(ToastContext);
+  const context = (0, import_react6.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -686,7 +680,7 @@ var TooltipArrow = (0, import_styled_components11.styled)(Tooltip.Arrow)`
 `;
 
 // src/components/Tooltip/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Tooltip2(_a) {
   var _b = _a, {
     children,
@@ -697,11 +691,11 @@ function Tooltip2(_a) {
     "content",
     "contentProps"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(RadixTooltip.Root, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadixTooltip.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadixTooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(TooltipContent, __spreadProps(__spreadValues({ sideOffset: 5 }, contentProps), { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(RadixTooltip.Root, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(TooltipContent, __spreadProps(__spreadValues({ sideOffset: 5 }, contentProps), { children: [
       content,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipArrow, {})
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipArrow, {})
     ] })) })
   ] }));
 }

package/dist/index.mjs

@@ -74,9 +74,6 @@ function Avatar2(props) {
 }
 Avatar2.displayName = "Avatar";
 
-// src/components/Box/index.tsx
-import { forwardRef } from "react";
-
 // src/components/Box/styles.ts
 import { styled as styled2 } from "styled-components";
 var BoxContainer = styled2.div`
@@ -87,14 +84,11 @@ var BoxContainer = styled2.div`
 `;
 
 // src/components/Box/index.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Box = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx2(BoxContainer, __spreadValues({ ref }, props));
-});
+var Box = BoxContainer;
 Box.displayName = "Box";
 
 // src/components/Button/index.tsx
-import { forwardRef as forwardRef2 } from "react";
+import { forwardRef } from "react";
 
 // src/components/Button/styles.ts
 import { css, styled as styled3 } from "styled-components";
@@ -190,10 +184,10 @@ var ButtonContainer = styled3.button`
 `;
 
 // src/components/Button/index.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Button = forwardRef2(
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Button = forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ jsx3(ButtonContainer, __spreadValues({ ref }, props));
+    return /* @__PURE__ */ jsx2(ButtonContainer, __spreadValues({ ref }, props));
   }
 );
 Button.displayName = "Button";
@@ -251,14 +245,14 @@ var CheckboxIndicator = styled4(Checkbox.Indicator)`
 `;
 
 // src/components/Checkbox/index.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function Checkbox2(props) {
-  return /* @__PURE__ */ jsx4(CheckboxContainer, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx4(CheckboxIndicator, { asChild: true, children: /* @__PURE__ */ jsx4(Check, { weight: "bold" }) }) }));
+  return /* @__PURE__ */ jsx3(CheckboxContainer, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx3(CheckboxIndicator, { asChild: true, children: /* @__PURE__ */ jsx3(Check, { weight: "bold" }) }) }));
 }
 Checkbox2.displayName = "Checkbox";
 
 // src/components/Heading/index.tsx
-import { forwardRef as forwardRef3 } from "react";
+import { forwardRef as forwardRef2 } from "react";
 
 // src/components/Heading/styles.ts
 import { css as css2, styled as styled5 } from "styled-components";
@@ -298,10 +292,10 @@ var HeadingContainer = styled5.h2`
 `;
 
 // src/components/Heading/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Heading = forwardRef3(
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Heading = forwardRef2(
   (props, ref) => {
-    return /* @__PURE__ */ jsx5(HeadingContainer, __spreadValues({ ref }, props));
+    return /* @__PURE__ */ jsx4(HeadingContainer, __spreadValues({ ref }, props));
   }
 );
 Heading.displayName = "Heading";
@@ -310,7 +304,7 @@ Heading.displayName = "Heading";
 import { styled as styled7 } from "styled-components";
 
 // src/components/Text/index.tsx
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 
 // src/components/Text/styles.ts
 import { styled as styled6 } from "styled-components";
@@ -324,10 +318,10 @@ var TextContainer = styled6.p`
 `;
 
 // src/components/Text/index.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Text = forwardRef4(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Text = forwardRef3(
   (props, ref) => {
-    return /* @__PURE__ */ jsx6(TextContainer, __spreadValues({ ref }, props));
+    return /* @__PURE__ */ jsx5(TextContainer, __spreadValues({ ref }, props));
   }
 );
 Text.displayName = "Text";
@@ -354,7 +348,7 @@ var Step = styled7.div`
 `;
 
 // src/components/MultiStep/index.tsx
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function MultiStep({ size, currentStep = 1 }) {
   return /* @__PURE__ */ jsxs2(MultiStepContainer, { children: [
     /* @__PURE__ */ jsxs2(Label, { children: [
@@ -363,15 +357,15 @@ function MultiStep({ size, currentStep = 1 }) {
       " of ",
       size
     ] }),
-    /* @__PURE__ */ jsx7(Steps, { size, children: Array.from({ length: size }, (_, i) => i + 1).map((step) => {
-      return /* @__PURE__ */ jsx7(Step, { $active: step <= currentStep }, step);
+    /* @__PURE__ */ jsx6(Steps, { size, children: Array.from({ length: size }, (_, i) => i + 1).map((step) => {
+      return /* @__PURE__ */ jsx6(Step, { $active: step <= currentStep }, step);
     }) })
   ] });
 }
 MultiStep.displayName = "MultiStep";
 
 // src/components/TextArea/index.tsx
-import { forwardRef as forwardRef5 } from "react";
+import { forwardRef as forwardRef4 } from "react";
 
 // src/components/TextArea/styles.ts
 import { styled as styled8 } from "styled-components";
@@ -404,14 +398,14 @@ var TextAreaContainer = styled8.textarea`
 `;
 
 // src/components/TextArea/index.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var TextArea = forwardRef5((props, ref) => {
-  return /* @__PURE__ */ jsx8(TextAreaContainer, __spreadValues({ ref }, props));
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TextArea = forwardRef4((props, ref) => {
+  return /* @__PURE__ */ jsx7(TextAreaContainer, __spreadValues({ ref }, props));
 });
 TextArea.displayName = "TextArea";
 
 // src/components/TextInput/index.tsx
-import { forwardRef as forwardRef6 } from "react";
+import { forwardRef as forwardRef5 } from "react";
 
 // src/components/TextInput/styles.ts
 import { styled as styled9 } from "styled-components";
@@ -469,13 +463,13 @@ var Input = styled9.input`
 `;
 
 // src/components/TextInput/index.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var TextInput = forwardRef6(
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var TextInput = forwardRef5(
   (_a, ref) => {
     var _b = _a, { prefix } = _b, props = __objRest(_b, ["prefix"]);
     return /* @__PURE__ */ jsxs3(TextInputContainer, { children: [
-      !!prefix && /* @__PURE__ */ jsx9(Prefix, { children: prefix }),
-      /* @__PURE__ */ jsx9(Input, __spreadValues({ ref }, props))
+      !!prefix && /* @__PURE__ */ jsx8(Prefix, { children: prefix }),
+      /* @__PURE__ */ jsx8(Input, __spreadValues({ ref }, props))
     ] });
   }
 );
@@ -574,7 +568,7 @@ var ToastClose = styled10(Toast.Close)`
 `;
 
 // src/components/Toast/index.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var ToastContext = createContext({});
 function ToastProvider({ children }) {
   const [toasts, setToasts] = useState([]);
@@ -591,7 +585,7 @@ function ToastProvider({ children }) {
       setToasts((prev) => prev.filter((toast) => toast.id !== toastId));
     }
   }
-  return /* @__PURE__ */ jsx10(ToastContext.Provider, { value: { showToast }, children: /* @__PURE__ */ jsxs4(RadixToast.Provider, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ jsx9(ToastContext.Provider, { value: { showToast }, children: /* @__PURE__ */ jsxs4(RadixToast.Provider, { swipeDirection: "right", children: [
     children,
     toasts.map((toast) => /* @__PURE__ */ jsxs4(
       ToastRoot,
@@ -599,15 +593,15 @@ function ToastProvider({ children }) {
         onOpenChange: (open) => handleOpenChange(open, toast.id),
         children: [
           /* @__PURE__ */ jsxs4("div", { children: [
-            /* @__PURE__ */ jsx10(ToastTitle, { children: toast.title }),
-            toast.description && /* @__PURE__ */ jsx10(ToastDescription, { children: toast.description })
+            /* @__PURE__ */ jsx9(ToastTitle, { children: toast.title }),
+            toast.description && /* @__PURE__ */ jsx9(ToastDescription, { children: toast.description })
           ] }),
-          /* @__PURE__ */ jsx10(ToastClose, { asChild: true, children: /* @__PURE__ */ jsx10(X, { weight: "light", size: 20 }) })
+          /* @__PURE__ */ jsx9(ToastClose, { asChild: true, children: /* @__PURE__ */ jsx9(X, { weight: "light", size: 20 }) })
         ]
       },
       toast.id
     )),
-    /* @__PURE__ */ jsx10(ToastViewport, {})
+    /* @__PURE__ */ jsx9(ToastViewport, {})
   ] }) });
 }
 var useToast = () => {
@@ -640,7 +634,7 @@ var TooltipArrow = styled11(Tooltip.Arrow)`
 `;
 
 // src/components/Tooltip/index.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function Tooltip2(_a) {
   var _b = _a, {
     children,
@@ -652,10 +646,10 @@ function Tooltip2(_a) {
     "contentProps"
   ]);
   return /* @__PURE__ */ jsxs5(RadixTooltip.Root, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsx11(RadixTooltip.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx11(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs5(TooltipContent, __spreadProps(__spreadValues({ sideOffset: 5 }, contentProps), { children: [
+    /* @__PURE__ */ jsx10(RadixTooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx10(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs5(TooltipContent, __spreadProps(__spreadValues({ sideOffset: 5 }, contentProps), { children: [
       content,
-      /* @__PURE__ */ jsx11(TooltipArrow, {})
+      /* @__PURE__ */ jsx10(TooltipArrow, {})
     ] })) })
   ] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beryl-ui/react",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "React components for the beryl-ui Design System.",
   "license": "MIT",
   "main": "./dist/index.js",