@causw/core 0.0.12 → 0.0.13

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,94 @@
+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");
+
+//#region src/components/BottomSheet/BottomSheet.tsx
+const BottomSheetRoot = ({ children, open: controlledOpen, defaultOpen = false, onOpenChange, headerAlign = "left" }) => {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(defaultOpen);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const handleOpenChange = (newOpen) => {
+		if (!isControlled) setUncontrolledOpen(newOpen);
+		onOpenChange?.(newOpen);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBottomSheet.BottomSheetContext.Provider, {
+		value: {
+			headerAlign,
+			isOpen,
+			onOpen: () => handleOpenChange(true),
+			onClose: () => handleOpenChange(false)
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Root, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children
+		})
+	});
+};
+const BottomSheetTrigger = require_Drawer.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, {
+		className: content({ className }),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetHandle, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "w-full",
+			children
+		})]
+	})] });
+};
+const BottomSheetHeader = ({ title, className }) => {
+	const { headerAlign } = require_useBottomSheet.useBottomSheet();
+	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, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				as: "h2",
+				typography: "subtitle-18-bold",
+				children: title
+			})
+		})
+	});
+};
+const BottomSheetBody = ({ className, children, maxHeight }) => {
+	const { body } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: body({ className }),
+		style: { maxHeight },
+		children
+	});
+};
+const BottomSheetFooter = ({ className, children }) => {
+	const { footer } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: footer({ className }),
+		children
+	});
+};
+const BottomSheet = Object.assign(BottomSheetRoot, {
+	Trigger: BottomSheetTrigger,
+	Content: BottomSheetContent,
+	Header: BottomSheetHeader,
+	Body: BottomSheetBody,
+	Footer: BottomSheetFooter
+});
+BottomSheetRoot.displayName = "BottomSheet";
+BottomSheetTrigger.displayName = "BottomSheet.Trigger";
+BottomSheetContent.displayName = "BottomSheet.Content";
+BottomSheetHeader.displayName = "BottomSheet.Header";
+BottomSheetBody.displayName = "BottomSheet.Body";
+BottomSheetFooter.displayName = "BottomSheet.Footer";
+
+//#endregion
+exports.BottomSheet = BottomSheet;

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

@@ -0,0 +1,69 @@
+import { Drawer } from "../Drawer/Drawer.cjs";
+import { HeaderAlign } from "./BottomSheet.styles.cjs";
+import React from "react";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+
+//#region src/components/BottomSheet/BottomSheet.d.ts
+interface BottomSheetRootProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  headerAlign?: HeaderAlign;
+}
+declare const BottomSheet: {
+  ({
+    children,
+    open: controlledOpen,
+    defaultOpen,
+    onOpenChange,
+    headerAlign
+  }: BottomSheetRootProps): react_jsx_runtime79.JSX.Element;
+  displayName: string;
+} & {
+  Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+  Content: {
+    ({
+      children,
+      className,
+      ...props
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+  Header: {
+    ({
+      title,
+      className
+    }: {
+      title?: string;
+      className?: string;
+    }): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+  Body: {
+    ({
+      className,
+      children,
+      maxHeight
+    }: {
+      children: React.ReactNode;
+      className?: string;
+      maxHeight?: string | number;
+    }): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+  Footer: {
+    ({
+      className,
+      children
+    }: {
+      children: React.ReactNode;
+      className?: string;
+    }): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { BottomSheet };
+//# sourceMappingURL=BottomSheet.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,69 @@
+import { Drawer } from "../Drawer/Drawer.mjs";
+import { HeaderAlign } from "./BottomSheet.styles.mjs";
+import React from "react";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+
+//#region src/components/BottomSheet/BottomSheet.d.ts
+interface BottomSheetRootProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  headerAlign?: HeaderAlign;
+}
+declare const BottomSheet: {
+  ({
+    children,
+    open: controlledOpen,
+    defaultOpen,
+    onOpenChange,
+    headerAlign
+  }: BottomSheetRootProps): react_jsx_runtime79.JSX.Element;
+  displayName: string;
+} & {
+  Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+  Content: {
+    ({
+      children,
+      className,
+      ...props
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+  Header: {
+    ({
+      title,
+      className
+    }: {
+      title?: string;
+      className?: string;
+    }): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+  Body: {
+    ({
+      className,
+      children,
+      maxHeight
+    }: {
+      children: React.ReactNode;
+      className?: string;
+      maxHeight?: string | number;
+    }): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+  Footer: {
+    ({
+      className,
+      children
+    }: {
+      children: React.ReactNode;
+      className?: string;
+    }): react_jsx_runtime79.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { BottomSheet };
+//# sourceMappingURL=BottomSheet.d.mts.map

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

@@ -0,0 +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"}

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -0,0 +1,93 @@
+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";
+
+//#region src/components/BottomSheet/BottomSheet.tsx
+const BottomSheetRoot = ({ children, open: controlledOpen, defaultOpen = false, onOpenChange, headerAlign = "left" }) => {
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const handleOpenChange = (newOpen) => {
+		if (!isControlled) setUncontrolledOpen(newOpen);
+		onOpenChange?.(newOpen);
+	};
+	return /* @__PURE__ */ jsx(BottomSheetContext.Provider, {
+		value: {
+			headerAlign,
+			isOpen,
+			onOpen: () => handleOpenChange(true),
+			onClose: () => handleOpenChange(false)
+		},
+		children: /* @__PURE__ */ jsx(Drawer.Root, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children
+		})
+	});
+};
+const BottomSheetTrigger = Drawer.Trigger;
+const BottomSheetHandle = () => {
+	const { handle } = bottomSheet();
+	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, {
+		className: content({ className }),
+		...props,
+		children: [/* @__PURE__ */ jsx(BottomSheetHandle, {}), /* @__PURE__ */ jsx("div", {
+			className: "w-full",
+			children
+		})]
+	})] });
+};
+const BottomSheetHeader = ({ title, className }) => {
+	const { headerAlign } = useBottomSheet();
+	const { header } = bottomSheet({ headerAlign });
+	return /* @__PURE__ */ jsx("div", {
+		className: header({ className }),
+		children: title && /* @__PURE__ */ jsx(Drawer.Title, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				typography: "subtitle-18-bold",
+				children: title
+			})
+		})
+	});
+};
+const BottomSheetBody = ({ className, children, maxHeight }) => {
+	const { body } = bottomSheet();
+	return /* @__PURE__ */ jsx("div", {
+		className: body({ className }),
+		style: { maxHeight },
+		children
+	});
+};
+const BottomSheetFooter = ({ className, children }) => {
+	const { footer } = bottomSheet();
+	return /* @__PURE__ */ jsx("div", {
+		className: footer({ className }),
+		children
+	});
+};
+const BottomSheet = Object.assign(BottomSheetRoot, {
+	Trigger: BottomSheetTrigger,
+	Content: BottomSheetContent,
+	Header: BottomSheetHeader,
+	Body: BottomSheetBody,
+	Footer: BottomSheetFooter
+});
+BottomSheetRoot.displayName = "BottomSheet";
+BottomSheetTrigger.displayName = "BottomSheet.Trigger";
+BottomSheetContent.displayName = "BottomSheet.Content";
+BottomSheetHeader.displayName = "BottomSheet.Header";
+BottomSheetBody.displayName = "BottomSheet.Body";
+BottomSheetFooter.displayName = "BottomSheet.Footer";
+
+//#endregion
+export { BottomSheet };
+//# sourceMappingURL=BottomSheet.mjs.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,54 @@
+import * as tailwind_variants51 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/BottomSheet/BottomSheet.styles.d.ts
+declare const bottomSheet: tailwind_variants51.TVReturnType<{
+  headerAlign: {
+    left: {
+      header: string;
+    };
+    center: {
+      header: string;
+    };
+  };
+}, {
+  content: string;
+  handle: string;
+  header: string;
+  body: string;
+  footer: string;
+}, undefined, {
+  headerAlign: {
+    left: {
+      header: string;
+    };
+    center: {
+      header: string;
+    };
+  };
+}, {
+  content: string;
+  handle: string;
+  header: string;
+  body: string;
+  footer: string;
+}, tailwind_variants51.TVReturnType<{
+  headerAlign: {
+    left: {
+      header: string;
+    };
+    center: {
+      header: string;
+    };
+  };
+}, {
+  content: string;
+  handle: string;
+  header: string;
+  body: string;
+  footer: string;
+}, undefined, unknown, unknown, undefined>>;
+type HeaderAlign = VariantProps<typeof bottomSheet>['headerAlign'];
+//#endregion
+export { HeaderAlign };
+//# sourceMappingURL=BottomSheet.styles.d.cts.map

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

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

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

@@ -0,0 +1,54 @@
+import * as tailwind_variants51 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/BottomSheet/BottomSheet.styles.d.ts
+declare const bottomSheet: tailwind_variants51.TVReturnType<{
+  headerAlign: {
+    left: {
+      header: string;
+    };
+    center: {
+      header: string;
+    };
+  };
+}, {
+  content: string;
+  handle: string;
+  header: string;
+  body: string;
+  footer: string;
+}, undefined, {
+  headerAlign: {
+    left: {
+      header: string;
+    };
+    center: {
+      header: string;
+    };
+  };
+}, {
+  content: string;
+  handle: string;
+  header: string;
+  body: string;
+  footer: string;
+}, tailwind_variants51.TVReturnType<{
+  headerAlign: {
+    left: {
+      header: string;
+    };
+    center: {
+      header: string;
+    };
+  };
+}, {
+  content: string;
+  handle: string;
+  header: string;
+  body: string;
+  footer: string;
+}, undefined, unknown, unknown, undefined>>;
+type HeaderAlign = VariantProps<typeof bottomSheet>['headerAlign'];
+//#endregion
+export { HeaderAlign };
+//# sourceMappingURL=BottomSheet.styles.d.mts.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import { BottomSheet } from "./BottomSheet.mjs";

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

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

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

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

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_runtime12 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_runtime12.JSX.Element;
+}: ButtonProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.mts.map

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants31 from "tailwind-variants";
+import * as tailwind_variants37 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_variants37.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_variants37.TVReturnType<{
   size: {
     sm: string;
     md: string;

package/dist/components/CTAButton/CTAButton.d.cts

@@ -1,7 +1,7 @@
 import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import { CTAButtonVariants } from "./CTAButton.styles.cjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/CTAButton/CTAButton.d.ts
 interface CTAButtonProps extends Omit<ComponentProps<'button'>, 'color'>, PrimitiveProps, CTAButtonVariants {}
@@ -12,7 +12,7 @@ declare function CTAButton({
   className,
   children,
   ...props
-}: CTAButtonProps): react_jsx_runtime15.JSX.Element;
+}: CTAButtonProps): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { CTAButton, CTAButtonProps };
 //# sourceMappingURL=CTAButton.d.cts.map

package/dist/components/CTAButton/CTAButton.d.mts

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

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants37 from "tailwind-variants";
+import * as tailwind_variants39 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/CTAButton/CTAButton.styles.d.ts
-declare const ctaButton: tailwind_variants37.TVReturnType<{
+declare const ctaButton: tailwind_variants39.TVReturnType<{
   color: {
     blue: string;
     red: string;
@@ -34,7 +34,7 @@ declare const ctaButton: tailwind_variants37.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants37.TVReturnType<{
+}, undefined, tailwind_variants39.TVReturnType<{
   color: {
     blue: string;
     red: string;