@snapcall/design-system 1.20.0-beta.8 → 1.20.0

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

@@ -1,5 +1,182 @@
-export { Button_alias_2 as Button } from '../../_tsup-dts-rollup.mjs';
-export { buttonVariants_alias_2 as buttonVariants } from '../../_tsup-dts-rollup.mjs';
-export { buttonSizes_alias_2 as buttonSizes } from '../../_tsup-dts-rollup.mjs';
-export { iconButtonSizes_alias_2 as iconButtonSizes } from '../../_tsup-dts-rollup.mjs';
-export { ButtonProps_alias_2 as ButtonProps } from '../../_tsup-dts-rollup.mjs';
+import * as React from 'react';
+import { VariantProps } from 'cva';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "outline" | "outlineBlue" | "destructive" | "ghostBlue" | "ghostRed" | "ghostGray" | "roundedFill" | "roundedGlass" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare const buttonSizes: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare const iconButtonSizes: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, VariantProps<typeof buttonSizes> {
+    icon?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonSizes, buttonVariants, iconButtonSizes };

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

@@ -1,5 +1,182 @@
-export { Button_alias_2 as Button } from '../../_tsup-dts-rollup.js';
-export { buttonVariants_alias_2 as buttonVariants } from '../../_tsup-dts-rollup.js';
-export { buttonSizes_alias_2 as buttonSizes } from '../../_tsup-dts-rollup.js';
-export { iconButtonSizes_alias_2 as iconButtonSizes } from '../../_tsup-dts-rollup.js';
-export { ButtonProps_alias_2 as ButtonProps } from '../../_tsup-dts-rollup.js';
+import * as React from 'react';
+import { VariantProps } from 'cva';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "outline" | "outlineBlue" | "destructive" | "ghostBlue" | "ghostRed" | "ghostGray" | "roundedFill" | "roundedGlass" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare const buttonSizes: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare const iconButtonSizes: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, VariantProps<typeof buttonSizes> {
+    icon?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonSizes, buttonVariants, iconButtonSizes };

package/dist/components/Button/index.js

@@ -123,16 +123,17 @@ var buttonVariants = (0, import_cva.cva)({
   base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-none focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
-      primary: "bg-blue-700 text-white hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
-      secondary: "bg-gray-50 text-gray-1000 hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-gray-1000",
-      tertiary: "bg-gray-50 text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
-      outline: "bg-white ring-1 ring-offset-0 ring-gray-200 text-gray-1000 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-gray-1000",
-      outlineBlue: "bg-transparent ring-1 ring-inset ring-offset-0 ring-blue-700 text-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
-      outlineWhite: "bg-transparent ring-1 ring-inset ring-offset-0 ring-white text-white hover:bg-blue-50 hover:text-blue-700 active:bg-blue-200 active:text-blue-700 focus-visible:ring-blue-700",
-      destructive: "bg-red-700 text-white hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
-      ghostBlue: "bg-transparent text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
-      ghostRed: "bg-transparent text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
-      ghostGray: "bg-transparent text-gray-1000 hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-gray-1000"
+      primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
+      secondary: "bg-gray-50 text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-black",
+      tertiary: "bg-gray-50 text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+      outline: "bg-white text-black [&>svg]:text-black ring-1 ring-offset-0 ring-gray-200 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-black",
+      outlineBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 ring-1 ring-inset ring-offset-0 ring-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
+      destructive: "bg-red-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
+      ghostBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+      ghostRed: "bg-transparent text-red-700 [&>svg]:text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
+      ghostGray: "bg-transparent text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-black",
+      roundedFill: "rounded-2xl text-black [&>svg]:text-black bg-gray-200 active:bg-gray-300 border-2 border-gray-400 hover:border-gray-600",
+      roundedGlass: "rounded-2xl text-black [&>svg]:text-black bg-gray-100/50 hover:bg-gray-100/75 active:bg-gray-100 backdrop-blur-[20px]"
     }
   },
   defaultVariants: {

package/dist/components/Button/index.mjs

@@ -3,9 +3,7 @@ import {
   buttonSizes,
   buttonVariants,
   iconButtonSizes
-} from "../../chunk-BDGP7V4I.mjs";
-import "../../chunk-REC5TG6U.mjs";
-import "../../chunk-VOEUAKL5.mjs";
+} from "../../chunk-O46NQFTB.mjs";
 import "../../chunk-BOWIL6WZ.mjs";
 export {
   Button,

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

@@ -1,2 +1,12 @@
-export { Calendar_alias_2 as Calendar } from '../../_tsup-dts-rollup.mjs';
-export { DateRange_alias_2 as DateRange } from '../../_tsup-dts-rollup.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+export { DateRange } from 'react-day-picker';
+
+type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+export { Calendar };

package/dist/components/Calendar/index.d.ts

@@ -1,2 +1,12 @@
-export { Calendar_alias_2 as Calendar } from '../../_tsup-dts-rollup.js';
-export { DateRange_alias_2 as DateRange } from '../../_tsup-dts-rollup.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+export { DateRange } from 'react-day-picker';
+
+type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+export { Calendar };

package/dist/components/Calendar/index.js

@@ -130,6 +130,18 @@ var ChevronRightIcon = (0, import_react2.forwardRef)(
   }
 );
 
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/Button/Button.tsx
+var React = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_cva = require("cva");
+
 // src/icons/spinner.tsx
 var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -169,32 +181,23 @@ var SpinnerIcon = (0, import_react3.forwardRef)(
   }
 );
 
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
 // src/components/Button/Button.tsx
-var React = __toESM(require("react"));
-var import_react_slot = require("@radix-ui/react-slot");
-var import_cva = require("cva");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva.cva)({
   base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-none focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
-      primary: "bg-blue-700 text-white hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
-      secondary: "bg-gray-50 text-gray-1000 hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-gray-1000",
-      tertiary: "bg-gray-50 text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
-      outline: "bg-white ring-1 ring-offset-0 ring-gray-200 text-gray-1000 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-gray-1000",
-      outlineBlue: "bg-transparent ring-1 ring-inset ring-offset-0 ring-blue-700 text-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
-      outlineWhite: "bg-transparent ring-1 ring-inset ring-offset-0 ring-white text-white hover:bg-blue-50 hover:text-blue-700 active:bg-blue-200 active:text-blue-700 focus-visible:ring-blue-700",
-      destructive: "bg-red-700 text-white hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
-      ghostBlue: "bg-transparent text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
-      ghostRed: "bg-transparent text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
-      ghostGray: "bg-transparent text-gray-1000 hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-gray-1000"
+      primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
+      secondary: "bg-gray-50 text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-black",
+      tertiary: "bg-gray-50 text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+      outline: "bg-white text-black [&>svg]:text-black ring-1 ring-offset-0 ring-gray-200 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-black",
+      outlineBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 ring-1 ring-inset ring-offset-0 ring-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
+      destructive: "bg-red-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
+      ghostBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+      ghostRed: "bg-transparent text-red-700 [&>svg]:text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
+      ghostGray: "bg-transparent text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-black",
+      roundedFill: "rounded-2xl text-black [&>svg]:text-black bg-gray-200 active:bg-gray-300 border-2 border-gray-400 hover:border-gray-600",
+      roundedGlass: "rounded-2xl text-black [&>svg]:text-black bg-gray-100/50 hover:bg-gray-100/75 active:bg-gray-100 backdrop-blur-[20px]"
     }
   },
   defaultVariants: {
@@ -306,7 +309,7 @@ function Calendar(_a) {
         month: "space-y-4",
         months: "flex flex-col sm:flex-row relative",
         month_caption: "flex justify-center pt-1 items-center",
-        caption_label: "text-sm font-medium",
+        caption_label: "text-sm font-medium text-black",
         nav: "space-x-1 flex items-center",
         button_previous: cn(
           buttonVariants({ variant: "outline" }),
@@ -326,11 +329,11 @@ function Calendar(_a) {
           "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 aria-selected:bg-blue-100 aria-selected:[&.day-outside]:bg-blue-100/50",
           props.mode === "range" ? "[&.day-range-end]:rounded-r-md [&.day-range-start]:rounded-l-md aria-selected:[&.day-range-end]:rounded-r-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md" : "aria-selected:rounded-md"
         ),
-        day_button: "h-8 w-8 p-0 cursor-pointer rounded-md",
+        day_button: "h-8 w-8 p-0 cursor-pointer rounded-md text-black",
         range_start: "day-range-start",
         range_middle: "day-range-middle *:aria-selected:bg-blue-100 *:aria-selected:text-blue-700",
         range_end: "day-range-end",
-        selected: "day-selected *:bg-blue-700 *:text-white *:hover:bg-blue-700 *:hover:text-white *:focus:bg-blue-700 *:focus:text-white-700 *:opacity-100",
+        selected: "day-selected *:bg-blue-700 *:text-white dark:*:text-black *:hover:bg-blue-700 *:hover:text-white dark:*:hover:text-black *:focus:bg-blue-700 *:focus:text-white dark:*:focus:text-black *:opacity-100",
         outside: "text-gray-700 opacity-50",
         disabled: "text-gray-700 opacity-50",
         hidden: "invisible"

package/dist/components/Calendar/index.mjs

@@ -1,12 +1,13 @@
 import {
-  buttonVariants,
-  iconButtonSizes
-} from "../../chunk-BDGP7V4I.mjs";
+  ChevronLeftIcon
+} from "../../chunk-RUGV2ZRC.mjs";
 import {
-  ChevronLeftIcon,
   ChevronRightIcon
-} from "../../chunk-REC5TG6U.mjs";
-import "../../chunk-VOEUAKL5.mjs";
+} from "../../chunk-M7XGO7VL.mjs";
+import {
+  buttonVariants,
+  iconButtonSizes
+} from "../../chunk-O46NQFTB.mjs";
 import {
   __objRest,
   __spreadValues,
@@ -36,7 +37,7 @@ function Calendar(_a) {
         month: "space-y-4",
         months: "flex flex-col sm:flex-row relative",
         month_caption: "flex justify-center pt-1 items-center",
-        caption_label: "text-sm font-medium",
+        caption_label: "text-sm font-medium text-black",
         nav: "space-x-1 flex items-center",
         button_previous: cn(
           buttonVariants({ variant: "outline" }),
@@ -56,11 +57,11 @@ function Calendar(_a) {
           "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 aria-selected:bg-blue-100 aria-selected:[&.day-outside]:bg-blue-100/50",
           props.mode === "range" ? "[&.day-range-end]:rounded-r-md [&.day-range-start]:rounded-l-md aria-selected:[&.day-range-end]:rounded-r-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md" : "aria-selected:rounded-md"
         ),
-        day_button: "h-8 w-8 p-0 cursor-pointer rounded-md",
+        day_button: "h-8 w-8 p-0 cursor-pointer rounded-md text-black",
         range_start: "day-range-start",
         range_middle: "day-range-middle *:aria-selected:bg-blue-100 *:aria-selected:text-blue-700",
         range_end: "day-range-end",
-        selected: "day-selected *:bg-blue-700 *:text-white *:hover:bg-blue-700 *:hover:text-white *:focus:bg-blue-700 *:focus:text-white-700 *:opacity-100",
+        selected: "day-selected *:bg-blue-700 *:text-white dark:*:text-black *:hover:bg-blue-700 *:hover:text-white dark:*:hover:text-black *:focus:bg-blue-700 *:focus:text-white dark:*:focus:text-black *:opacity-100",
         outside: "text-gray-700 opacity-50",
         disabled: "text-gray-700 opacity-50",
         hidden: "invisible"

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

@@ -1,6 +1,22 @@
-export { Carousel_alias_2 as Carousel } from '../../_tsup-dts-rollup.mjs';
-export { CarouselContent_alias_2 as CarouselContent } from '../../_tsup-dts-rollup.mjs';
-export { CarouselItem_alias_2 as CarouselItem } from '../../_tsup-dts-rollup.mjs';
-export { CarouselPrevious_alias_2 as CarouselPrevious } from '../../_tsup-dts-rollup.mjs';
-export { CarouselNext_alias_2 as CarouselNext } from '../../_tsup-dts-rollup.mjs';
-export { CarouselApi_alias_2 as CarouselApi } from '../../_tsup-dts-rollup.mjs';
+import { ButtonProps } from '../Button/index.mjs';
+import * as React from 'react';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import 'cva';
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/components/Carousel/index.d.ts

@@ -1,6 +1,22 @@
-export { Carousel_alias_2 as Carousel } from '../../_tsup-dts-rollup.js';
-export { CarouselContent_alias_2 as CarouselContent } from '../../_tsup-dts-rollup.js';
-export { CarouselItem_alias_2 as CarouselItem } from '../../_tsup-dts-rollup.js';
-export { CarouselPrevious_alias_2 as CarouselPrevious } from '../../_tsup-dts-rollup.js';
-export { CarouselNext_alias_2 as CarouselNext } from '../../_tsup-dts-rollup.js';
-export { CarouselApi_alias_2 as CarouselApi } from '../../_tsup-dts-rollup.js';
+import { ButtonProps } from '../Button/index.js';
+import * as React from 'react';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import 'cva';
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };