@causw/core 0.0.9 → 0.0.11

package/dist/components/Box/Box.styles.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Box/Box.styles.ts
+const box = (0, tailwind_variants.tv)({
+	variants: {
+		padding: {
+			none: "p-0",
+			xs: "p-1",
+			sm: "p-2",
+			md: "p-4",
+			lg: "p-6"
+		},
+		radius: {
+			none: "rounded-none",
+			xs: "rounded-sm",
+			sm: "rounded",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			xl: "rounded-xl",
+			"2xl": "rounded-2xl",
+			"3xl": "rounded-3xl"
+		},
+		display: {
+			block: "block",
+			flex: "flex",
+			grid: "grid",
+			"inline-block": "inline-block",
+			"inline-flex": "inline-flex",
+			none: "hidden"
+		},
+		background: {
+			default: "",
+			subtle: "bg-gray-50",
+			inverse: "bg-gray-900 text-white",
+			transparent: "bg-transparent"
+		}
+	},
+	defaultVariants: {
+		padding: "none",
+		radius: "none",
+		display: "block",
+		background: "default"
+	}
+});
+
+//#endregion
+exports.box = box;

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

@@ -0,0 +1,105 @@
+import * as tailwind_variants23 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Box/Box.styles.d.ts
+declare const box: tailwind_variants23.TVReturnType<{
+  padding: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  radius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  display: {
+    block: string;
+    flex: string;
+    grid: string;
+    'inline-block': string;
+    'inline-flex': string;
+    none: string;
+  };
+  background: {
+    default: string;
+    subtle: string;
+    inverse: string;
+    transparent: string;
+  };
+}, undefined, undefined, {
+  padding: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  radius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  display: {
+    block: string;
+    flex: string;
+    grid: string;
+    'inline-block': string;
+    'inline-flex': string;
+    none: string;
+  };
+  background: {
+    default: string;
+    subtle: string;
+    inverse: string;
+    transparent: string;
+  };
+}, undefined, tailwind_variants23.TVReturnType<{
+  padding: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  radius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  display: {
+    block: string;
+    flex: string;
+    grid: string;
+    'inline-block': string;
+    'inline-flex': string;
+    none: string;
+  };
+  background: {
+    default: string;
+    subtle: string;
+    inverse: string;
+    transparent: string;
+  };
+}, undefined, undefined, unknown, unknown, undefined>>;
+type BoxVariants = VariantProps<typeof box>;
+//#endregion
+export { BoxVariants, box };
+//# sourceMappingURL=Box.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.styles.d.cts","names":[],"sources":["../../../src/components/Box/Box.styles.ts"],"mappings":";;;;cAEa,GAAA,EAwCX,mBAAA,CAxCc,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwCd,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,GAAA"}

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

@@ -0,0 +1,105 @@
+import * as tailwind_variants3 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Box/Box.styles.d.ts
+declare const box: tailwind_variants3.TVReturnType<{
+  padding: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  radius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  display: {
+    block: string;
+    flex: string;
+    grid: string;
+    'inline-block': string;
+    'inline-flex': string;
+    none: string;
+  };
+  background: {
+    default: string;
+    subtle: string;
+    inverse: string;
+    transparent: string;
+  };
+}, undefined, undefined, {
+  padding: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  radius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  display: {
+    block: string;
+    flex: string;
+    grid: string;
+    'inline-block': string;
+    'inline-flex': string;
+    none: string;
+  };
+  background: {
+    default: string;
+    subtle: string;
+    inverse: string;
+    transparent: string;
+  };
+}, undefined, tailwind_variants3.TVReturnType<{
+  padding: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  radius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  display: {
+    block: string;
+    flex: string;
+    grid: string;
+    'inline-block': string;
+    'inline-flex': string;
+    none: string;
+  };
+  background: {
+    default: string;
+    subtle: string;
+    inverse: string;
+    transparent: string;
+  };
+}, undefined, undefined, unknown, unknown, undefined>>;
+type BoxVariants = VariantProps<typeof box>;
+//#endregion
+export { BoxVariants, box };
+//# sourceMappingURL=Box.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.styles.d.mts","names":[],"sources":["../../../src/components/Box/Box.styles.ts"],"mappings":";;;;cAEa,GAAA,EAwCX,kBAAA,CAxCc,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwCd,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,GAAA"}

package/dist/components/Box/Box.styles.mjs

@@ -0,0 +1,48 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Box/Box.styles.ts
+const box = tv({
+	variants: {
+		padding: {
+			none: "p-0",
+			xs: "p-1",
+			sm: "p-2",
+			md: "p-4",
+			lg: "p-6"
+		},
+		radius: {
+			none: "rounded-none",
+			xs: "rounded-sm",
+			sm: "rounded",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			xl: "rounded-xl",
+			"2xl": "rounded-2xl",
+			"3xl": "rounded-3xl"
+		},
+		display: {
+			block: "block",
+			flex: "flex",
+			grid: "grid",
+			"inline-block": "inline-block",
+			"inline-flex": "inline-flex",
+			none: "hidden"
+		},
+		background: {
+			default: "",
+			subtle: "bg-gray-50",
+			inverse: "bg-gray-900 text-white",
+			transparent: "bg-transparent"
+		}
+	},
+	defaultVariants: {
+		padding: "none",
+		radius: "none",
+		display: "block",
+		background: "default"
+	}
+});
+
+//#endregion
+export { box };
+//# sourceMappingURL=Box.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.styles.mjs","names":[],"sources":["../../../src/components/Box/Box.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const box = tv({\n  variants: {\n    padding: {\n      none: 'p-0',\n      xs: 'p-1',\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n    },\n    radius: {\n      none: 'rounded-none',\n      xs: 'rounded-sm',\n      sm: 'rounded',\n      md: 'rounded-md',\n      lg: 'rounded-lg',\n      xl: 'rounded-xl',\n      '2xl': 'rounded-2xl',\n      '3xl': 'rounded-3xl',\n    },\n    display: {\n      block: 'block',\n      flex: 'flex',\n      grid: 'grid',\n      'inline-block': 'inline-block',\n      'inline-flex': 'inline-flex',\n      none: 'hidden',\n    },\n    background: {\n      default: '',\n      subtle: 'bg-gray-50',\n      inverse: 'bg-gray-900 text-white',\n      transparent: 'bg-transparent',\n    },\n  },\n  defaultVariants: {\n    padding: 'none',\n    radius: 'none',\n    display: 'block',\n    background: 'default',\n  },\n});\n\nexport type BoxVariants = VariantProps<typeof box>;\n"],"mappings":";;;AAEA,MAAa,MAAM,GAAG;CACpB,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,QAAQ;GACN,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;GACR;EACD,SAAS;GACP,OAAO;GACP,MAAM;GACN,MAAM;GACN,gBAAgB;GAChB,eAAe;GACf,MAAM;GACP;EACD,YAAY;GACV,SAAS;GACT,QAAQ;GACR,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,SAAS;EACT,YAAY;EACb;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { BoxVariants, box } from "./Box.styles.mjs";
+import { Box, BoxProps } from "./Box.mjs";

package/dist/components/Button/Button.cjs

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

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

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

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

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

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

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

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

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

package/dist/components/Button/Button.mjs

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

package/dist/components/Button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { button, ButtonVariants } from './Button.styles';\nimport { mergeStyles } from '../../utils';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nexport interface ButtonProps\n  extends\n    Omit<ComponentProps<'button'>, 'color'>,\n    ButtonVariants,\n    PrimitiveProps {}\n\nexport function Button({\n  size = 'md',\n  color = 'gray',\n  fullWidth = false,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <Primitive.button\n      disabled={disabled}\n      className={mergeStyles(\n        button({\n          size,\n          color,\n          fullWidth,\n          disabled,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Primitive.button>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,OAAO,EACrB,OAAO,MACP,QAAQ,QACR,YAAY,OACZ,WAAW,OACX,WACA,UACA,GAAG,SACW;AACd,QACE,oBAAC,UAAU;EACC;EACV,WAAW,YACT,OAAO;GACL;GACA;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,GAAI;EAEH;GACgB"}

package/dist/components/Button/Button.styles.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Button/Button.styles.ts
+const button = (0, tailwind_variants.tv)({
+	base: "inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150",
+	variants: {
+		size: {
+			sm: "min-w-[3rem] h-[1.875rem] px-[0.5rem] typo-body-14-semibold",
+			md: "h-[2.375rem] px-[0.75rem] typo-body-14-semibold"
+		},
+		color: {
+			white: "bg-white text-gray-400 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100",
+			gray: "bg-gray-100 text-gray-400 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200",
+			red: "bg-red-100 text-red-400 enabled:hover:bg-red-200 enabled:active:bg-red-200 enabled:data-[active]:bg-red-200"
+		},
+		fullWidth: {
+			true: "w-full",
+			false: ""
+		},
+		disabled: {
+			true: "bg-gray-100 text-gray-400 opacity-50 cursor-not-allowed",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		disabled: false,
+		color: "gray",
+		fullWidth: false
+	}
+});
+
+//#endregion
+exports.button = button;

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

@@ -0,0 +1,63 @@
+import * as tailwind_variants35 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Button/Button.styles.d.ts
+declare const button: tailwind_variants35.TVReturnType<{
+  size: {
+    sm: string;
+    md: string;
+  };
+  color: {
+    white: string;
+    gray: string;
+    red: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150", {
+  size: {
+    sm: string;
+    md: string;
+  };
+  color: {
+    white: string;
+    gray: string;
+    red: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants35.TVReturnType<{
+  size: {
+    sm: string;
+    md: string;
+  };
+  color: {
+    white: string;
+    gray: string;
+    red: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150", unknown, unknown, undefined>>;
+type ButtonVariants = VariantProps<typeof button>;
+//#endregion
+export { ButtonVariants };
+//# sourceMappingURL=Button.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.cts","names":[],"sources":["../../../src/components/Button/Button.styles.ts"],"mappings":";;;;cAEa,MAAA,EA4BX,mBAAA,CA5BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

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

@@ -0,0 +1,63 @@
+import * as tailwind_variants33 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Button/Button.styles.d.ts
+declare const button: tailwind_variants33.TVReturnType<{
+  size: {
+    sm: string;
+    md: string;
+  };
+  color: {
+    white: string;
+    gray: string;
+    red: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150", {
+  size: {
+    sm: string;
+    md: string;
+  };
+  color: {
+    white: string;
+    gray: string;
+    red: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants33.TVReturnType<{
+  size: {
+    sm: string;
+    md: string;
+  };
+  color: {
+    white: string;
+    gray: string;
+    red: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150", unknown, unknown, undefined>>;
+type ButtonVariants = VariantProps<typeof button>;
+//#endregion
+export { ButtonVariants };
+//# sourceMappingURL=Button.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.mts","names":[],"sources":["../../../src/components/Button/Button.styles.ts"],"mappings":";;;;cAEa,MAAA,EA4BX,mBAAA,CA5BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Button/Button.styles.mjs

@@ -0,0 +1,35 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Button/Button.styles.ts
+const button = tv({
+	base: "inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150",
+	variants: {
+		size: {
+			sm: "min-w-[3rem] h-[1.875rem] px-[0.5rem] typo-body-14-semibold",
+			md: "h-[2.375rem] px-[0.75rem] typo-body-14-semibold"
+		},
+		color: {
+			white: "bg-white text-gray-400 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100",
+			gray: "bg-gray-100 text-gray-400 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200",
+			red: "bg-red-100 text-red-400 enabled:hover:bg-red-200 enabled:active:bg-red-200 enabled:data-[active]:bg-red-200"
+		},
+		fullWidth: {
+			true: "w-full",
+			false: ""
+		},
+		disabled: {
+			true: "bg-gray-100 text-gray-400 opacity-50 cursor-not-allowed",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		disabled: false,
+		color: "gray",
+		fullWidth: false
+	}
+});
+
+//#endregion
+export { button };
+//# sourceMappingURL=Button.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.mjs","names":[],"sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const button = tv({\n  base: 'inline-flex items-center justify-center gap-[0.375rem] whitespace-nowrap rounded-[0.5rem] transition-colors duration-150',\n  variants: {\n    size: {\n      sm: 'min-w-[3rem] h-[1.875rem] px-[0.5rem] typo-body-14-semibold',\n      md: 'h-[2.375rem] px-[0.75rem] typo-body-14-semibold',\n    },\n    color: {\n      white:\n        'bg-white text-gray-400 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100',\n      gray: 'bg-gray-100 text-gray-400 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200',\n      red: 'bg-red-100 text-red-400 enabled:hover:bg-red-200 enabled:active:bg-red-200 enabled:data-[active]:bg-red-200',\n    },\n    fullWidth: {\n      true: 'w-full',\n      false: '',\n    },\n    disabled: {\n      true: 'bg-gray-100 text-gray-400 opacity-50 cursor-not-allowed',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    disabled: false,\n    color: 'gray',\n    fullWidth: false,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof button>;\n"],"mappings":";;;AAEA,MAAa,SAAS,GAAG;CACvB,MAAM;CACN,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,OAAO;GACL,OACE;GACF,MAAM;GACN,KAAK;GACN;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,UAAU;EACV,OAAO;EACP,WAAW;EACZ;CACF,CAAC"}

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

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

package/dist/components/CTAButton/CTAButton.cjs

@@ -0,0 +1,22 @@
+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_CTAButton_styles = require('./CTAButton.styles.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/CTAButton/CTAButton.tsx
+function CTAButton({ color = "light", fullWidth = false, disabled = false, className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.button, {
+		disabled,
+		className: require_mergeStyles.mergeStyles(require_CTAButton_styles.ctaButton({
+			color,
+			fullWidth,
+			disabled
+		}), className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+exports.CTAButton = CTAButton;