@causw/core 0.0.19 → 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_runtime33 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_runtime33.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_runtime33 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_runtime33.JSX.Element;
+  }: AvatarProps): react_jsx_runtime36.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants15 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_variants15.TVReturnType<{
+declare const avatar: tailwind_variants19.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants15.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants15.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_runtime67 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_runtime67.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
   Item: ({
     selected,
     value,
+    className,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime67.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
   Icon: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime67.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
   Label: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime67.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_runtime63 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_runtime63.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
   Item: ({
     selected,
     value,
+    className,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime63.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
   Icon: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime63.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
   Label: ({
     children,
     selected,
+    className,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime63.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.d.cts

@@ -1,6 +1,6 @@
 import { HeaderAlign } from "./BottomSheet.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime74 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";
 
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime74.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_runtime74.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_runtime74.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_runtime74.JSX.Element;
+    }): react_jsx_runtime79.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime74.JSX.Element;
+    }): react_jsx_runtime79.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1,6 +1,6 @@
 import { HeaderAlign } from "./BottomSheet.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime76 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";
 
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime76.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_runtime76.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_runtime76.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_runtime76.JSX.Element;
+    }): react_jsx_runtime79.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime76.JSX.Element;
+    }): react_jsx_runtime79.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants53 from "tailwind-variants";
+import * as tailwind_variants51 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomSheet/BottomSheet.styles.d.ts
-declare const bottomSheet: tailwind_variants53.TVReturnType<{
+declare const bottomSheet: tailwind_variants51.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -34,7 +34,7 @@ declare const bottomSheet: tailwind_variants53.TVReturnType<{
   header: string;
   body: string;
   footer: string;
-}, tailwind_variants53.TVReturnType<{
+}, tailwind_variants51.TVReturnType<{
   headerAlign: {
     left: {
       header: string;

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants49 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_variants49.TVReturnType<{
+declare const bottomSheet: tailwind_variants53.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -34,7 +34,7 @@ declare const bottomSheet: tailwind_variants49.TVReturnType<{
   header: string;
   body: string;
   footer: string;
-}, tailwind_variants49.TVReturnType<{
+}, tailwind_variants53.TVReturnType<{
   headerAlign: {
     left: {
       header: string;

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

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

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants5 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Box/Box.styles.d.ts
-declare const box: tailwind_variants3.TVReturnType<{
+declare const box: tailwind_variants5.TVReturnType<{
   padding: {
     none: string;
     xs: string;
@@ -66,7 +66,7 @@ declare const box: tailwind_variants3.TVReturnType<{
     inverse: string;
     transparent: string;
   };
-}, undefined, tailwind_variants3.TVReturnType<{
+}, undefined, tailwind_variants5.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_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime5.JSX.Element;
+}: ButtonProps): react_jsx_runtime10.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,kBAAA,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,mBAAA,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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime4.JSX.Element;
+}: ButtonProps): react_jsx_runtime16.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,kBAAA,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,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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