@causw/core 0.0.9 → 0.0.11

package/dist/components/Float/Float.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Float.mjs","names":[],"sources":["../../../src/components/Float/Float.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport {\n  float,\n  type FloatStylesOptions,\n  floatPositionStyles,\n} from './Float.styles';\nimport type { PolymorphicProps } from '../../utils/polymorphic';\n\nexport type FloatProps<E extends ElementType = 'div'> = PolymorphicProps<\n  E,\n  FloatStylesOptions\n>;\n\nexport const Float = <E extends ElementType = 'div'>({\n  as,\n  floatType = 'absolute',\n  zIndex = 'sticky',\n  top,\n  bottom,\n  left,\n  right,\n  className,\n  style,\n  children,\n  ...props\n}: FloatProps<E>) => {\n  const Component = as || 'div';\n\n  const classes = float({ floatType, zIndex, className });\n  const positionStyles = floatPositionStyles({ top, bottom, left, right });\n\n  return React.createElement(\n    Component,\n    {\n      className: classes,\n      style: { ...positionStyles, ...style },\n      ...props,\n    },\n    children,\n  );\n};\n\nFloat.displayName = 'Float';\n"],"mappings":";;;;AAaA,MAAa,SAAwC,EACnD,IACA,YAAY,YACZ,SAAS,UACT,KACA,QACA,MACA,OACA,WACA,OACA,UACA,GAAG,YACgB;CACnB,MAAM,YAAY,MAAM;CAExB,MAAM,UAAU,MAAM;EAAE;EAAW;EAAQ;EAAW,CAAC;CACvD,MAAM,iBAAiB,oBAAoB;EAAE;EAAK;EAAQ;EAAM;EAAO,CAAC;AAExE,QAAO,MAAM,cACX,WACA;EACE,WAAW;EACX,OAAO;GAAE,GAAG;GAAgB,GAAG;GAAO;EACtC,GAAG;EACJ,EACD,SACD;;AAGH,MAAM,cAAc"}

package/dist/components/Float/Float.styles.cjs

@@ -0,0 +1,39 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_converter = require('../../utils/converter/converter.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Float/Float.styles.ts
+const float = (0, tailwind_variants.tv)({
+	base: "w-fit h-fit",
+	variants: {
+		floatType: {
+			absolute: "absolute",
+			fixed: "fixed",
+			sticky: "sticky",
+			relative: "relative"
+		},
+		zIndex: {
+			sticky: "z-sticky",
+			dropdown: "z-dropdown",
+			bottomsheet: "z-bottomsheet",
+			modal: "z-modal",
+			toast: "z-toast"
+		}
+	},
+	defaultVariants: {
+		floatType: "absolute",
+		zIndex: "sticky"
+	}
+});
+function floatPositionStyles({ ...props }) {
+	return {
+		top: require_converter.convertPxToRem(props.top),
+		bottom: require_converter.convertPxToRem(props.bottom),
+		left: require_converter.convertPxToRem(props.left),
+		right: require_converter.convertPxToRem(props.right)
+	};
+}
+
+//#endregion
+exports.float = float;
+exports.floatPositionStyles = floatPositionStyles;

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

@@ -0,0 +1,58 @@
+import * as tailwind_variants33 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Float/Float.styles.d.ts
+declare const float: tailwind_variants33.TVReturnType<{
+  floatType: {
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    relative: string;
+  };
+  zIndex: {
+    sticky: string;
+    dropdown: string;
+    bottomsheet: string;
+    modal: string;
+    toast: string;
+  };
+}, undefined, "w-fit h-fit", {
+  floatType: {
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    relative: string;
+  };
+  zIndex: {
+    sticky: string;
+    dropdown: string;
+    bottomsheet: string;
+    modal: string;
+    toast: string;
+  };
+}, undefined, tailwind_variants33.TVReturnType<{
+  floatType: {
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    relative: string;
+  };
+  zIndex: {
+    sticky: string;
+    dropdown: string;
+    bottomsheet: string;
+    modal: string;
+    toast: string;
+  };
+}, undefined, "w-fit h-fit", unknown, unknown, undefined>>;
+type FloatVariants = VariantProps<typeof float>;
+interface FloatPosition {
+  top?: number;
+  bottom?: number;
+  left?: number;
+  right?: number;
+}
+interface FloatStylesOptions extends FloatPosition, FloatVariants {}
+//#endregion
+export { FloatStylesOptions };
+//# sourceMappingURL=Float.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Float.styles.d.cts","names":[],"sources":["../../../src/components/Float/Float.styles.ts"],"mappings":";;;;cAGa,KAAA,EAqBX,mBAAA,CArBgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqBhB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA;AAAA,UAE/B,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,UAGe,kBAAA,SAA2B,aAAA,EAAe,aAAA"}

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

@@ -0,0 +1,58 @@
+import * as tailwind_variants41 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Float/Float.styles.d.ts
+declare const float: tailwind_variants41.TVReturnType<{
+  floatType: {
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    relative: string;
+  };
+  zIndex: {
+    sticky: string;
+    dropdown: string;
+    bottomsheet: string;
+    modal: string;
+    toast: string;
+  };
+}, undefined, "w-fit h-fit", {
+  floatType: {
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    relative: string;
+  };
+  zIndex: {
+    sticky: string;
+    dropdown: string;
+    bottomsheet: string;
+    modal: string;
+    toast: string;
+  };
+}, undefined, tailwind_variants41.TVReturnType<{
+  floatType: {
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    relative: string;
+  };
+  zIndex: {
+    sticky: string;
+    dropdown: string;
+    bottomsheet: string;
+    modal: string;
+    toast: string;
+  };
+}, undefined, "w-fit h-fit", unknown, unknown, undefined>>;
+type FloatVariants = VariantProps<typeof float>;
+interface FloatPosition {
+  top?: number;
+  bottom?: number;
+  left?: number;
+  right?: number;
+}
+interface FloatStylesOptions extends FloatPosition, FloatVariants {}
+//#endregion
+export { FloatStylesOptions };
+//# sourceMappingURL=Float.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Float.styles.d.mts","names":[],"sources":["../../../src/components/Float/Float.styles.ts"],"mappings":";;;;cAGa,KAAA,EAqBX,mBAAA,CArBgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqBhB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA;AAAA,UAE/B,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,UAGe,kBAAA,SAA2B,aAAA,EAAe,aAAA"}

package/dist/components/Float/Float.styles.mjs

@@ -0,0 +1,38 @@
+import { convertPxToRem } from "../../utils/converter/converter.mjs";
+import { tv } from "tailwind-variants";
+
+//#region src/components/Float/Float.styles.ts
+const float = tv({
+	base: "w-fit h-fit",
+	variants: {
+		floatType: {
+			absolute: "absolute",
+			fixed: "fixed",
+			sticky: "sticky",
+			relative: "relative"
+		},
+		zIndex: {
+			sticky: "z-sticky",
+			dropdown: "z-dropdown",
+			bottomsheet: "z-bottomsheet",
+			modal: "z-modal",
+			toast: "z-toast"
+		}
+	},
+	defaultVariants: {
+		floatType: "absolute",
+		zIndex: "sticky"
+	}
+});
+function floatPositionStyles({ ...props }) {
+	return {
+		top: convertPxToRem(props.top),
+		bottom: convertPxToRem(props.bottom),
+		left: convertPxToRem(props.left),
+		right: convertPxToRem(props.right)
+	};
+}
+
+//#endregion
+export { float, floatPositionStyles };
+//# sourceMappingURL=Float.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Float.styles.mjs","names":[],"sources":["../../../src/components/Float/Float.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\nimport { convertPxToRem } from '../../utils';\n\nexport const float = tv({\n  base: 'w-fit h-fit',\n  variants: {\n    floatType: {\n      absolute: 'absolute',\n      fixed: 'fixed',\n      sticky: 'sticky',\n      relative: 'relative',\n    },\n    zIndex: {\n      sticky: 'z-sticky',\n      dropdown: 'z-dropdown',\n      bottomsheet: 'z-bottomsheet',\n      modal: 'z-modal',\n      toast: 'z-toast',\n    },\n  },\n  defaultVariants: {\n    floatType: 'absolute',\n    zIndex: 'sticky',\n  },\n});\n\nexport type FloatVariants = VariantProps<typeof float>;\n\nexport interface FloatPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport interface FloatStylesOptions extends FloatPosition, FloatVariants {}\n\nexport function floatPositionStyles({ ...props }: FloatPosition) {\n  return {\n    top: convertPxToRem(props.top),\n    bottom: convertPxToRem(props.bottom),\n    left: convertPxToRem(props.left),\n    right: convertPxToRem(props.right),\n  };\n}\n"],"mappings":";;;;AAGA,MAAa,QAAQ,GAAG;CACtB,MAAM;CACN,UAAU;EACR,WAAW;GACT,UAAU;GACV,OAAO;GACP,QAAQ;GACR,UAAU;GACX;EACD,QAAQ;GACN,QAAQ;GACR,UAAU;GACV,aAAa;GACb,OAAO;GACP,OAAO;GACR;EACF;CACD,iBAAiB;EACf,WAAW;EACX,QAAQ;EACT;CACF,CAAC;AAaF,SAAgB,oBAAoB,EAAE,GAAG,SAAwB;AAC/D,QAAO;EACL,KAAK,eAAe,MAAM,IAAI;EAC9B,QAAQ,eAAe,MAAM,OAAO;EACpC,MAAM,eAAe,MAAM,KAAK;EAChC,OAAO,eAAe,MAAM,MAAM;EACnC"}

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

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

package/dist/components/FloatingActionButton/FloatingActionButton.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Primitive = require('../Primitive/Primitive.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_FloatingActionButton_styles = require('./FloatingActionButton.styles.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/FloatingActionButton/FloatingActionButton.tsx
+function FloatingActionButton({ disabled = false, children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.button, {
+		disabled,
+		className: require_mergeStyles.mergeStyles(require_FloatingActionButton_styles.floatingActionButton({ disabled }), className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+exports.FloatingActionButton = FloatingActionButton;

package/dist/components/FloatingActionButton/FloatingActionButton.d.cts

@@ -0,0 +1,16 @@
+import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import { FloatingActionButtonVariants } from "./FloatingActionButton.styles.cjs";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
+
+//#region src/components/FloatingActionButton/FloatingActionButton.d.ts
+interface FloatingActionButtonProps extends ComponentProps<'button'>, FloatingActionButtonVariants, PrimitiveProps {}
+declare function FloatingActionButton({
+  disabled,
+  children,
+  className,
+  ...props
+}: FloatingActionButtonProps): react_jsx_runtime56.JSX.Element;
+//#endregion
+export { FloatingActionButton, FloatingActionButtonProps };
+//# sourceMappingURL=FloatingActionButton.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.d.cts","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"mappings":";;;;;;UAQiB,yBAAA,SAEb,cAAA,YACA,4BAAA,EACA,cAAA;AAAA,iBAEY,oBAAA,CAAA;EACd,QAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/FloatingActionButton/FloatingActionButton.d.mts

@@ -0,0 +1,17 @@
+import { PrimitiveProps } from "../Primitive/Primitive.mjs";
+import "../Primitive/index.mjs";
+import { FloatingActionButtonVariants } from "./FloatingActionButton.styles.mjs";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region src/components/FloatingActionButton/FloatingActionButton.d.ts
+interface FloatingActionButtonProps extends ComponentProps<'button'>, FloatingActionButtonVariants, PrimitiveProps {}
+declare function FloatingActionButton({
+  disabled,
+  children,
+  className,
+  ...props
+}: FloatingActionButtonProps): react_jsx_runtime19.JSX.Element;
+//#endregion
+export { FloatingActionButton, FloatingActionButtonProps };
+//# sourceMappingURL=FloatingActionButton.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.d.mts","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"mappings":";;;;;;;UAQiB,yBAAA,SAEb,cAAA,YACA,4BAAA,EACA,cAAA;AAAA,iBAEY,oBAAA,CAAA;EACd,QAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/FloatingActionButton/FloatingActionButton.mjs

@@ -0,0 +1,18 @@
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { floatingActionButton } from "./FloatingActionButton.styles.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/FloatingActionButton/FloatingActionButton.tsx
+function FloatingActionButton({ disabled = false, children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		disabled,
+		className: mergeStyles(floatingActionButton({ disabled }), className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { FloatingActionButton };
+//# sourceMappingURL=FloatingActionButton.mjs.map

package/dist/components/FloatingActionButton/FloatingActionButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.mjs","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport {\n  floatingActionButton,\n  FloatingActionButtonVariants,\n} from './FloatingActionButton.styles';\nimport { mergeStyles } from '../../utils';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nexport interface FloatingActionButtonProps\n  extends\n    ComponentProps<'button'>,\n    FloatingActionButtonVariants,\n    PrimitiveProps {}\n\nexport function FloatingActionButton({\n  disabled = false,\n  children,\n  className,\n  ...props\n}: FloatingActionButtonProps) {\n  return (\n    <Primitive.button\n      disabled={disabled}\n      className={mergeStyles(floatingActionButton({ disabled }), className)}\n      {...props}\n    >\n      {children}\n    </Primitive.button>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,qBAAqB,EACnC,WAAW,OACX,UACA,WACA,GAAG,SACyB;AAC5B,QACE,oBAAC,UAAU;EACC;EACV,WAAW,YAAY,qBAAqB,EAAE,UAAU,CAAC,EAAE,UAAU;EACrE,GAAI;EAEH;GACgB"}

package/dist/components/FloatingActionButton/FloatingActionButton.styles.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/FloatingActionButton/FloatingActionButton.styles.ts
+const floatingActionButton = (0, tailwind_variants.tv)({
+	base: "inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300",
+	variants: { disabled: {
+		true: "opacity-50 cursor-not-allowed",
+		false: "cursor-pointer"
+	} },
+	defaultVariants: { disabled: false }
+});
+
+//#endregion
+exports.floatingActionButton = floatingActionButton;

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

@@ -0,0 +1,24 @@
+import * as tailwind_variants41 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/FloatingActionButton/FloatingActionButton.styles.d.ts
+declare const floatingActionButton: tailwind_variants41.TVReturnType<{
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300", {
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants41.TVReturnType<{
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300", unknown, unknown, undefined>>;
+type FloatingActionButtonVariants = VariantProps<typeof floatingActionButton>;
+//#endregion
+export { FloatingActionButtonVariants };
+//# sourceMappingURL=FloatingActionButton.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.styles.d.cts","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.styles.ts"],"mappings":";;;;cAEa,oBAAA,EAWX,mBAAA,CAX+B,YAAA;;;;;;;;;;cAW/B,mBAAA,CAAA,YAAA;;;;;;KAEU,4BAAA,GAA+B,YAAA,QAClC,oBAAA"}

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

@@ -0,0 +1,24 @@
+import * as tailwind_variants37 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/FloatingActionButton/FloatingActionButton.styles.d.ts
+declare const floatingActionButton: tailwind_variants37.TVReturnType<{
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300", {
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants37.TVReturnType<{
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300", unknown, unknown, undefined>>;
+type FloatingActionButtonVariants = VariantProps<typeof floatingActionButton>;
+//#endregion
+export { FloatingActionButtonVariants };
+//# sourceMappingURL=FloatingActionButton.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.styles.d.mts","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.styles.ts"],"mappings":";;;;cAEa,oBAAA,EAWX,mBAAA,CAX+B,YAAA;;;;;;;;;;cAW/B,mBAAA,CAAA,YAAA;;;;;;KAEU,4BAAA,GAA+B,YAAA,QAClC,oBAAA"}

package/dist/components/FloatingActionButton/FloatingActionButton.styles.mjs

@@ -0,0 +1,15 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/FloatingActionButton/FloatingActionButton.styles.ts
+const floatingActionButton = tv({
+	base: "inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300",
+	variants: { disabled: {
+		true: "opacity-50 cursor-not-allowed",
+		false: "cursor-pointer"
+	} },
+	defaultVariants: { disabled: false }
+});
+
+//#endregion
+export { floatingActionButton };
+//# sourceMappingURL=FloatingActionButton.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.styles.mjs","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const floatingActionButton = tv({\n  base: 'inline-flex items-center justify-center bg-gray-100 border border-gray-200 text-gray-500 typo-subtitle-16-bold h-[2.875rem] px-[1rem] py-[0.625rem] rounded-[6.1875rem] select-none whitespace-nowrap transition-colors enabled:hover:bg-gray-200 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-300 enabled:data-[active]:bg-gray-200 enabled:data-[active]:border-gray-300',\n  variants: {\n    disabled: {\n      true: 'opacity-50 cursor-not-allowed',\n      false: 'cursor-pointer',\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n});\n\nexport type FloatingActionButtonVariants = VariantProps<\n  typeof floatingActionButton\n>;\n"],"mappings":";;;AAEA,MAAa,uBAAuB,GAAG;CACrC,MAAM;CACN,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;EACR,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}

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

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

package/dist/components/Grid/Grid.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Grid_styles = require('./Grid.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/Grid/Grid.tsx
+const Grid = ({ as, columns, rows, gap, flow, className = "", children, ...props }) => {
+	const Component = as || "div";
+	const classes = require_Grid_styles.grid({
+		columns,
+		rows,
+		gap,
+		flow
+	});
+	return react.default.createElement(Component, {
+		className: require_mergeStyles.mergeStyles(classes, className),
+		...props
+	}, children);
+};
+Grid.displayName = "Grid";
+
+//#endregion
+exports.Grid = Grid;

package/dist/components/Grid/Grid.d.cts

@@ -0,0 +1,22 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { GridVariants } from "./Grid.styles.cjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Grid/Grid.d.ts
+type GridProps<E extends ElementType = 'div'> = PolymorphicProps<E, GridVariants>;
+declare const Grid: {
+  <E extends ElementType = "div">({
+    as,
+    columns,
+    rows,
+    gap,
+    flow,
+    className,
+    children,
+    ...props
+  }: GridProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Grid, GridProps };
+//# sourceMappingURL=Grid.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.cts","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"mappings":";;;;;KAKY,SAAA,WAAoB,WAAA,YAAuB,gBAAA,CACrD,CAAA,EACA,YAAA;AAAA,cAGW,IAAA;EAAA,WAAkB,WAAA;IAAW,EAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;IAAA,IAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GASvC,SAAA,CAAU,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Grid/Grid.d.mts

@@ -0,0 +1,23 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import "../../utils/polymorphic/index.mjs";
+import { GridVariants } from "./Grid.styles.mjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Grid/Grid.d.ts
+type GridProps<E extends ElementType = 'div'> = PolymorphicProps<E, GridVariants>;
+declare const Grid: {
+  <E extends ElementType = "div">({
+    as,
+    columns,
+    rows,
+    gap,
+    flow,
+    className,
+    children,
+    ...props
+  }: GridProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Grid, GridProps };
+//# sourceMappingURL=Grid.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.mts","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"mappings":";;;;;;KAKY,SAAA,WAAoB,WAAA,YAAuB,gBAAA,CACrD,CAAA,EACA,YAAA;AAAA,cAGW,IAAA;EAAA,WAAkB,WAAA;IAAW,EAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;IAAA,IAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GASvC,SAAA,CAAU,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Grid/Grid.mjs

@@ -0,0 +1,23 @@
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { grid } from "./Grid.styles.mjs";
+import React from "react";
+
+//#region src/components/Grid/Grid.tsx
+const Grid = ({ as, columns, rows, gap, flow, className = "", children, ...props }) => {
+	const Component = as || "div";
+	const classes = grid({
+		columns,
+		rows,
+		gap,
+		flow
+	});
+	return React.createElement(Component, {
+		className: mergeStyles(classes, className),
+		...props
+	}, children);
+};
+Grid.displayName = "Grid";
+
+//#endregion
+export { Grid };
+//# sourceMappingURL=Grid.mjs.map

package/dist/components/Grid/Grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport { grid, type GridVariants } from './Grid.styles';\nimport { mergeStyles } from '../../utils';\nimport type { PolymorphicProps } from '../../utils/polymorphic';\n\nexport type GridProps<E extends ElementType = 'div'> = PolymorphicProps<\n  E,\n  GridVariants\n>;\n\nexport const Grid = <E extends ElementType = 'div'>({\n  as,\n  columns,\n  rows,\n  gap,\n  flow,\n  className = '',\n  children,\n  ...props\n}: GridProps<E>) => {\n  const Component = as || 'div';\n  const classes = grid({ columns, rows, gap, flow });\n\n  return React.createElement(\n    Component,\n    {\n      className: mergeStyles(classes, className),\n      ...props,\n    },\n    children,\n  );\n};\n\nGrid.displayName = 'Grid';\n"],"mappings":";;;;;AAUA,MAAa,QAAuC,EAClD,IACA,SACA,MACA,KACA,MACA,YAAY,IACZ,UACA,GAAG,YACe;CAClB,MAAM,YAAY,MAAM;CACxB,MAAM,UAAU,KAAK;EAAE;EAAS;EAAM;EAAK;EAAM,CAAC;AAElD,QAAO,MAAM,cACX,WACA;EACE,WAAW,YAAY,SAAS,UAAU;EAC1C,GAAG;EACJ,EACD,SACD;;AAGH,KAAK,cAAc"}

package/dist/components/Grid/Grid.styles.cjs

@@ -0,0 +1,56 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Grid/Grid.styles.ts
+const grid = (0, tailwind_variants.tv)({
+	base: "grid",
+	variants: {
+		columns: {
+			1: "grid-cols-1",
+			2: "grid-cols-2",
+			3: "grid-cols-3",
+			4: "grid-cols-4",
+			5: "grid-cols-5",
+			6: "grid-cols-6",
+			7: "grid-cols-7",
+			8: "grid-cols-8",
+			9: "grid-cols-9",
+			10: "grid-cols-10",
+			11: "grid-cols-11",
+			12: "grid-cols-12",
+			none: "grid-cols-none"
+		},
+		rows: {
+			1: "grid-rows-1",
+			2: "grid-rows-2",
+			3: "grid-rows-3",
+			4: "grid-rows-4",
+			5: "grid-rows-5",
+			6: "grid-rows-6",
+			none: "grid-rows-none"
+		},
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-4",
+			lg: "gap-6",
+			xl: "gap-8"
+		},
+		flow: {
+			row: "grid-flow-row",
+			col: "grid-flow-col",
+			"row-dense": "grid-flow-row-dense",
+			"col-dense": "grid-flow-col-dense"
+		}
+	},
+	defaultVariants: {
+		columns: "none",
+		rows: "none",
+		gap: "md",
+		flow: "row"
+	}
+});
+
+//#endregion
+exports.grid = grid;