@snapcall/design-system 1.25.1 → 1.26.1

package/dist/components/FilterButton/index.mjs

@@ -1,9 +1,9 @@
 import {
   Badge
-} from "../../chunk-YC4ZDBIC.mjs";
+} from "../../chunk-VBMQG5SW.mjs";
 import {
   Button
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,

package/dist/components/Input/index.js

@@ -100,7 +100,7 @@ var Input = React.forwardRef(
         "div",
         {
           className: cn(
-            "flex h-9 w-full rounded-md border border-gray-200 bg-transparent focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
+            "flex h-9 w-full rounded-lg border border-gray-200 bg-transparent focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
             { "cursor-not-allowed opacity-50": isDisabled },
             {
               "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]

package/dist/components/Input/index.mjs

@@ -33,7 +33,7 @@ var Input = React.forwardRef(
         "div",
         {
           className: cn(
-            "flex h-9 w-full rounded-md border border-gray-200 bg-transparent focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
+            "flex h-9 w-full rounded-lg border border-gray-200 bg-transparent focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
             { "cursor-not-allowed opacity-50": isDisabled },
             {
               "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]

package/dist/components/Pagination/index.js

@@ -246,7 +246,7 @@ var SpinnerIcon = (0, import_react5.forwardRef)(
 // src/components/Button/Button.tsx
 var import_jsx_runtime6 = 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-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -276,7 +276,7 @@ var buttonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva.cva)({
@@ -289,7 +289,7 @@ var iconButtonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {

package/dist/components/Pagination/index.mjs

@@ -6,7 +6,7 @@ import {
 } from "../../chunk-M7XGO7VL.mjs";
 import {
   Button
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,

package/dist/components/Select/index.js

@@ -126,7 +126,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-hidden text-black placeholder:text-gray-700 rounded-md border border-gray-200 bg-white focus-within:outline-2 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-hidden text-black placeholder:text-gray-700 rounded-lg border border-gray-200 bg-white focus-within:outline-2 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
@@ -157,7 +157,7 @@ var SelectContent = React.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "relative z-150 overflow-hidden rounded-md border border-gray-200 bg-white shadow-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "relative z-150 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -195,7 +195,7 @@ var SelectItem = React.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "flex w-full cursor-default select-none items-center rounded-md py-1.5 px-2 text-black text-sm outline-hidden 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-lg py-1.5 px-2 text-black text-sm outline-hidden 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), {

package/dist/components/Select/index.mjs

@@ -54,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-hidden text-black placeholder:text-gray-700 rounded-md border border-gray-200 bg-white focus-within:outline-2 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-hidden text-black placeholder:text-gray-700 rounded-lg border border-gray-200 bg-white focus-within:outline-2 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
@@ -85,7 +85,7 @@ var SelectContent = React.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "relative z-150 overflow-hidden rounded-md border border-gray-200 bg-white shadow-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "relative z-150 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -123,7 +123,7 @@ var SelectItem = React.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "flex w-full cursor-default select-none items-center rounded-md py-1.5 px-2 text-black text-sm outline-hidden 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-lg py-1.5 px-2 text-black text-sm outline-hidden 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), {

package/dist/components/Sheet/index.js

@@ -160,7 +160,7 @@ var SpinnerIcon = (0, import_react2.forwardRef)(
 // 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-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -190,7 +190,7 @@ var buttonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva.cva)({
@@ -203,7 +203,7 @@ var iconButtonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {

package/dist/components/Sheet/index.mjs

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-FMJFBQTF.mjs";
 import {
   Button
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,

package/dist/components/Tabs/index.js

@@ -84,7 +84,7 @@ var TabsList = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "inline-flex items-center justify-center gap-2 rounded-lg p-1.5 bg-gray-50 text-gray-700",
+        "inline-flex items-center justify-center gap-1 rounded-lg p-1 bg-gray-50 text-gray-700",
         className
       )
     }, props)
@@ -98,7 +98,7 @@ var TabsTrigger = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-semibold ring-offset-white transition-all",
+        "inline-flex items-center justify-center whitespace-nowrap rounded-lg px-3 py-1 text-sm font-medium ring-offset-white transition-all",
         "hover:bg-gray-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
         "data-[state=active]:bg-white data-[state=active]:text-blue-700 dark:data-[state=active]:text-black data-[state=active]:shadow-xs",
         "disabled:pointer-events-none disabled:opacity-50",

package/dist/components/Tabs/index.mjs

@@ -16,7 +16,7 @@ var TabsList = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "inline-flex items-center justify-center gap-2 rounded-lg p-1.5 bg-gray-50 text-gray-700",
+        "inline-flex items-center justify-center gap-1 rounded-lg p-1 bg-gray-50 text-gray-700",
         className
       )
     }, props)
@@ -30,7 +30,7 @@ var TabsTrigger = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-semibold ring-offset-white transition-all",
+        "inline-flex items-center justify-center whitespace-nowrap rounded-lg px-3 py-1 text-sm font-medium ring-offset-white transition-all",
         "hover:bg-gray-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
         "data-[state=active]:bg-white data-[state=active]:text-blue-700 dark:data-[state=active]:text-black data-[state=active]:shadow-xs",
         "disabled:pointer-events-none disabled:opacity-50",

package/dist/components/Textarea/index.js

@@ -123,11 +123,11 @@ var Textarea = React.forwardRef(
       "onMaximizeClick"
     ]);
     const isDisabled = !!props["data-is-disabled"] || disabled;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "div",
       {
         className: cn(
-          "flex min-h-[80px] w-full rounded-md border border-gray-200 bg-transparent relative focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
+          "flex min-h-[80px] w-full rounded-lg border border-gray-200 bg-transparent relative focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
           { "cursor-not-allowed opacity-50": isDisabled },
           {
             "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
@@ -156,7 +156,7 @@ var Textarea = React.forwardRef(
           )
         ]
       }
-    ) });
+    );
   }
 );
 Textarea.displayName = "Textarea";

package/dist/components/Textarea/index.mjs

@@ -58,11 +58,11 @@ var Textarea = React.forwardRef(
       "onMaximizeClick"
     ]);
     const isDisabled = !!props["data-is-disabled"] || disabled;
-    return /* @__PURE__ */ jsx2("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
-          "flex min-h-[80px] w-full rounded-md border border-gray-200 bg-transparent relative focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
+          "flex min-h-[80px] w-full rounded-lg border border-gray-200 bg-transparent relative focus-within:outline-2 focus-within:outline-blue-300 focus-within:outline-offset-2",
           { "cursor-not-allowed opacity-50": isDisabled },
           {
             "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
@@ -91,7 +91,7 @@ var Textarea = React.forwardRef(
           )
         ]
       }
-    ) });
+    );
   }
 );
 Textarea.displayName = "Textarea";

package/dist/components/Toaster/index.js

@@ -165,7 +165,7 @@ var SpinnerIcon = (0, import_react2.forwardRef)(
 // 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-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -195,7 +195,7 @@ var buttonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva.cva)({
@@ -208,7 +208,7 @@ var iconButtonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {
@@ -286,7 +286,7 @@ var ToastViewport = React2.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = (0, import_cva2.cva)({
-  base: "group pointer-events-auto relative flex w-full shadow-xs items-center justify-between gap-4 overflow-hidden rounded-md px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full",
+  base: "group pointer-events-auto relative flex w-full shadow-xs items-center justify-between gap-4 overflow-hidden rounded-lg px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full",
   variants: {
     variant: {
       default: "bg-gray-100 text-black",

package/dist/components/Toaster/index.mjs

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-FMJFBQTF.mjs";
 import {
   Button
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,
@@ -33,7 +33,7 @@ var ToastViewport = React.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = cva({
-  base: "group pointer-events-auto relative flex w-full shadow-xs items-center justify-between gap-4 overflow-hidden rounded-md px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full",
+  base: "group pointer-events-auto relative flex w-full shadow-xs items-center justify-between gap-4 overflow-hidden rounded-lg px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full",
   variants: {
     variant: {
       default: "bg-gray-100 text-black",

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { VariantProps } from 'cva';
+
+declare const toggleVariants: (props?: ({
+    size?: "sm" | "md" | 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 | /*elided*/ 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?: never;
+} | {
+    class?: never;
+    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 | /*elided*/ 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 ToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
+    pressed?: boolean;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, type ToggleProps, toggleVariants };

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { VariantProps } from 'cva';
+
+declare const toggleVariants: (props?: ({
+    size?: "sm" | "md" | 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 | /*elided*/ 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?: never;
+} | {
+    class?: never;
+    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 | /*elided*/ 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 ToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
+    pressed?: boolean;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, type ToggleProps, toggleVariants };

package/dist/components/Toggle/index.js

@@ -0,0 +1,117 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toggle/index.ts
+var Toggle_exports = {};
+__export(Toggle_exports, {
+  Toggle: () => Toggle,
+  toggleVariants: () => toggleVariants
+});
+module.exports = __toCommonJS(Toggle_exports);
+
+// src/components/Toggle/Toggle.tsx
+var React = __toESM(require("react"));
+var import_cva = require("cva");
+
+// 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/Toggle/Toggle.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var toggleVariants = (0, import_cva.cva)({
+  base: "inline-flex items-center justify-center border border-gray-200 rounded-lg bg-white text-black font-medium whitespace-nowrap transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-300 focus-visible:ring-offset-2 disabled:opacity-30 disabled:pointer-events-none disabled:cursor-not-allowed",
+  variants: {
+    size: {
+      sm: "px-2 py-1 text-xs gap-1",
+      md: "px-2 py-1 text-sm gap-2"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Toggle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, size, pressed, children } = _b, props = __objRest(_b, ["className", "size", "pressed", "children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      __spreadProps(__spreadValues({
+        ref,
+        type: "button",
+        "aria-pressed": pressed,
+        className: cn(
+          toggleVariants({ size }),
+          pressed && "bg-gray-50",
+          className
+        )
+      }, props), {
+        children
+      })
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Toggle,
+  toggleVariants
+});

package/dist/components/Toggle/index.mjs

@@ -0,0 +1,48 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "../../chunk-BOWIL6WZ.mjs";
+
+// src/components/Toggle/Toggle.tsx
+import * as React from "react";
+import { cva } from "cva";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva({
+  base: "inline-flex items-center justify-center border border-gray-200 rounded-lg bg-white text-black font-medium whitespace-nowrap transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-300 focus-visible:ring-offset-2 disabled:opacity-30 disabled:pointer-events-none disabled:cursor-not-allowed",
+  variants: {
+    size: {
+      sm: "px-2 py-1 text-xs gap-1",
+      md: "px-2 py-1 text-sm gap-2"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Toggle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, size, pressed, children } = _b, props = __objRest(_b, ["className", "size", "pressed", "children"]);
+    return /* @__PURE__ */ jsx(
+      "button",
+      __spreadProps(__spreadValues({
+        ref,
+        type: "button",
+        "aria-pressed": pressed,
+        className: cn(
+          toggleVariants({ size }),
+          pressed && "bg-gray-50",
+          className
+        )
+      }, props), {
+        children
+      })
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+export {
+  Toggle,
+  toggleVariants
+};

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

@@ -6,6 +6,7 @@ declare const TooltipProvider: ({ delayDuration, ...props }: React.ComponentProp
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
 declare const TooltipContentCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     title: string;
@@ -14,4 +15,4 @@ declare const TooltipContentCard: React.ForwardRefExoticComponent<React.HTMLAttr
     action?: string | React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 
-export { Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipPortal, TooltipProvider, TooltipTrigger };

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

@@ -6,6 +6,7 @@ declare const TooltipProvider: ({ delayDuration, ...props }: React.ComponentProp
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
 declare const TooltipContentCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     title: string;
@@ -14,4 +15,4 @@ declare const TooltipContentCard: React.ForwardRefExoticComponent<React.HTMLAttr
     action?: string | React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 
-export { Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipPortal, TooltipProvider, TooltipTrigger };