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

package/dist/components/Select/index.mjs

@@ -1,7 +1,3 @@
-import {
-  ChevronSelectorVerticalIcon
-} from "../../chunk-REC5TG6U.mjs";
-import "../../chunk-VOEUAKL5.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -12,7 +8,41 @@ import {
 // src/components/Select/Select.tsx
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/icons/chevronSelectorVertical.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var ChevronSelectorVerticalIcon = forwardRef(
+  function ChevronSelectorVerticalIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ jsx(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7 15L12 20L17 15M7 9L12 4L17 9",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/components/Select/Select.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -24,7 +54,7 @@ var SelectTrigger = React.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "flex gap-2 h-9 w-full px-3 py-2 text-sm outline-none text-gray-1000 placeholder:text-gray-700 rounded-md border border-gray-200 bg-white [.dark-theme_&]:bg-gray-50 focus-within:outline focus-within:outline-[2px] focus-within:outline-blue-300 focus-within:outline-offset-[2px] items-center justify-between",
+        "flex gap-2 h-9 w-full px-3 py-2 text-sm outline-none text-black placeholder:text-gray-700 rounded-md border border-gray-200 bg-white [.dark-theme_&]:bg-gray-50 focus-within:outline focus-within:outline-[2px] focus-within:outline-blue-300 focus-within:outline-offset-[2px] items-center justify-between",
         { "cursor-not-allowed opacity-50": isDisabled },
         "disabled:cursor-not-allowed disabled:opacity-50",
         // when the disabled attr is set by reference
@@ -36,7 +66,7 @@ var SelectTrigger = React.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
+        /* @__PURE__ */ jsx2(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx2(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
       ]
     })
   );
@@ -44,7 +74,7 @@ var SelectTrigger = React.forwardRef((_a, ref) => {
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 var SelectContent = React.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
@@ -55,7 +85,7 @@ var SelectContent = React.forwardRef((_a, ref) => {
       ),
       position
     }, props), {
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx2(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -71,34 +101,34 @@ var SelectContent = React.forwardRef((_a, ref) => {
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 var SelectLabel = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
-      className: cn("px-2 py-1.5 text-sm font-medium text-gray-1000", className)
+      className: cn("px-2 py-1.5 text-sm font-medium text-black", className)
     }, props)
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 var SelectItem = React.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "flex w-full cursor-default select-none items-center rounded-md py-1.5 px-2 text-gray-1000 text-sm outline-none hover:bg-gray-50 active:bg-gray-100 focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-gray-50",
+        "flex w-full cursor-default select-none items-center rounded-md py-1.5 px-2 text-black text-sm outline-none hover:bg-gray-50 active:bg-gray-100 focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-gray-50",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemText, { children })
     })
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 var SelectSeparator = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,

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

@@ -1,7 +1,79 @@
-export { Sheet_alias_2 as Sheet } from '../../_tsup-dts-rollup.mjs';
-export { SheetTrigger_alias_2 as SheetTrigger } from '../../_tsup-dts-rollup.mjs';
-export { SheetClose_alias_2 as SheetClose } from '../../_tsup-dts-rollup.mjs';
-export { SheetContent_alias_2 as SheetContent } from '../../_tsup-dts-rollup.mjs';
-export { SheetHeader_alias_2 as SheetHeader } from '../../_tsup-dts-rollup.mjs';
-export { SheetTitle_alias_2 as SheetTitle } from '../../_tsup-dts-rollup.mjs';
-export { SheetDescription_alias_2 as SheetDescription } from '../../_tsup-dts-rollup.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'cva';
+
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | 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 SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, Pick<SheetPrimitive.DialogPortalProps, 'container'>, VariantProps<typeof sheetVariants> {
+    overlay?: boolean;
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger };

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

@@ -1,7 +1,79 @@
-export { Sheet_alias_2 as Sheet } from '../../_tsup-dts-rollup.js';
-export { SheetTrigger_alias_2 as SheetTrigger } from '../../_tsup-dts-rollup.js';
-export { SheetClose_alias_2 as SheetClose } from '../../_tsup-dts-rollup.js';
-export { SheetContent_alias_2 as SheetContent } from '../../_tsup-dts-rollup.js';
-export { SheetHeader_alias_2 as SheetHeader } from '../../_tsup-dts-rollup.js';
-export { SheetTitle_alias_2 as SheetTitle } from '../../_tsup-dts-rollup.js';
-export { SheetDescription_alias_2 as SheetDescription } from '../../_tsup-dts-rollup.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'cva';
+
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | 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 SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, Pick<SheetPrimitive.DialogPortalProps, 'container'>, VariantProps<typeof sheetVariants> {
+    overlay?: boolean;
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/Sheet/index.js

@@ -74,52 +74,13 @@ var React2 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_cva2 = require("cva");
 
-// src/icons/spinner.tsx
+// src/icons/xClose.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var SpinnerIcon = (0, import_react.forwardRef)(
-  function SpinnerIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "animate-spin text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 25 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              opacity: "0.12",
-              d: "M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM3.668 12C3.668 16.8778 7.62222 20.832 12.5 20.832C17.3778 20.832 21.332 16.8778 21.332 12C21.332 7.12222 17.3778 3.168 12.5 3.168C7.62222 3.168 3.668 7.12222 3.668 12Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              d: "M22.916 12C23.7908 12 24.5108 12.7122 24.3956 13.5794C24.1641 15.323 23.5512 17.0011 22.5928 18.4912C21.3476 20.4272 19.5719 21.9643 17.4774 22.919C15.3829 23.8738 13.058 24.206 10.7799 23.8761C8.50179 23.5461 6.36667 22.5679 4.62912 21.0581C2.89158 19.5483 1.62494 17.5706 0.98025 15.3609C0.335563 13.1511 0.340035 10.8026 0.993131 8.5953C1.64623 6.38803 2.92039 4.41517 4.66367 2.91199C6.00545 1.75501 7.58156 0.913857 9.27571 0.441275C10.1184 0.206218 10.9241 0.819698 11.0462 1.68595C11.1683 2.55221 10.5575 3.33995 9.72694 3.61463C8.63201 3.97673 7.61359 4.55146 6.73246 5.31122C5.44941 6.41757 4.51162 7.86959 4.03094 9.49414C3.55027 11.1187 3.54697 12.8472 4.02146 14.4736C4.49595 16.1 5.4282 17.5555 6.70703 18.6668C7.98587 19.778 9.55732 20.4979 11.234 20.7408C12.9107 20.9836 14.6218 20.7391 16.1634 20.0364C17.7049 19.3337 19.0119 18.2024 19.9283 16.7775C20.5576 15.799 20.9846 14.7103 21.1903 13.5755C21.3464 12.7148 22.0412 12 22.916 12Z",
-              fill: "currentColor"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-
-// src/icons/xClose.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var XCloseIcon = (0, import_react2.forwardRef)(
+var XCloseIcon = (0, import_react.forwardRef)(
   function XCloseIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -130,7 +91,7 @@ var XCloseIcon = (0, import_react2.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "path",
           {
             d: "M18 6L6 18M6 6L18 18",
@@ -156,21 +117,63 @@ function cn(...inputs) {
 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_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SpinnerIcon = (0, import_react2.forwardRef)(
+  function SpinnerIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "animate-spin text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 25 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM3.668 12C3.668 16.8778 7.62222 20.832 12.5 20.832C17.3778 20.832 21.332 16.8778 21.332 12C21.332 7.12222 17.3778 3.168 12.5 3.168C7.62222 3.168 3.668 7.12222 3.668 12Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M22.916 12C23.7908 12 24.5108 12.7122 24.3956 13.5794C24.1641 15.323 23.5512 17.0011 22.5928 18.4912C21.3476 20.4272 19.5719 21.9643 17.4774 22.919C15.3829 23.8738 13.058 24.206 10.7799 23.8761C8.50179 23.5461 6.36667 22.5679 4.62912 21.0581C2.89158 19.5483 1.62494 17.5706 0.98025 15.3609C0.335563 13.1511 0.340035 10.8026 0.993131 8.5953C1.64623 6.38803 2.92039 4.41517 4.66367 2.91199C6.00545 1.75501 7.58156 0.913857 9.27571 0.441275C10.1184 0.206218 10.9241 0.819698 11.0462 1.68595C11.1683 2.55221 10.5575 3.33995 9.72694 3.61463C8.63201 3.97673 7.61359 4.55146 6.73246 5.31122C5.44941 6.41757 4.51162 7.86959 4.03094 9.49414C3.55027 11.1187 3.54697 12.8472 4.02146 14.4736C4.49595 16.1 5.4282 17.5555 6.70703 18.6668C7.98587 19.778 9.55732 20.4979 11.234 20.7408C12.9107 20.9836 14.6218 20.7391 16.1634 20.0364C17.7049 19.3337 19.0119 18.2024 19.9283 16.7775C20.5576 15.799 20.9846 14.7103 21.1903 13.5755C21.3464 12.7148 22.0412 12 22.916 12Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/components/Button/Button.tsx
 var import_jsx_runtime3 = 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: {
@@ -285,7 +288,7 @@ var SheetOverlay = React2.forwardRef((_a, ref) => {
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
-        "fixed inset-0 z-50 bg-gray-1000/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className
       )
     }, props), {
@@ -373,7 +376,7 @@ var SheetTitle = React2.forwardRef((_a, ref) => {
       SheetPrimitive.Title,
       __spreadValues({
         ref,
-        className: cn("text-md font-semibold text-gray-1000 truncate", className)
+        className: cn("text-md font-semibold text-black truncate", className)
       }, props)
     )
   ] });

package/dist/components/Sheet/index.mjs

@@ -1,10 +1,9 @@
-import {
-  Button
-} from "../../chunk-BDGP7V4I.mjs";
 import {
   XCloseIcon
-} from "../../chunk-REC5TG6U.mjs";
-import "../../chunk-VOEUAKL5.mjs";
+} from "../../chunk-FMJFBQTF.mjs";
+import {
+  Button
+} from "../../chunk-O46NQFTB.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -40,7 +39,7 @@ var SheetOverlay = React.forwardRef((_a, ref) => {
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
-        "fixed inset-0 z-50 bg-gray-1000/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className
       )
     }, props), {
@@ -128,7 +127,7 @@ var SheetTitle = React.forwardRef((_a, ref) => {
       SheetPrimitive.Title,
       __spreadValues({
         ref,
-        className: cn("text-md font-semibold text-gray-1000 truncate", className)
+        className: cn("text-md font-semibold text-black truncate", className)
       }, props)
     )
   ] });

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

@@ -1 +1,5 @@
-export { Skeleton_alias_2 as Skeleton } from '../../_tsup-dts-rollup.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Skeleton };

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

@@ -1 +1,5 @@
-export { Skeleton_alias_2 as Skeleton } from '../../_tsup-dts-rollup.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Skeleton };

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

@@ -1 +1,6 @@
-export { Switch_alias_2 as Switch } from '../../_tsup-dts-rollup.mjs';
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch };

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

@@ -1 +1,6 @@
-export { Switch_alias_2 as Switch } from '../../_tsup-dts-rollup.js';
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch };

package/dist/components/Switch/index.js

@@ -87,7 +87,7 @@ var Switch = React.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white transition-transform ease-linear will-change-transform" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white dark:data-[state=checked]:bg-black transition-transform ease-linear will-change-transform" })
     })
   );
 });

package/dist/components/Switch/index.mjs

@@ -20,7 +20,7 @@ var Switch = React.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white transition-transform ease-linear will-change-transform" })
+      children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white dark:data-[state=checked]:bg-black transition-transform ease-linear will-change-transform" })
     })
   );
 });

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

@@ -1,7 +1,17 @@
-export { Table_alias_2 as Table } from '../../_tsup-dts-rollup.mjs';
-export { TableHeader_alias_2 as TableHeader } from '../../_tsup-dts-rollup.mjs';
-export { TableBody_alias_2 as TableBody } from '../../_tsup-dts-rollup.mjs';
-export { TableHead_alias_2 as TableHead } from '../../_tsup-dts-rollup.mjs';
-export { TableRow_alias_2 as TableRow } from '../../_tsup-dts-rollup.mjs';
-export { TableEmpty_alias_2 as TableEmpty } from '../../_tsup-dts-rollup.mjs';
-export { TableCell_alias_2 as TableCell } from '../../_tsup-dts-rollup.mjs';
+import * as React from 'react';
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title?: string | undefined;
+    description?: string | undefined;
+} & React.RefAttributes<HTMLDivElement & {
+    title?: string | undefined;
+    description?: string | undefined;
+}>>;
+
+export { Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow };

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

@@ -1,7 +1,17 @@
-export { Table_alias_2 as Table } from '../../_tsup-dts-rollup.js';
-export { TableHeader_alias_2 as TableHeader } from '../../_tsup-dts-rollup.js';
-export { TableBody_alias_2 as TableBody } from '../../_tsup-dts-rollup.js';
-export { TableHead_alias_2 as TableHead } from '../../_tsup-dts-rollup.js';
-export { TableRow_alias_2 as TableRow } from '../../_tsup-dts-rollup.js';
-export { TableEmpty_alias_2 as TableEmpty } from '../../_tsup-dts-rollup.js';
-export { TableCell_alias_2 as TableCell } from '../../_tsup-dts-rollup.js';
+import * as React from 'react';
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title?: string | undefined;
+    description?: string | undefined;
+} & React.RefAttributes<HTMLDivElement & {
+    title?: string | undefined;
+    description?: string | undefined;
+}>>;
+
+export { Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow };

package/dist/components/Table/index.js

@@ -110,7 +110,7 @@ var TableBody = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "[&_tr:last-child]:border-0 [&_tr:hover]:bg-gray-25 [&_tr:active]:bg-gray-50 [&_tr:hover:active]:bg-gray-50",
+        "bg-white [&_tr:last-child]:border-0 [&_tr:hover]:bg-gray-25 [&_tr:active]:bg-gray-50 [&_tr:hover:active]:bg-gray-50",
         className
       )
     }, props)
@@ -124,7 +124,7 @@ var TableRow = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "border-b transition-colors data-[state=selected]:bg-gray-50",
+        "border-b transition-colors data-[state=selected]:bg-gray-50 text-black",
         className
       )
     }, props)
@@ -168,7 +168,7 @@ var TableEmpty = React.forwardRef((_a, ref) => {
       className: cn("flex flex-col gap-6 items-center py-12", className)
     }, props), {
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-lg font-semibold text-gray-1000", children: title }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-lg font-semibold text-black", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-normal text-gray-900", children: description }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
       ]