@causw/core 0.0.18 → 0.0.19

package/dist/components/Avatar/Avatar.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { AvatarVariants } from "./Avatar.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -18,7 +18,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime15.JSX.Element;
+  }: AvatarProps): react_jsx_runtime33.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Avatar/Avatar.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { AvatarVariants } from "./Avatar.styles.mjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -18,7 +18,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime34.JSX.Element;
+  }: AvatarProps): react_jsx_runtime33.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Avatar/Avatar.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants5 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants5.TVReturnType<{
+declare const avatar: tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants5.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants5.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/components/Avatar/Avatar.styles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,kBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}
+{"version":3,"file":"Avatar.styles.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,mBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Avatar/Avatar.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants15 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants17.TVReturnType<{
+declare const avatar: tailwind_variants15.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants17.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants17.TVReturnType<{
+}, tailwind_variants15.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/components/BottomNavigation/BottomNavigation.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { BottomNavigationVariants } from "./BottomNavigation.styles.cjs";
 import { ComponentProps, SVGProps } from "react";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -25,24 +25,24 @@ declare const BottomNavigation: (({
   selected,
   onSelectChange,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime65.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime67.JSX.Element) & {
   Item: ({
     selected,
     value,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime67.JSX.Element;
   Icon: ({
     children,
     selected,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime67.JSX.Element;
   Label: ({
     children,
     selected,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime67.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

package/dist/components/BottomNavigation/BottomNavigation.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { BottomNavigationVariants } from "./BottomNavigation.styles.mjs";
 import { ComponentProps, SVGProps } from "react";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -25,24 +25,24 @@ declare const BottomNavigation: (({
   selected,
   onSelectChange,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime65.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime63.JSX.Element) & {
   Item: ({
     selected,
     value,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime63.JSX.Element;
   Icon: ({
     children,
     selected,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime63.JSX.Element;
   Label: ({
     children,
     selected,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime63.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_Text = require('../Text/Text.cjs');
 const require_useBottomSheet = require('../../hooks/bottomSheet/useBottomSheet.cjs');
-const require_Drawer = require('../Drawer/Drawer.cjs');
 const require_BottomSheet_styles = require('./BottomSheet.styles.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let vaul = require("vaul");
 
 //#region src/components/BottomSheet/BottomSheet.tsx
 const BottomSheetRoot = ({ children, open: controlledOpen, defaultOpen = false, onOpenChange, headerAlign = "left" }) => {
@@ -23,21 +23,21 @@ const BottomSheetRoot = ({ children, open: controlledOpen, defaultOpen = false,
 			onOpen: () => handleOpenChange(true),
 			onClose: () => handleOpenChange(false)
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Root, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Root, {
 			open: isOpen,
 			onOpenChange: handleOpenChange,
 			children
 		})
 	});
 };
-const BottomSheetTrigger = require_Drawer.Drawer.Trigger;
+const BottomSheetTrigger = vaul.Drawer.Trigger;
 const BottomSheetHandle = () => {
 	const { handle } = require_BottomSheet_styles.bottomSheet();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: handle() });
 };
 const BottomSheetContent = ({ children, className, ...props }) => {
-	const { content } = require_BottomSheet_styles.bottomSheet();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Drawer.Drawer.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Overlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Drawer.Drawer.Content, {
+	const { content, overlay } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(vaul.Drawer.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Overlay, { className: overlay() }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(vaul.Drawer.Content, {
 		className: content({ className }),
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetHandle, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -51,7 +51,7 @@ const BottomSheetHeader = ({ title, className }) => {
 	const { header } = require_BottomSheet_styles.bottomSheet({ headerAlign });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: header({ className }),
-		children: title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Title, {
+		children: title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Title, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
 				as: "h2",

package/dist/components/BottomSheet/BottomSheet.d.cts

@@ -1,8 +1,8 @@
-import { Drawer } from "../Drawer/Drawer.cjs";
 import { HeaderAlign } from "./BottomSheet.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+import { Drawer } from "vaul";
 
 //#region src/components/BottomSheet/BottomSheet.d.ts
 interface BottomSheetRootProps {
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime31.JSX.Element;
+  }: BottomSheetRootProps): react_jsx_runtime74.JSX.Element;
   displayName: string;
 } & {
   Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -28,7 +28,7 @@ declare const BottomSheet: {
       children,
       className,
       ...props
-    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime31.JSX.Element;
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime74.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime31.JSX.Element;
+    }): react_jsx_runtime74.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -50,7 +50,7 @@ declare const BottomSheet: {
       children: React.ReactNode;
       className?: string;
       maxHeight?: string | number;
-    }): react_jsx_runtime31.JSX.Element;
+    }): react_jsx_runtime74.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime31.JSX.Element;
+    }): react_jsx_runtime74.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/BottomSheet/BottomSheet.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"mappings":";;;;;;;UAMU,oBAAA;EACR,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,WAAA;EACA,YAAA,IAAgB,IAAA;EAChB,WAAA,GAAc,WAAA;AAAA;AAAA,cAkHH,WAAA;EAAA;;;;;;KAzGV,oBAAA,GAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;2CAAA,uBAAA,CAAA,kBAAA;;;;;;OAwCpB,KAAA,CAAM,cAAA,QAAsB,MAAA,CAAO,OAAA,IAAQ,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAkB5C,KAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;MAsBC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAaC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"BottomSheet.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"mappings":";;;;;;;UAMU,oBAAA;EACR,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,WAAA;EACA,YAAA,IAAgB,IAAA;EAChB,WAAA,GAAc,WAAA;AAAA;AAAA,cAmHH,WAAA;EAAA;;;;;;KA1GV,oBAAA,GAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;2CAAA,uBAAA,CAAA,kBAAA;;;;;;OAwCpB,KAAA,CAAM,cAAA,QAAsB,MAAA,CAAO,OAAA,IAAQ,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAmB5C,KAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;MAsBC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAaC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/BottomSheet/BottomSheet.d.mts

@@ -1,8 +1,8 @@
-import { Drawer } from "../Drawer/Drawer.mjs";
 import { HeaderAlign } from "./BottomSheet.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime77 from "react/jsx-runtime";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+import { Drawer } from "vaul";
 
 //#region src/components/BottomSheet/BottomSheet.d.ts
 interface BottomSheetRootProps {
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime77.JSX.Element;
+  }: BottomSheetRootProps): react_jsx_runtime76.JSX.Element;
   displayName: string;
 } & {
   Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -28,7 +28,7 @@ declare const BottomSheet: {
       children,
       className,
       ...props
-    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime77.JSX.Element;
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime76.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime77.JSX.Element;
+    }): react_jsx_runtime76.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -50,7 +50,7 @@ declare const BottomSheet: {
       children: React.ReactNode;
       className?: string;
       maxHeight?: string | number;
-    }): react_jsx_runtime77.JSX.Element;
+    }): react_jsx_runtime76.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime77.JSX.Element;
+    }): react_jsx_runtime76.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/BottomSheet/BottomSheet.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.mts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"mappings":";;;;;;;UAMU,oBAAA;EACR,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,WAAA;EACA,YAAA,IAAgB,IAAA;EAChB,WAAA,GAAc,WAAA;AAAA;AAAA,cAkHH,WAAA;EAAA;;;;;;KAzGV,oBAAA,GAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;2CAAA,uBAAA,CAAA,kBAAA;;;;;;OAwCpB,KAAA,CAAM,cAAA,QAAsB,MAAA,CAAO,OAAA,IAAQ,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAkB5C,KAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;MAsBC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAaC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"BottomSheet.d.mts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"mappings":";;;;;;;UAMU,oBAAA;EACR,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,WAAA;EACA,YAAA,IAAgB,IAAA;EAChB,WAAA,GAAc,WAAA;AAAA;AAAA,cAmHH,WAAA;EAAA;;;;;;KA1GV,oBAAA,GAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;2CAAA,uBAAA,CAAA,kBAAA;;;;;;OAwCpB,KAAA,CAAM,cAAA,QAAsB,MAAA,CAAO,OAAA,IAAQ,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAmB5C,KAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;MAsBC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;MACA,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;MAaC,QAAA,EAAU,KAAA,CAAM,SAAA;MAChB,SAAA;IAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -1,9 +1,9 @@
 import { Text } from "../Text/Text.mjs";
 import { BottomSheetContext, useBottomSheet } from "../../hooks/bottomSheet/useBottomSheet.mjs";
-import { Drawer } from "../Drawer/Drawer.mjs";
 import { bottomSheet } from "./BottomSheet.styles.mjs";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer } from "vaul";
 
 //#region src/components/BottomSheet/BottomSheet.tsx
 const BottomSheetRoot = ({ children, open: controlledOpen, defaultOpen = false, onOpenChange, headerAlign = "left" }) => {
@@ -34,8 +34,8 @@ const BottomSheetHandle = () => {
 	return /* @__PURE__ */ jsx("div", { className: handle() });
 };
 const BottomSheetContent = ({ children, className, ...props }) => {
-	const { content } = bottomSheet();
-	return /* @__PURE__ */ jsxs(Drawer.Portal, { children: [/* @__PURE__ */ jsx(Drawer.Overlay, {}), /* @__PURE__ */ jsxs(Drawer.Content, {
+	const { content, overlay } = bottomSheet();
+	return /* @__PURE__ */ jsxs(Drawer.Portal, { children: [/* @__PURE__ */ jsx(Drawer.Overlay, { className: overlay() }), /* @__PURE__ */ jsxs(Drawer.Content, {
 		className: content({ className }),
 		...props,
 		children: [/* @__PURE__ */ jsx(BottomSheetHandle, {}), /* @__PURE__ */ jsx("div", {

package/dist/components/BottomSheet/BottomSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.mjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Drawer } from '../Drawer/Drawer';\nimport { Text } from '../Text';\nimport { BottomSheetContext, useBottomSheet } from '../../hooks';\nimport { bottomSheet, HeaderAlign } from './BottomSheet.styles';\n\ninterface BottomSheetRootProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  headerAlign?: HeaderAlign;\n}\n\nconst BottomSheetRoot = ({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  headerAlign = 'left',\n}: BottomSheetRootProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (!isControlled) {\n      setUncontrolledOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <BottomSheetContext.Provider\n      value={{\n        headerAlign,\n        isOpen,\n        onOpen: () => handleOpenChange(true),\n        onClose: () => handleOpenChange(false),\n      }}\n    >\n      <Drawer.Root open={isOpen} onOpenChange={handleOpenChange}>\n        {children}\n      </Drawer.Root>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheetTrigger = Drawer.Trigger;\n\nconst BottomSheetHandle = () => {\n  const { handle } = bottomSheet();\n  return <div className={handle()} />;\n};\n\nconst BottomSheetContent = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof Drawer.Content>) => {\n  const { content } = bottomSheet();\n  return (\n    <Drawer.Portal>\n      <Drawer.Overlay />\n\n      <Drawer.Content className={content({ className })} {...props}>\n        <BottomSheetHandle />\n        <div className=\"w-full\">{children}</div>\n      </Drawer.Content>\n    </Drawer.Portal>\n  );\n};\n\nconst BottomSheetHeader = ({\n  title,\n  className,\n}: {\n  title?: string;\n  className?: string;\n}) => {\n  const { headerAlign } = useBottomSheet();\n  const { header } = bottomSheet({ headerAlign });\n\n  return (\n    <div className={header({ className })}>\n      {title && (\n        <Drawer.Title asChild>\n          <Text as=\"h2\" typography=\"subtitle-18-bold\">\n            {title}\n          </Text>\n        </Drawer.Title>\n      )}\n    </div>\n  );\n};\n\nconst BottomSheetBody = ({\n  className,\n  children,\n  maxHeight,\n}: {\n  children: React.ReactNode;\n  className?: string;\n  maxHeight?: string | number;\n}) => {\n  const { body } = bottomSheet();\n  return (\n    <div className={body({ className })} style={{ maxHeight }}>\n      {children}\n    </div>\n  );\n};\n\nconst BottomSheetFooter = ({\n  className,\n  children,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => {\n  const { footer } = bottomSheet();\n  return <div className={footer({ className })}>{children}</div>;\n};\n\nexport const BottomSheet = Object.assign(BottomSheetRoot, {\n  Trigger: BottomSheetTrigger,\n  Content: BottomSheetContent,\n  Header: BottomSheetHeader,\n  Body: BottomSheetBody,\n  Footer: BottomSheetFooter,\n});\n\nBottomSheetRoot.displayName = 'BottomSheet';\nBottomSheetTrigger.displayName = 'BottomSheet.Trigger';\nBottomSheetContent.displayName = 'BottomSheet.Content';\nBottomSheetHeader.displayName = 'BottomSheet.Header';\nBottomSheetBody.displayName = 'BottomSheet.Body';\nBottomSheetFooter.displayName = 'BottomSheet.Footer';\n"],"mappings":";;;;;;;;AAcA,MAAM,mBAAmB,EACvB,UACA,MAAM,gBACN,cAAc,OACd,cACA,cAAc,aACY;CAC1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,YAAY;CAErE,MAAM,eAAe,mBAAmB;CACxC,MAAM,SAAS,eAAe,iBAAiB;CAE/C,MAAM,oBAAoB,YAAqB;AAC7C,MAAI,CAAC,aACH,qBAAoB,QAAQ;AAE9B,iBAAe,QAAQ;;AAGzB,QACE,oBAAC,mBAAmB;EAClB,OAAO;GACL;GACA;GACA,cAAc,iBAAiB,KAAK;GACpC,eAAe,iBAAiB,MAAM;GACvC;YAED,oBAAC,OAAO;GAAK,MAAM;GAAQ,cAAc;GACtC;IACW;GACc;;AAIlC,MAAM,qBAAqB,OAAO;AAElC,MAAM,0BAA0B;CAC9B,MAAM,EAAE,WAAW,aAAa;AAChC,QAAO,oBAAC,SAAI,WAAW,QAAQ,GAAI;;AAGrC,MAAM,sBAAsB,EAC1B,UACA,WACA,GAAG,YAC8C;CACjD,MAAM,EAAE,YAAY,aAAa;AACjC,QACE,qBAAC,OAAO,qBACN,oBAAC,OAAO,YAAU,EAElB,qBAAC,OAAO;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;aACrD,oBAAC,sBAAoB,EACrB,oBAAC;GAAI,WAAU;GAAU;IAAe;GACzB,IACH;;AAIpB,MAAM,qBAAqB,EACzB,OACA,gBAII;CACJ,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,EAAE,WAAW,YAAY,EAAE,aAAa,CAAC;AAE/C,QACE,oBAAC;EAAI,WAAW,OAAO,EAAE,WAAW,CAAC;YAClC,SACC,oBAAC,OAAO;GAAM;aACZ,oBAAC;IAAK,IAAG;IAAK,YAAW;cACtB;KACI;IACM;GAEb;;AAIV,MAAM,mBAAmB,EACvB,WACA,UACA,gBAKI;CACJ,MAAM,EAAE,SAAS,aAAa;AAC9B,QACE,oBAAC;EAAI,WAAW,KAAK,EAAE,WAAW,CAAC;EAAE,OAAO,EAAE,WAAW;EACtD;GACG;;AAIV,MAAM,qBAAqB,EACzB,WACA,eAII;CACJ,MAAM,EAAE,WAAW,aAAa;AAChC,QAAO,oBAAC;EAAI,WAAW,OAAO,EAAE,WAAW,CAAC;EAAG;GAAe;;AAGhE,MAAa,cAAc,OAAO,OAAO,iBAAiB;CACxD,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACT,CAAC;AAEF,gBAAgB,cAAc;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;AACjC,kBAAkB,cAAc;AAChC,gBAAgB,cAAc;AAC9B,kBAAkB,cAAc"}
+{"version":3,"file":"BottomSheet.mjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Drawer } from 'vaul';\nimport { Text } from '../Text';\nimport { BottomSheetContext, useBottomSheet } from '../../hooks';\nimport { bottomSheet, HeaderAlign } from './BottomSheet.styles';\n\ninterface BottomSheetRootProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  headerAlign?: HeaderAlign;\n}\n\nconst BottomSheetRoot = ({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  headerAlign = 'left',\n}: BottomSheetRootProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (!isControlled) {\n      setUncontrolledOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <BottomSheetContext.Provider\n      value={{\n        headerAlign,\n        isOpen,\n        onOpen: () => handleOpenChange(true),\n        onClose: () => handleOpenChange(false),\n      }}\n    >\n      <Drawer.Root open={isOpen} onOpenChange={handleOpenChange}>\n        {children}\n      </Drawer.Root>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheetTrigger = Drawer.Trigger;\n\nconst BottomSheetHandle = () => {\n  const { handle } = bottomSheet();\n  return <div className={handle()} />;\n};\n\nconst BottomSheetContent = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof Drawer.Content>) => {\n  const { content, overlay } = bottomSheet();\n\n  return (\n    <Drawer.Portal>\n      <Drawer.Overlay className={overlay()} />\n\n      <Drawer.Content className={content({ className })} {...props}>\n        <BottomSheetHandle />\n        <div className=\"w-full\">{children}</div>\n      </Drawer.Content>\n    </Drawer.Portal>\n  );\n};\n\nconst BottomSheetHeader = ({\n  title,\n  className,\n}: {\n  title?: string;\n  className?: string;\n}) => {\n  const { headerAlign } = useBottomSheet();\n  const { header } = bottomSheet({ headerAlign });\n\n  return (\n    <div className={header({ className })}>\n      {title && (\n        <Drawer.Title asChild>\n          <Text as=\"h2\" typography=\"subtitle-18-bold\">\n            {title}\n          </Text>\n        </Drawer.Title>\n      )}\n    </div>\n  );\n};\n\nconst BottomSheetBody = ({\n  className,\n  children,\n  maxHeight,\n}: {\n  children: React.ReactNode;\n  className?: string;\n  maxHeight?: string | number;\n}) => {\n  const { body } = bottomSheet();\n  return (\n    <div className={body({ className })} style={{ maxHeight }}>\n      {children}\n    </div>\n  );\n};\n\nconst BottomSheetFooter = ({\n  className,\n  children,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => {\n  const { footer } = bottomSheet();\n  return <div className={footer({ className })}>{children}</div>;\n};\n\nexport const BottomSheet = Object.assign(BottomSheetRoot, {\n  Trigger: BottomSheetTrigger,\n  Content: BottomSheetContent,\n  Header: BottomSheetHeader,\n  Body: BottomSheetBody,\n  Footer: BottomSheetFooter,\n});\n\nBottomSheetRoot.displayName = 'BottomSheet';\nBottomSheetTrigger.displayName = 'BottomSheet.Trigger';\nBottomSheetContent.displayName = 'BottomSheet.Content';\nBottomSheetHeader.displayName = 'BottomSheet.Header';\nBottomSheetBody.displayName = 'BottomSheet.Body';\nBottomSheetFooter.displayName = 'BottomSheet.Footer';\n"],"mappings":";;;;;;;;AAcA,MAAM,mBAAmB,EACvB,UACA,MAAM,gBACN,cAAc,OACd,cACA,cAAc,aACY;CAC1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,YAAY;CAErE,MAAM,eAAe,mBAAmB;CACxC,MAAM,SAAS,eAAe,iBAAiB;CAE/C,MAAM,oBAAoB,YAAqB;AAC7C,MAAI,CAAC,aACH,qBAAoB,QAAQ;AAE9B,iBAAe,QAAQ;;AAGzB,QACE,oBAAC,mBAAmB;EAClB,OAAO;GACL;GACA;GACA,cAAc,iBAAiB,KAAK;GACpC,eAAe,iBAAiB,MAAM;GACvC;YAED,oBAAC,OAAO;GAAK,MAAM;GAAQ,cAAc;GACtC;IACW;GACc;;AAIlC,MAAM,qBAAqB,OAAO;AAElC,MAAM,0BAA0B;CAC9B,MAAM,EAAE,WAAW,aAAa;AAChC,QAAO,oBAAC,SAAI,WAAW,QAAQ,GAAI;;AAGrC,MAAM,sBAAsB,EAC1B,UACA,WACA,GAAG,YAC8C;CACjD,MAAM,EAAE,SAAS,YAAY,aAAa;AAE1C,QACE,qBAAC,OAAO,qBACN,oBAAC,OAAO,WAAQ,WAAW,SAAS,GAAI,EAExC,qBAAC,OAAO;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;aACrD,oBAAC,sBAAoB,EACrB,oBAAC;GAAI,WAAU;GAAU;IAAe;GACzB,IACH;;AAIpB,MAAM,qBAAqB,EACzB,OACA,gBAII;CACJ,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,EAAE,WAAW,YAAY,EAAE,aAAa,CAAC;AAE/C,QACE,oBAAC;EAAI,WAAW,OAAO,EAAE,WAAW,CAAC;YAClC,SACC,oBAAC,OAAO;GAAM;aACZ,oBAAC;IAAK,IAAG;IAAK,YAAW;cACtB;KACI;IACM;GAEb;;AAIV,MAAM,mBAAmB,EACvB,WACA,UACA,gBAKI;CACJ,MAAM,EAAE,SAAS,aAAa;AAC9B,QACE,oBAAC;EAAI,WAAW,KAAK,EAAE,WAAW,CAAC;EAAE,OAAO,EAAE,WAAW;EACtD;GACG;;AAIV,MAAM,qBAAqB,EACzB,WACA,eAII;CACJ,MAAM,EAAE,WAAW,aAAa;AAChC,QAAO,oBAAC;EAAI,WAAW,OAAO,EAAE,WAAW,CAAC;EAAG;GAAe;;AAGhE,MAAa,cAAc,OAAO,OAAO,iBAAiB;CACxD,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACT,CAAC;AAEF,gBAAgB,cAAc;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;AACjC,kBAAkB,cAAc;AAChC,gBAAgB,cAAc;AAC9B,kBAAkB,cAAc"}

package/dist/components/BottomSheet/BottomSheet.styles.cjs

@@ -4,11 +4,16 @@ let tailwind_variants = require("tailwind-variants");
 //#region src/components/BottomSheet/BottomSheet.styles.ts
 const bottomSheet = (0, tailwind_variants.tv)({
 	slots: {
-		content: "flex w-full flex-col items-center gap-8 rounded-t-2xl bg-white px-6 py-3.5 pb-10 shadow-[0_-2px_30px_0_rgba(51,53,61,0.30)]",
+		overlay: ["fixed inset-0 z-bottomsheet"],
+		content: [
+			"fixed bottom-0 z-bottomsheet flex w-full flex-col items-center gap-8",
+			"rounded-t-2xl bg-white px-6 py-3.5 pb-10",
+			"shadow-[0_-2px_30px_0_rgba(51,53,61,0.30)]"
+		],
 		handle: "h-1 w-11 rounded-full bg-gray-200",
 		header: "text-left",
-		body: "overflow-y-auto",
-		footer: ""
+		body: "overflow-y-auto w-full",
+		footer: "w-full"
 	},
 	variants: { headerAlign: {
 		left: { header: "text-left" },

package/dist/components/BottomSheet/BottomSheet.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants45 from "tailwind-variants";
+import * as tailwind_variants53 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomSheet/BottomSheet.styles.d.ts
-declare const bottomSheet: tailwind_variants45.TVReturnType<{
+declare const bottomSheet: tailwind_variants53.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -12,7 +12,8 @@ declare const bottomSheet: tailwind_variants45.TVReturnType<{
     };
   };
 }, {
-  content: string;
+  overlay: string[];
+  content: string[];
   handle: string;
   header: string;
   body: string;
@@ -27,12 +28,13 @@ declare const bottomSheet: tailwind_variants45.TVReturnType<{
     };
   };
 }, {
-  content: string;
+  overlay: string[];
+  content: string[];
   handle: string;
   header: string;
   body: string;
   footer: string;
-}, tailwind_variants45.TVReturnType<{
+}, tailwind_variants53.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -42,7 +44,8 @@ declare const bottomSheet: tailwind_variants45.TVReturnType<{
     };
   };
 }, {
-  content: string;
+  overlay: string[];
+  content: string[];
   handle: string;
   header: string;
   body: string;

package/dist/components/BottomSheet/BottomSheet.styles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.styles.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"mappings":";;;;cAEa,WAAA,EAsBX,mBAAA,CAtBsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBtB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,WAAA"}
+{"version":3,"file":"BottomSheet.styles.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"mappings":";;;;cAEa,WAAA,EAsBX,mBAAA,CAtBsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBtB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,WAAA"}

package/dist/components/BottomSheet/BottomSheet.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants51 from "tailwind-variants";
+import * as tailwind_variants49 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomSheet/BottomSheet.styles.d.ts
-declare const bottomSheet: tailwind_variants51.TVReturnType<{
+declare const bottomSheet: tailwind_variants49.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -12,7 +12,8 @@ declare const bottomSheet: tailwind_variants51.TVReturnType<{
     };
   };
 }, {
-  content: string;
+  overlay: string[];
+  content: string[];
   handle: string;
   header: string;
   body: string;
@@ -27,12 +28,13 @@ declare const bottomSheet: tailwind_variants51.TVReturnType<{
     };
   };
 }, {
-  content: string;
+  overlay: string[];
+  content: string[];
   handle: string;
   header: string;
   body: string;
   footer: string;
-}, tailwind_variants51.TVReturnType<{
+}, tailwind_variants49.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -42,7 +44,8 @@ declare const bottomSheet: tailwind_variants51.TVReturnType<{
     };
   };
 }, {
-  content: string;
+  overlay: string[];
+  content: string[];
   handle: string;
   header: string;
   body: string;

package/dist/components/BottomSheet/BottomSheet.styles.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.styles.d.mts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"mappings":";;;;cAEa,WAAA,EAsBX,mBAAA,CAtBsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBtB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,WAAA"}
+{"version":3,"file":"BottomSheet.styles.d.mts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"mappings":";;;;cAEa,WAAA,EAsBX,mBAAA,CAtBsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBtB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,WAAA"}

package/dist/components/BottomSheet/BottomSheet.styles.mjs

@@ -3,11 +3,16 @@ import { tv } from "tailwind-variants";
 //#region src/components/BottomSheet/BottomSheet.styles.ts
 const bottomSheet = tv({
 	slots: {
-		content: "flex w-full flex-col items-center gap-8 rounded-t-2xl bg-white px-6 py-3.5 pb-10 shadow-[0_-2px_30px_0_rgba(51,53,61,0.30)]",
+		overlay: ["fixed inset-0 z-bottomsheet"],
+		content: [
+			"fixed bottom-0 z-bottomsheet flex w-full flex-col items-center gap-8",
+			"rounded-t-2xl bg-white px-6 py-3.5 pb-10",
+			"shadow-[0_-2px_30px_0_rgba(51,53,61,0.30)]"
+		],
 		handle: "h-1 w-11 rounded-full bg-gray-200",
 		header: "text-left",
-		body: "overflow-y-auto",
-		footer: ""
+		body: "overflow-y-auto w-full",
+		footer: "w-full"
 	},
 	variants: { headerAlign: {
 		left: { header: "text-left" },

package/dist/components/BottomSheet/BottomSheet.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.styles.mjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomSheet = tv({\n  slots: {\n    content:\n      'flex w-full flex-col items-center gap-8 rounded-t-2xl bg-white px-6 py-3.5 pb-10 shadow-[0_-2px_30px_0_rgba(51,53,61,0.30)]',\n    handle: 'h-1 w-11 rounded-full bg-gray-200',\n    header: 'text-left',\n    body: 'overflow-y-auto',\n    footer: '',\n  },\n  variants: {\n    headerAlign: {\n      left: {\n        header: 'text-left',\n      },\n      center: {\n        header: 'text-center',\n      },\n    },\n  },\n  defaultVariants: {\n    headerAlign: 'left',\n  },\n});\n\nexport type HeaderAlign = VariantProps<typeof bottomSheet>['headerAlign'];\n"],"mappings":";;;AAEA,MAAa,cAAc,GAAG;CAC5B,OAAO;EACL,SACE;EACF,QAAQ;EACR,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACD,UAAU,EACR,aAAa;EACX,MAAM,EACJ,QAAQ,aACT;EACD,QAAQ,EACN,QAAQ,eACT;EACF,EACF;CACD,iBAAiB,EACf,aAAa,QACd;CACF,CAAC"}
+{"version":3,"file":"BottomSheet.styles.mjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomSheet = tv({\n  slots: {\n    overlay: ['fixed inset-0 z-bottomsheet'],\n    content: [\n      'fixed bottom-0 z-bottomsheet flex w-full flex-col items-center gap-8',\n      'rounded-t-2xl bg-white px-6 py-3.5 pb-10',\n      'shadow-[0_-2px_30px_0_rgba(51,53,61,0.30)]',\n    ],\n    handle: 'h-1 w-11 rounded-full bg-gray-200',\n    header: 'text-left',\n    body: 'overflow-y-auto w-full',\n    footer: 'w-full',\n  },\n  variants: {\n    headerAlign: {\n      left: { header: 'text-left' },\n      center: { header: 'text-center' },\n    },\n  },\n  defaultVariants: {\n    headerAlign: 'left',\n  },\n});\n\nexport type HeaderAlign = VariantProps<typeof bottomSheet>['headerAlign'];\n"],"mappings":";;;AAEA,MAAa,cAAc,GAAG;CAC5B,OAAO;EACL,SAAS,CAAC,8BAA8B;EACxC,SAAS;GACP;GACA;GACA;GACD;EACD,QAAQ;EACR,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACD,UAAU,EACR,aAAa;EACX,MAAM,EAAE,QAAQ,aAAa;EAC7B,QAAQ,EAAE,QAAQ,eAAe;EAClC,EACF;CACD,iBAAiB,EACf,aAAa,QACd;CACF,CAAC"}

package/dist/components/Box/Box.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Box/Box.styles.d.ts
-declare const box: tailwind_variants9.TVReturnType<{
+declare const box: tailwind_variants0.TVReturnType<{
   padding: {
     none: string;
     xs: string;
@@ -66,7 +66,7 @@ declare const box: tailwind_variants9.TVReturnType<{
     inverse: string;
     transparent: string;
   };
-}, undefined, tailwind_variants9.TVReturnType<{
+}, undefined, tailwind_variants0.TVReturnType<{
   padding: {
     none: string;
     xs: string;

package/dist/components/Button/Button.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { ButtonVariants } from "./Button.styles.cjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/Button/Button.d.ts
 interface ButtonProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonVariants, PrimitiveProps {}
@@ -14,7 +14,7 @@ declare function Button({
   className,
   children,
   ...props
-}: ButtonProps): react_jsx_runtime12.JSX.Element;
+}: ButtonProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.cts.map

package/dist/components/Button/Button.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.cts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Button.d.cts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Button/Button.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { ButtonVariants } from "./Button.styles.mjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/Button/Button.d.ts
 interface ButtonProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonVariants, PrimitiveProps {}
@@ -14,7 +14,7 @@ declare function Button({
   className,
   children,
   ...props
-}: ButtonProps): react_jsx_runtime16.JSX.Element;
+}: ButtonProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.mts.map

package/dist/components/Button/Button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Button.d.mts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Button/Button.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants39 from "tailwind-variants";
+import * as tailwind_variants31 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Button/Button.styles.d.ts
-declare const button: tailwind_variants39.TVReturnType<{
+declare const button: tailwind_variants31.TVReturnType<{
   size: {
     sm: string;
     md: string;
@@ -38,7 +38,7 @@ declare const button: tailwind_variants39.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants39.TVReturnType<{
+}, undefined, tailwind_variants31.TVReturnType<{
   size: {
     sm: string;
     md: string;