@causw/core 0.0.18 → 0.0.20

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_runtime41 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_runtime41.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_runtime36 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_runtime36.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_variants19 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_variants19.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_variants19.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/components/BottomNavigation/BottomNavigation.cjs

@@ -7,7 +7,7 @@ const require_useBottomNavigationContext = require('./hooks/useBottomNavigationC
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/BottomNavigation/BottomNavigation.tsx
-const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props }) => {
+const BottomNavigationRoot = ({ children, selected, onSelectChange, className, ...props }) => {
 	const { root } = require_BottomNavigation_styles.bottomNavigation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBottomNavigationContext.BottomNavigationContext.Provider, {
 		value: {
@@ -15,13 +15,13 @@ const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props })
 			onSelectChange
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.nav, {
-			className: root(),
+			className: root({ className }),
 			...props,
 			children
 		})
 	});
 };
-const BottomNavigationItem = ({ selected, value, children, onClick, ...props }) => {
+const BottomNavigationItem = ({ selected, value, className, children, onClick, ...props }) => {
 	const rootContext = require_useBottomNavigationContext.useBottomNavigationContext();
 	const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
 	const { item } = require_BottomNavigation_styles.bottomNavigation({
@@ -36,14 +36,14 @@ const BottomNavigationItem = ({ selected, value, children, onClick, ...props })
 		value: { selected: isSelected },
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.button, {
 			type: "button",
-			className: item(),
+			className: item({ className }),
 			onClick: handleClick,
 			...props,
 			children
 		})
 	});
 };
-const BottomNavigationIcon = ({ children, selected, ...props }) => {
+const BottomNavigationIcon = ({ children, selected, className, ...props }) => {
 	const itemContext = require_useBottomNavigationContext.useBottomNavigationItemContext();
 	const { icon } = require_BottomNavigation_styles.bottomNavigation({
 		selected: selected ?? itemContext.selected,
@@ -51,19 +51,19 @@ const BottomNavigationIcon = ({ children, selected, ...props }) => {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.svg, {
 		asChild: true,
-		className: icon(),
+		className: icon({ className }),
 		...props,
 		children
 	});
 };
-const BottomNavigationLabel = ({ children, selected, ...props }) => {
+const BottomNavigationLabel = ({ children, selected, className, ...props }) => {
 	const itemContext = require_useBottomNavigationContext.useBottomNavigationItemContext();
 	const { label } = require_BottomNavigation_styles.bottomNavigation({
 		selected: selected ?? itemContext.selected,
 		...props
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.span, {
-		className: label(),
+		className: label({ className }),
 		...props,
 		children
 	});

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_runtime74 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -24,25 +24,29 @@ declare const BottomNavigation: (({
   children,
   selected,
   onSelectChange,
+  className,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime65.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
   Item: ({
     selected,
     value,
+    className,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
   Icon: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
   Label: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime74.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.d.cts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAmBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA6CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAoBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAoBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GA3G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;KA2BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KA6CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KAsBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
+{"version":3,"file":"BottomNavigation.d.cts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAoBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA8CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAqBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAqBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GA9G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;KA4BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KA8CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAuBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

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_runtime74 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -24,25 +24,29 @@ declare const BottomNavigation: (({
   children,
   selected,
   onSelectChange,
+  className,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime65.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
   Item: ({
     selected,
     value,
+    className,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
   Icon: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
   Label: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime65.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime74.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.d.mts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAmBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA6CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAoBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAoBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GA3G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;KA2BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KA6CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KAsBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
+{"version":3,"file":"BottomNavigation.d.mts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAoBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA8CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAqBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAqBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GA9G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;KA4BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KA8CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAuBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/components/BottomNavigation/BottomNavigation.mjs

@@ -6,7 +6,7 @@ import { BottomNavigationContext, BottomNavigationItemContext, useBottomNavigati
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.tsx
-const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props }) => {
+const BottomNavigationRoot = ({ children, selected, onSelectChange, className, ...props }) => {
 	const { root } = bottomNavigation();
 	return /* @__PURE__ */ jsx(BottomNavigationContext.Provider, {
 		value: {
@@ -14,13 +14,13 @@ const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props })
 			onSelectChange
 		},
 		children: /* @__PURE__ */ jsx(Primitive.nav, {
-			className: root(),
+			className: root({ className }),
 			...props,
 			children
 		})
 	});
 };
-const BottomNavigationItem = ({ selected, value, children, onClick, ...props }) => {
+const BottomNavigationItem = ({ selected, value, className, children, onClick, ...props }) => {
 	const rootContext = useBottomNavigationContext();
 	const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
 	const { item } = bottomNavigation({
@@ -35,14 +35,14 @@ const BottomNavigationItem = ({ selected, value, children, onClick, ...props })
 		value: { selected: isSelected },
 		children: /* @__PURE__ */ jsx(Primitive.button, {
 			type: "button",
-			className: item(),
+			className: item({ className }),
 			onClick: handleClick,
 			...props,
 			children
 		})
 	});
 };
-const BottomNavigationIcon = ({ children, selected, ...props }) => {
+const BottomNavigationIcon = ({ children, selected, className, ...props }) => {
 	const itemContext = useBottomNavigationItemContext();
 	const { icon } = bottomNavigation({
 		selected: selected ?? itemContext.selected,
@@ -50,19 +50,19 @@ const BottomNavigationIcon = ({ children, selected, ...props }) => {
 	});
 	return /* @__PURE__ */ jsx(Primitive.svg, {
 		asChild: true,
-		className: icon(),
+		className: icon({ className }),
 		...props,
 		children
 	});
 };
-const BottomNavigationLabel = ({ children, selected, ...props }) => {
+const BottomNavigationLabel = ({ children, selected, className, ...props }) => {
 	const itemContext = useBottomNavigationItemContext();
 	const { label } = bottomNavigation({
 		selected: selected ?? itemContext.selected,
 		...props
 	});
 	return /* @__PURE__ */ jsx(Primitive.span, {
-		className: label(),
+		className: label({ className }),
 		...props,
 		children
 	});

package/dist/components/BottomNavigation/BottomNavigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentProps, SVGProps } from 'react';\nimport {\n  bottomNavigation,\n  BottomNavigationVariants,\n} from './BottomNavigation.styles';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nimport {\n  BottomNavigationContext,\n  useBottomNavigationContext,\n  BottomNavigationItemContext,\n  useBottomNavigationItemContext,\n} from './hooks/useBottomNavigationContext';\n\nexport interface BottomNavigationRootProps\n  extends ComponentProps<'nav'>, PrimitiveProps {\n  selected?: string;\n  onSelectChange?: (value: string) => void;\n}\n\nconst BottomNavigationRoot = ({\n  children,\n  selected,\n  onSelectChange,\n  ...props\n}: BottomNavigationRootProps) => {\n  const { root } = bottomNavigation();\n  return (\n    <BottomNavigationContext.Provider value={{ selected, onSelectChange }}>\n      <Primitive.nav className={root()} {...props}>\n        {children}\n      </Primitive.nav>\n    </BottomNavigationContext.Provider>\n  );\n};\n\ninterface BottomNavigationItemProps\n  extends\n    ComponentProps<'button'>,\n    PrimitiveProps,\n    Omit<BottomNavigationVariants, 'selected'> {\n  value?: string;\n  selected?: boolean;\n  children: React.ReactNode;\n}\n\nconst BottomNavigationItem = ({\n  selected,\n  value,\n  children,\n  onClick,\n  ...props\n}: BottomNavigationItemProps) => {\n  const rootContext = useBottomNavigationContext();\n\n  const isSelected =\n    selected ??\n    (rootContext.selected !== undefined && value !== undefined\n      ? rootContext.selected === value\n      : false);\n\n  const { item } = bottomNavigation({ selected: isSelected, ...props });\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    if (\n      !e.defaultPrevented &&\n      rootContext.onSelectChange &&\n      value !== undefined\n    ) {\n      rootContext.onSelectChange(value);\n    }\n  };\n\n  return (\n    <BottomNavigationItemContext.Provider value={{ selected: isSelected }}>\n      <Primitive.button\n        type=\"button\"\n        className={item()}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n      </Primitive.button>\n    </BottomNavigationItemContext.Provider>\n  );\n};\n\ninterface BottomNavigationIconProps\n  extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {\n  children: React.ReactNode;\n}\n\nconst BottomNavigationIcon = ({\n  children,\n  selected,\n  ...props\n}: BottomNavigationIconProps) => {\n  const itemContext = useBottomNavigationItemContext();\n  const isSelected = selected ?? itemContext.selected;\n\n  const { icon } = bottomNavigation({ selected: isSelected, ...props });\n\n  return (\n    <Primitive.svg asChild className={icon()} {...props}>\n      {children}\n    </Primitive.svg>\n  );\n};\n\ninterface BottomNavigationLabelProps\n  extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {\n  children: React.ReactNode;\n}\n\nconst BottomNavigationLabel = ({\n  children,\n  selected,\n  ...props\n}: BottomNavigationLabelProps) => {\n  const itemContext = useBottomNavigationItemContext();\n  const isSelected = selected ?? itemContext.selected;\n\n  const { label } = bottomNavigation({ selected: isSelected, ...props });\n\n  return (\n    <Primitive.span className={label()} {...props}>\n      {children}\n    </Primitive.span>\n  );\n};\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n  Icon: BottomNavigationIcon,\n  Label: BottomNavigationLabel,\n});\n"],"mappings":";;;;;;;;AAsBA,MAAM,wBAAwB,EAC5B,UACA,UACA,gBACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,oBAAC,wBAAwB;EAAS,OAAO;GAAE;GAAU;GAAgB;YACnE,oBAAC,UAAU;GAAI,WAAW,MAAM;GAAE,GAAI;GACnC;IACa;GACiB;;AAcvC,MAAM,wBAAwB,EAC5B,UACA,OACA,UACA,SACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,4BAA4B;CAEhD,MAAM,aACJ,aACC,YAAY,aAAa,UAAa,UAAU,SAC7C,YAAY,aAAa,QACzB;CAEN,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAAU;EAAY,GAAG;EAAO,CAAC;CAErE,MAAM,eAAe,MAA2C;AAC9D,YAAU,EAAE;AACZ,MACE,CAAC,EAAE,oBACH,YAAY,kBACZ,UAAU,OAEV,aAAY,eAAe,MAAM;;AAIrC,QACE,oBAAC,4BAA4B;EAAS,OAAO,EAAE,UAAU,YAAY;YACnE,oBAAC,UAAU;GACT,MAAK;GACL,WAAW,MAAM;GACjB,SAAS;GACT,GAAI;GAEH;IACgB;GACkB;;AAS3C,MAAM,wBAAwB,EAC5B,UACA,UACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAFjB,YAAY,YAAY;EAEe,GAAG;EAAO,CAAC;AAErE,QACE,oBAAC,UAAU;EAAI;EAAQ,WAAW,MAAM;EAAE,GAAI;EAC3C;GACa;;AASpB,MAAM,yBAAyB,EAC7B,UACA,UACA,GAAG,YAC6B;CAChC,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,UAAU,iBAAiB;EAAE,UAFlB,YAAY,YAAY;EAEgB,GAAG;EAAO,CAAC;AAEtE,QACE,oBAAC,UAAU;EAAK,WAAW,OAAO;EAAE,GAAI;EACrC;GACc;;AAIrB,MAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,MAAM;CACN,OAAO;CACR,CAAC"}
+{"version":3,"file":"BottomNavigation.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentProps, SVGProps } from 'react';\nimport {\n  bottomNavigation,\n  BottomNavigationVariants,\n} from './BottomNavigation.styles';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nimport {\n  BottomNavigationContext,\n  useBottomNavigationContext,\n  BottomNavigationItemContext,\n  useBottomNavigationItemContext,\n} from './hooks/useBottomNavigationContext';\n\nexport interface BottomNavigationRootProps\n  extends ComponentProps<'nav'>, PrimitiveProps {\n  selected?: string;\n  onSelectChange?: (value: string) => void;\n}\n\nconst BottomNavigationRoot = ({\n  children,\n  selected,\n  onSelectChange,\n  className,\n  ...props\n}: BottomNavigationRootProps) => {\n  const { root } = bottomNavigation();\n  return (\n    <BottomNavigationContext.Provider value={{ selected, onSelectChange }}>\n      <Primitive.nav className={root({ className })} {...props}>\n        {children}\n      </Primitive.nav>\n    </BottomNavigationContext.Provider>\n  );\n};\n\ninterface BottomNavigationItemProps\n  extends\n    ComponentProps<'button'>,\n    PrimitiveProps,\n    Omit<BottomNavigationVariants, 'selected'> {\n  value?: string;\n  selected?: boolean;\n  children: React.ReactNode;\n}\n\nconst BottomNavigationItem = ({\n  selected,\n  value,\n  className,\n  children,\n  onClick,\n  ...props\n}: BottomNavigationItemProps) => {\n  const rootContext = useBottomNavigationContext();\n\n  const isSelected =\n    selected ??\n    (rootContext.selected !== undefined && value !== undefined\n      ? rootContext.selected === value\n      : false);\n\n  const { item } = bottomNavigation({ selected: isSelected, ...props });\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    if (\n      !e.defaultPrevented &&\n      rootContext.onSelectChange &&\n      value !== undefined\n    ) {\n      rootContext.onSelectChange(value);\n    }\n  };\n\n  return (\n    <BottomNavigationItemContext.Provider value={{ selected: isSelected }}>\n      <Primitive.button\n        type=\"button\"\n        className={item({ className })}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n      </Primitive.button>\n    </BottomNavigationItemContext.Provider>\n  );\n};\n\ninterface BottomNavigationIconProps\n  extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {\n  children: React.ReactNode;\n}\n\nconst BottomNavigationIcon = ({\n  children,\n  selected,\n  className,\n  ...props\n}: BottomNavigationIconProps) => {\n  const itemContext = useBottomNavigationItemContext();\n  const isSelected = selected ?? itemContext.selected;\n\n  const { icon } = bottomNavigation({ selected: isSelected, ...props });\n\n  return (\n    <Primitive.svg asChild className={icon({ className })} {...props}>\n      {children}\n    </Primitive.svg>\n  );\n};\n\ninterface BottomNavigationLabelProps\n  extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {\n  children: React.ReactNode;\n}\n\nconst BottomNavigationLabel = ({\n  children,\n  selected,\n  className,\n  ...props\n}: BottomNavigationLabelProps) => {\n  const itemContext = useBottomNavigationItemContext();\n  const isSelected = selected ?? itemContext.selected;\n\n  const { label } = bottomNavigation({ selected: isSelected, ...props });\n\n  return (\n    <Primitive.span className={label({ className })} {...props}>\n      {children}\n    </Primitive.span>\n  );\n};\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n  Icon: BottomNavigationIcon,\n  Label: BottomNavigationLabel,\n});\n"],"mappings":";;;;;;;;AAsBA,MAAM,wBAAwB,EAC5B,UACA,UACA,gBACA,WACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,oBAAC,wBAAwB;EAAS,OAAO;GAAE;GAAU;GAAgB;YACnE,oBAAC,UAAU;GAAI,WAAW,KAAK,EAAE,WAAW,CAAC;GAAE,GAAI;GAChD;IACa;GACiB;;AAcvC,MAAM,wBAAwB,EAC5B,UACA,OACA,WACA,UACA,SACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,4BAA4B;CAEhD,MAAM,aACJ,aACC,YAAY,aAAa,UAAa,UAAU,SAC7C,YAAY,aAAa,QACzB;CAEN,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAAU;EAAY,GAAG;EAAO,CAAC;CAErE,MAAM,eAAe,MAA2C;AAC9D,YAAU,EAAE;AACZ,MACE,CAAC,EAAE,oBACH,YAAY,kBACZ,UAAU,OAEV,aAAY,eAAe,MAAM;;AAIrC,QACE,oBAAC,4BAA4B;EAAS,OAAO,EAAE,UAAU,YAAY;YACnE,oBAAC,UAAU;GACT,MAAK;GACL,WAAW,KAAK,EAAE,WAAW,CAAC;GAC9B,SAAS;GACT,GAAI;GAEH;IACgB;GACkB;;AAS3C,MAAM,wBAAwB,EAC5B,UACA,UACA,WACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAFjB,YAAY,YAAY;EAEe,GAAG;EAAO,CAAC;AAErE,QACE,oBAAC,UAAU;EAAI;EAAQ,WAAW,KAAK,EAAE,WAAW,CAAC;EAAE,GAAI;EACxD;GACa;;AASpB,MAAM,yBAAyB,EAC7B,UACA,UACA,WACA,GAAG,YAC6B;CAChC,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,UAAU,iBAAiB;EAAE,UAFlB,YAAY,YAAY;EAEgB,GAAG;EAAO,CAAC;AAEtE,QACE,oBAAC,UAAU;EAAK,WAAW,MAAM,EAAE,WAAW,CAAC;EAAE,GAAI;EAClD;GACc;;AAIrB,MAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,MAAM;CACN,OAAO;CACR,CAAC"}

package/dist/components/BottomNavigation/BottomNavigation.styles.cjs

@@ -4,7 +4,7 @@ let tailwind_variants = require("tailwind-variants");
 //#region src/components/BottomNavigation/BottomNavigation.styles.ts
 const bottomNavigation = (0, tailwind_variants.tv)({
 	slots: {
-		root: "fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
+		root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
 		item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
 		icon: "w-5 h-5",
 		label: "typo-caption-12-semibold text-center"

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants47 from "tailwind-variants";
+import * as tailwind_variants53 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
-declare const bottomNavigation: tailwind_variants47.TVReturnType<{
+declare const bottomNavigation: tailwind_variants53.TVReturnType<{
   selected: {
     true: {
       icon: string;
@@ -34,7 +34,7 @@ declare const bottomNavigation: tailwind_variants47.TVReturnType<{
   item: string;
   icon: string;
   label: string;
-}, tailwind_variants47.TVReturnType<{
+}, tailwind_variants53.TVReturnType<{
   selected: {
     true: {
       icon: string;

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants47 from "tailwind-variants";
+import * as tailwind_variants49 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
-declare const bottomNavigation: tailwind_variants47.TVReturnType<{
+declare const bottomNavigation: tailwind_variants49.TVReturnType<{
   selected: {
     true: {
       icon: string;
@@ -34,7 +34,7 @@ declare const bottomNavigation: tailwind_variants47.TVReturnType<{
   item: string;
   icon: string;
   label: string;
-}, tailwind_variants47.TVReturnType<{
+}, tailwind_variants49.TVReturnType<{
   selected: {
     true: {
       icon: string;

package/dist/components/BottomNavigation/BottomNavigation.styles.mjs

@@ -3,7 +3,7 @@ import { tv } from "tailwind-variants";
 //#region src/components/BottomNavigation/BottomNavigation.styles.ts
 const bottomNavigation = tv({
 	slots: {
-		root: "fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
+		root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
 		item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
 		icon: "w-5 h-5",
 		label: "typo-caption-12-semibold text-center"

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n  slots: {\n    root: 'fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe',\n    item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n    icon: 'w-5 h-5',\n    label: 'typo-caption-12-semibold text-center',\n  },\n  variants: {\n    selected: {\n      true: {\n        icon: 'fill-gray-700',\n        label: 'text-gray-600',\n      },\n      false: {\n        icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n        label:\n          'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}
+{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n  slots: {\n    root: 'fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe',\n    item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n    icon: 'w-5 h-5',\n    label: 'typo-caption-12-semibold text-center',\n  },\n  variants: {\n    selected: {\n      true: {\n        icon: 'fill-gray-700',\n        label: 'text-gray-600',\n      },\n      false: {\n        icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n        label:\n          'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}

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_runtime79 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_runtime79.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_runtime79.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime31.JSX.Element;
+    }): react_jsx_runtime79.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_runtime79.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime31.JSX.Element;
+    }): react_jsx_runtime79.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_runtime79 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_runtime79.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_runtime79.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime77.JSX.Element;
+    }): react_jsx_runtime79.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_runtime79.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime77.JSX.Element;
+    }): react_jsx_runtime79.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"}