@snapcall/design-system 1.25.1 → 1.26.0

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 };

package/dist/components/Tooltip/index.js

@@ -63,6 +63,7 @@ __export(Tooltip_exports, {
   TooltipArrow: () => TooltipArrow,
   TooltipContent: () => TooltipContent,
   TooltipContentCard: () => TooltipContentCard,
+  TooltipPortal: () => TooltipPortal,
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger
 });
@@ -126,7 +127,7 @@ var SpinnerIcon = (0, import_react.forwardRef)(
 // src/components/Button/Button.tsx
 var import_jsx_runtime2 = 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",
@@ -249,13 +250,14 @@ var TooltipContent = React2.forwardRef((_a, ref) => {
       ref,
       sideOffset,
       className: cn(
-        "z-50 rounded-md bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 rounded-lg bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )
     }, props)
   );
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipPortal = TooltipPrimitive.Portal;
 var TooltipArrow = TooltipPrimitive.Arrow;
 var TooltipContentCard = React2.forwardRef((_a, ref) => {
   var _b = _a, { title, description, header, action, className } = _b, props = __objRest(_b, ["title", "description", "header", "action", "className"]);
@@ -283,6 +285,7 @@ TooltipContentCard.displayName = "TooltipContentCard";
   TooltipArrow,
   TooltipContent,
   TooltipContentCard,
+  TooltipPortal,
   TooltipProvider,
   TooltipTrigger
 });

package/dist/components/Tooltip/index.mjs

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-7WNKULE2.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,
@@ -31,13 +31,14 @@ var TooltipContent = React.forwardRef((_a, ref) => {
       ref,
       sideOffset,
       className: cn(
-        "z-50 rounded-md bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 rounded-lg bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )
     }, props)
   );
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipPortal = TooltipPrimitive.Portal;
 var TooltipArrow = TooltipPrimitive.Arrow;
 var TooltipContentCard = React.forwardRef((_a, ref) => {
   var _b = _a, { title, description, header, action, className } = _b, props = __objRest(_b, ["title", "description", "header", "action", "className"]);
@@ -64,6 +65,7 @@ export {
   TooltipArrow,
   TooltipContent,
   TooltipContentCard,
+  TooltipPortal,
   TooltipProvider,
   TooltipTrigger
 };

package/dist/index.d.mts

@@ -350,7 +350,7 @@ declare const Avatar: react__default.ForwardRefExoticComponent<AvatarProps & rea
 
 declare const badgeVariants: (props?: ({
     variant?: "fill" | "outline" | "default" | undefined;
-    color?: "blue" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "yellow" | "gray" | "orange" | undefined;
+    color?: "blue" | "amber" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "gray" | "orange" | 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;
@@ -1021,6 +1021,68 @@ declare function Toaster({ className, toasterId, ...props }: ToastPrimitives.Toa
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+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>>;
+
 type ToggleGroupContextProps = {
     direction?: 'row' | 'column';
     type: 'single' | 'multiple';
@@ -1038,6 +1100,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;
@@ -1046,4 +1109,4 @@ declare const TooltipContentCard: react.ForwardRefExoticComponent<react.HTMLAttr
     action?: string | react.ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipPortal, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, toggleVariants, useDialogState, useToast };

package/dist/index.d.ts

@@ -350,7 +350,7 @@ declare const Avatar: react__default.ForwardRefExoticComponent<AvatarProps & rea
 
 declare const badgeVariants: (props?: ({
     variant?: "fill" | "outline" | "default" | undefined;
-    color?: "blue" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "yellow" | "gray" | "orange" | undefined;
+    color?: "blue" | "amber" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "gray" | "orange" | 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;
@@ -1021,6 +1021,68 @@ declare function Toaster({ className, toasterId, ...props }: ToastPrimitives.Toa
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+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>>;
+
 type ToggleGroupContextProps = {
     direction?: 'row' | 'column';
     type: 'single' | 'multiple';
@@ -1038,6 +1100,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;
@@ -1046,4 +1109,4 @@ declare const TooltipContentCard: react.ForwardRefExoticComponent<react.HTMLAttr
     action?: string | react.ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipPortal, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, toggleVariants, useDialogState, useToast };

package/dist/index.js

@@ -46,6 +46,7 @@ __reExport(index_exports, require("./components/Table"), module.exports);
 __reExport(index_exports, require("./components/Tabs"), module.exports);
 __reExport(index_exports, require("./components/Textarea"), module.exports);
 __reExport(index_exports, require("./components/Toaster"), module.exports);
+__reExport(index_exports, require("./components/Toggle"), module.exports);
 __reExport(index_exports, require("./components/ToggleGroup"), module.exports);
 __reExport(index_exports, require("./components/Tooltip"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
@@ -81,6 +82,7 @@ __reExport(index_exports, require("./components/Tooltip"), module.exports);
   ...require("./components/Tabs"),
   ...require("./components/Textarea"),
   ...require("./components/Toaster"),
+  ...require("./components/Toggle"),
   ...require("./components/ToggleGroup"),
   ...require("./components/Tooltip")
 });

package/dist/index.mjs

@@ -29,5 +29,6 @@ export * from "./components/Table/index.mjs";
 export * from "./components/Tabs/index.mjs";
 export * from "./components/Textarea/index.mjs";
 export * from "./components/Toaster/index.mjs";
+export * from "./components/Toggle/index.mjs";
 export * from "./components/ToggleGroup/index.mjs";
 export * from "./components/Tooltip/index.mjs";