@incognia/cosmik 0.36.1 → 0.37.0-beta.0

package/dist/index.es30.js

@@ -1,7 +1,7 @@
-import { j as t } from "./index.es43.js";
+import { j as t } from "./index.es40.js";
 import * as e from "@radix-ui/react-switch";
 import * as c from "react";
-import { cn as a } from "./index.es44.js";
+import { cn as a } from "./index.es41.js";
 const d = c.forwardRef(({ className: r, ...o }, s) => /* @__PURE__ */ t.jsx(
   e.Root,
   {

package/dist/index.es31.js

@@ -1,7 +1,7 @@
-import { j as s } from "./index.es43.js";
+import { j as s } from "./index.es40.js";
 import { LucideChevronUp as n, LucideChevronDown as c } from "lucide-react";
 import * as o from "react";
-import { cn as t } from "./index.es44.js";
+import { cn as t } from "./index.es41.js";
 const p = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "table",
   {

package/dist/index.es32.js

@@ -1,45 +1,45 @@
-import { j as i } from "./index.es43.js";
+import { j as s } from "./index.es40.js";
 import * as t from "@radix-ui/react-tabs";
 import * as r from "react";
-import { cn as n } from "./index.es44.js";
-const m = t.Root, o = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+import { cn as o } from "./index.es41.js";
+const m = t.Root, n = r.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ s.jsx(
   t.List,
   {
-    ref: s,
-    className: n(
-      "inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8",
+    ref: i,
+    className: o(
+      "inline-flex h-[36px] p-4 items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-4",
       e
     ),
     ...a
   }
 ));
-o.displayName = t.List.displayName;
-const l = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+n.displayName = t.List.displayName;
+const p = r.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ s.jsx(
   t.Trigger,
   {
-    ref: s,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
-      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white",
+    ref: i,
+    className: o(
+      "inline-flex items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
+      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-800 data-[state=active]:hover:bg-purple-800 data-[state=active]:active:bg-purple-800 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white",
       e
     ),
     ...a
   }
 ));
-l.displayName = t.Trigger.displayName;
-const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+p.displayName = t.Trigger.displayName;
+const c = r.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ s.jsx(
   t.Content,
   {
-    ref: s,
-    className: n("mt-8 focus-visible:outline-none", e),
+    ref: i,
+    className: o("mt-8 focus-visible:outline-none", e),
     ...a
   }
 ));
-p.displayName = t.Content.displayName;
+c.displayName = t.Content.displayName;
 export {
   m as Tabs,
-  p as TabsContent,
-  o as TabsList,
-  l as TabsTrigger
+  c as TabsContent,
+  n as TabsList,
+  p as TabsTrigger
 };
 //# sourceMappingURL=index.es32.js.map

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}
+{"version":3,"file":"index.es32.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[36px] p-4 items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-4',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-800 data-[state=active]:hover:bg-purple-800 data-[state=active]:active:bg-purple-800 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}

package/dist/index.es33.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es43.js";
+import { j as e } from "./index.es40.js";
 import { LucideX as g } from "lucide-react";
 import * as f from "react";
 import { Badge as j } from "./index.es7.js";
 import { Button as N } from "./index.es8.js";
-import { cn as b } from "./index.es44.js";
+import { cn as b } from "./index.es41.js";
 const k = f.forwardRef(
   ({ className: s, value: t, placeholder: a, onValueChange: r, ...d }, l) => {
     const [n, o] = f.useState(""), p = f.useRef(null);

package/dist/index.es34.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es43.js";
+import { j as r } from "./index.es40.js";
 import * as t from "react";
-import { cn as d } from "./index.es44.js";
+import { cn as d } from "./index.es41.js";
 const s = t.forwardRef(
   ({ className: e, ...a }, o) => /* @__PURE__ */ r.jsx(
     "textarea",

package/dist/index.es35.js

@@ -1,112 +1,43 @@
-import { j as r } from "./index.es43.js";
-import * as s from "@radix-ui/react-toast";
-import { cva as l } from "class-variance-authority";
-import { X as d, AlertCircleIcon as c, AlertTriangleIcon as m, CheckIcon as p } from "lucide-react";
-import * as i from "react";
-import { cn as o } from "./index.es44.js";
-const b = s.Provider, x = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Viewport,
-  {
-    ref: e,
-    className: o(
-      "fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]",
-      t
-    ),
-    ...a
-  }
-));
-x.displayName = s.Viewport.displayName;
-const f = l(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 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]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top",
+import { j as n } from "./index.es40.js";
+import * as t from "@radix-ui/react-toggle";
+import { cva as s } from "class-variance-authority";
+import * as b from "react";
+import { cn as i } from "./index.es41.js";
+const d = s(
+  "inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
   {
     variants: {
       variant: {
-        success: "success group bg-green-50",
-        warning: "warning group bg-yellow-50",
-        error: "error group bg-magenta-50"
+        default: "bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-800 data-[state=on]:text-white",
+        "badge-green": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-green-50 data-[state=on]:text-green-800",
+        "badge-yellow": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700",
+        "badge-magenta": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700",
+        "badge-gray": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900",
+        "badge-purple": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900",
+        "badge-robinblue": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900"
+      },
+      size: {
+        icon: "w-32 h-32",
+        sm: "px-8 h-[26px] text-sm",
+        md: "px-12 h-32 text-base"
       }
     },
     defaultVariants: {
-      variant: "success"
+      variant: "default",
+      size: "icon"
     }
   }
-), u = i.forwardRef(({ className: t, variant: a, ...e }, n) => /* @__PURE__ */ r.jsx(
-  s.Root,
-  {
-    ref: n,
-    className: o(f({ variant: a }), t),
-    ...e
-  }
-));
-u.displayName = s.Root.displayName;
-const w = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Action,
-  {
-    ref: e,
-    className: o(
-      "inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64",
-      t
-    ),
-    ...a
-  }
-));
-w.displayName = s.Action.displayName;
-const g = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Close,
+), l = b.forwardRef(({ className: a, variant: e, size: r, ...g }, o) => /* @__PURE__ */ n.jsx(
+  t.Root,
   {
-    ref: e,
-    className: o("absolute right-4 top-4 p-4", t),
-    "toast-close": "",
-    ...a,
-    children: /* @__PURE__ */ r.jsx(d, { className: "h-16 w-16" })
+    ref: o,
+    className: i(d({ variant: e, size: r, className: a })),
+    ...g
   }
 ));
-g.displayName = s.Close.displayName;
-const y = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Title,
-  {
-    ref: e,
-    className: o(
-      "text-sm text-gray-900 font-medium [&+div]:text-xs",
-      t
-    ),
-    ...a
-  }
-));
-y.displayName = s.Title.displayName;
-const N = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Description,
-  {
-    ref: e,
-    className: o("text-sm text-gray-800 opacity-100", t),
-    ...a
-  }
-));
-N.displayName = s.Description.displayName;
-const R = ({
-  className: t,
-  variant: a
-}) => {
-  const e = o("w-[20px] h-[20px]", t);
-  switch (a) {
-    case "success":
-      return /* @__PURE__ */ r.jsx(p, { className: o(e, "text-green-800") });
-    case "warning":
-      return /* @__PURE__ */ r.jsx(m, { className: o(e, "text-yellow-600") });
-    case "error":
-      return /* @__PURE__ */ r.jsx(c, { className: o(e, "text-magenta-600") });
-    default:
-      return;
-  }
-};
+l.displayName = t.Root.displayName;
 export {
-  u as Toast,
-  w as ToastAction,
-  g as ToastClose,
-  N as ToastDescription,
-  R as ToastIcon,
-  b as ToastProvider,
-  y as ToastTitle,
-  x as ToastViewport
+  l as Toggle,
+  d as toggleVariants
 };
 //# sourceMappingURL=index.es35.js.map

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport { CheckIcon, AlertTriangleIcon, AlertCircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]',\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 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]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top',\n  {\n    variants: {\n      variant: {\n        success: 'success group bg-green-50',\n        warning: 'warning group bg-yellow-50',\n        error: 'error group bg-magenta-50'\n      }\n    },\n    defaultVariants: {\n      variant: 'success'\n    }\n  }\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64',\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn('absolute right-4 top-4 p-4', className)}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-16 w-16\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\n      'text-sm text-gray-900 font-medium [&+div]:text-xs',\n      className\n    )}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn('text-sm text-gray-800 opacity-100', className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nconst ToastIcon = ({\n  className,\n  variant\n}: React.HTMLAttributes<SVGElement> & VariantProps<typeof toastVariants>) => {\n  const iconClassName = cn('w-[20px] h-[20px]', className)\n\n  switch (variant) {\n    case 'success':\n      return <CheckIcon className={cn(iconClassName, 'text-green-800')} />\n    case 'warning':\n      return (\n        <AlertTriangleIcon className={cn(iconClassName, 'text-yellow-600')} />\n      )\n    case 'error':\n      return (\n        <AlertCircleIcon className={cn(iconClassName, 'text-magenta-600')} />\n      )\n    default:\n      return undefined\n  }\n}\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n  ToastIcon\n}\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","ToastIcon","iconClassName","CheckIcon","AlertTriangleIcon","AlertCircleIcon"],"mappings":"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"}
+{"version":3,"file":"index.es35.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-800 data-[state=on]:text-white',\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-green-50 data-[state=on]:text-green-800',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'icon'\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC,MACzCC,gBAAAA,EAAA;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AAEDL,EAAO,cAAcQ,EAAgB,KAAK;"}

package/dist/index.es36.js

@@ -1,44 +1,42 @@
-import { j as s } from "./index.es43.js";
-import { ToastProvider as x, Toast as T, ToastIcon as m, ToastTitle as l, ToastDescription as j, ToastClose as d, ToastViewport as f } from "./index.es35.js";
-import { useToast as h } from "./index.es37.js";
-const p = 5e3;
-function D() {
-  const { toasts: e } = h();
-  return /* @__PURE__ */ s.jsxs(x, { children: [
-    e.map(function({
-      variant: o,
-      id: i,
-      title: r,
-      description: t,
-      action: n,
-      hideIcon: a,
-      ...c
-    }) {
-      return /* @__PURE__ */ s.jsxs(
-        T,
-        {
-          variant: o,
-          duration: p,
-          ...c,
-          children: [
-            /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
-              !a && /* @__PURE__ */ s.jsx(m, { variant: o, className: "mr-12 flex-shrink-0" }),
-              /* @__PURE__ */ s.jsxs("div", { className: "grid", children: [
-                r && /* @__PURE__ */ s.jsx(l, { children: r }),
-                t && /* @__PURE__ */ s.jsx(j, { children: t })
-              ] })
-            ] }),
-            n,
-            /* @__PURE__ */ s.jsx(d, {})
-          ]
-        },
-        i
-      );
-    }),
-    /* @__PURE__ */ s.jsx(f, {})
-  ] });
-}
+import { j as n } from "./index.es40.js";
+import * as t from "@radix-ui/react-toggle-group";
+import * as e from "react";
+import { toggleVariants as f } from "./index.es35.js";
+import { cn as l } from "./index.es41.js";
+const c = e.createContext({
+  variant: "default",
+  size: "icon"
+}), g = e.forwardRef(({ className: o, variant: r, size: a, children: s, ...i }, m) => /* @__PURE__ */ n.jsx(
+  t.Root,
+  {
+    ref: m,
+    className: l("flex items-center justify-center gap-8", o),
+    ...i,
+    children: /* @__PURE__ */ n.jsx(c.Provider, { value: { variant: r, size: a }, children: s })
+  }
+));
+g.displayName = t.Root.displayName;
+const x = e.forwardRef(({ className: o, children: r, variant: a, size: s, ...i }, m) => {
+  const p = e.useContext(c);
+  return /* @__PURE__ */ n.jsx(
+    t.Item,
+    {
+      ref: m,
+      className: l(
+        f({
+          variant: p.variant || a,
+          size: p.size || s
+        }),
+        o
+      ),
+      ...i,
+      children: r
+    }
+  );
+});
+x.displayName = t.Item.displayName;
 export {
-  D as Toaster
+  g as ToggleGroup,
+  x as ToggleGroupItem
 };
 //# sourceMappingURL=index.es36.js.map

package/dist/index.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es36.js","sources":["../src/Toast/Toaster.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastIcon,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport\n} from './Toast'\nimport { useToast } from './hooks'\n\nconst DEFAULT_TOAST_DURATION = 5000\n\nexport function Toaster() {\n  const { toasts } = useToast()\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({\n        variant,\n        id,\n        title,\n        description,\n        action,\n        hideIcon,\n        ...props\n      }) {\n        return (\n          <Toast\n            key={id}\n            variant={variant}\n            duration={DEFAULT_TOAST_DURATION}\n            {...props}\n          >\n            <div className=\"flex items-center\">\n              {!hideIcon && (\n                <ToastIcon variant={variant} className=\"mr-12 flex-shrink-0\" />\n              )}\n              <div className=\"grid\">\n                {title && <ToastTitle>{title}</ToastTitle>}\n                {description && (\n                  <ToastDescription>{description}</ToastDescription>\n                )}\n              </div>\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        )\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  )\n}\n"],"names":["DEFAULT_TOAST_DURATION","Toaster","toasts","useToast","ToastProvider","variant","id","title","description","action","hideIcon","props","jsxs","Toast","jsx","ToastIcon","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":";;;AAaA,MAAMA,IAAyB;AAExB,SAASC,IAAU;AAClB,QAAA,EAAE,QAAAC,MAAWC;AAEnB,gCACGC,GACE,EAAA,UAAA;AAAA,IAAAF,EAAO,IAAI,SAAU;AAAA,MACpB,SAAAG;AAAA,MACA,IAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,GACF;AAEC,aAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,SAAAR;AAAA,UACA,UAAUL;AAAA,UACT,GAAGW;AAAA,UAEJ,UAAA;AAAA,YAACC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,cAAA,CAACF,KACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,SAAAV,GAAkB,WAAU,uBAAsB;AAAA,cAE/DO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,QACZ,UAAA;AAAA,gBAASL,KAAAO,gBAAAA,EAAAA,IAACE,KAAY,UAAMT,EAAA,CAAA;AAAA,gBAC5BC,KACEM,gBAAAA,EAAAA,IAAAG,GAAA,EAAkB,UAAYT,EAAA,CAAA;AAAA,cAAA,GAEnC;AAAA,YAAA,GACF;AAAA,YACCC;AAAA,kCACAS,GAAW,EAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAjBPZ;AAAA,MAAA;AAAA,IAkBP,CAEH;AAAA,0BACAa,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es36.js","sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  variant: 'default',\n  size: 'icon'\n})\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn('flex items-center justify-center gap-8', className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n    VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AACR,CAAC,GAEKC,IAAcD,EAAM,WAIxB,CAAC,EAAE,WAAAE,GAAW,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MACnDC,gBAAAA,EAAA;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,0CAA0CR,CAAS;AAAA,IAChE,GAAGI;AAAA,IAEJ,UAAAE,gBAAAA,EAAAA,IAACT,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,KAC5C,UAAAC,GACH;AAAA,EAAA;AACF,CACD;AAEDJ,EAAY,cAAcQ,EAAqB,KAAK;AAEpD,MAAME,IAAkBX,EAAM,WAI5B,CAAC,EAAE,WAAAE,GAAW,UAAAG,GAAU,SAAAF,GAAS,MAAAC,GAAM,GAAGE,EAAM,GAAGC,MAAQ;AACrD,QAAAK,IAAUZ,EAAM,WAAWD,CAAkB;AAGjD,SAAAS,gBAAAA,EAAA;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWT;AAAA,UAC5B,MAAMS,EAAQ,QAAQR;AAAA,QAAA,CACvB;AAAA,QACDF;AAAA,MACF;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDM,EAAgB,cAAcF,EAAqB,KAAK;"}

package/dist/index.es37.js

@@ -1,98 +1,36 @@
-import * as c from "react";
-const d = 1, p = 5e3;
-let u = 0;
-function A() {
-  return u = (u + 1) % Number.MAX_SAFE_INTEGER, u.toString();
-}
-const a = /* @__PURE__ */ new Map(), S = (t) => {
-  if (a.has(t))
-    return;
-  const s = setTimeout(() => {
-    a.delete(t), n({
-      type: "REMOVE_TOAST",
-      toastId: t
-    });
-  }, p);
-  a.set(t, s);
-}, f = (t, s) => {
-  switch (s.type) {
-    case "ADD_TOAST":
-      return {
-        ...t,
-        toasts: [s.toast, ...t.toasts].slice(0, d)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...t,
-        toasts: t.toasts.map(
-          (e) => e.id === s.toast.id ? { ...e, ...s.toast } : e
-        )
-      };
-    case "DISMISS_TOAST": {
-      const { toastId: e } = s;
-      return e ? S(e) : t.toasts.forEach((o) => {
-        S(o.id);
-      }), {
-        ...t,
-        toasts: t.toasts.map(
-          (o) => o.id === e || e === void 0 ? {
-            ...o,
-            open: !1
-          } : o
-        )
-      };
-    }
-    case "REMOVE_TOAST":
-      return s.toastId === void 0 ? {
-        ...t,
-        toasts: []
-      } : {
-        ...t,
-        toasts: t.toasts.filter((e) => e.id !== s.toastId)
-      };
-  }
-}, r = [];
-let T = { toasts: [] };
-function n(t) {
-  T = f(T, t), r.forEach((s) => {
-    s(T);
-  });
-}
-function O({ ...t }) {
-  const s = A(), e = (i) => n({
-    type: "UPDATE_TOAST",
-    toast: { ...i, id: s }
-  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
-  return n({
-    type: "ADD_TOAST",
-    toast: {
-      ...t,
-      id: s,
-      open: !0,
-      onOpenChange: (i) => {
-        i || o();
+import { j as d } from "./index.es40.js";
+import * as t from "@radix-ui/react-tooltip";
+import { cva as s } from "class-variance-authority";
+import * as n from "react";
+import { cn as m } from "./index.es41.js";
+const l = s(
+  "z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-800 text-white text-sm",
+        inverted: "bg-white text-gray-800 border border-gray-900-8"
       }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  }), {
-    id: s,
-    dismiss: o,
-    update: e
-  };
-}
-function E() {
-  const [t, s] = c.useState(T);
-  return c.useEffect(() => (r.push(s), () => {
-    const e = r.indexOf(s);
-    e > -1 && r.splice(e, 1);
-  }), [t]), {
-    ...t,
-    toast: O,
-    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
-  };
-}
+  }
+), v = t.Provider, x = t.Root, u = t.Portal, T = t.Trigger, p = n.forwardRef(({ variant: o, className: a, sideOffset: e = 4, ...i }, r) => /* @__PURE__ */ d.jsx(
+  t.Content,
+  {
+    ref: r,
+    sideOffset: e,
+    className: m(l({ variant: o, className: a })),
+    ...i
+  }
+));
+p.displayName = t.Content.displayName;
 export {
-  f as reducer,
-  O as toast,
-  E as useToast
+  x as Tooltip,
+  p as TooltipContent,
+  u as TooltipPortal,
+  v as TooltipProvider,
+  T as TooltipTrigger
 };
 //# sourceMappingURL=index.es37.js.map

package/dist/index.es37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es37.js","sources":["../src/Toast/hooks.tsx"],"sourcesContent":["'use client'\n\n// Inspired by react-hot-toast library\nimport * as React from 'react'\nimport type { ToastActionElement, ToastProps } from './Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 5000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n  hideIcon?: boolean\n}\n\nconst actionTypes = {\n  ADD_TOAST: 'ADD_TOAST',\n  UPDATE_TOAST: 'UPDATE_TOAST',\n  DISMISS_TOAST: 'DISMISS_TOAST',\n  REMOVE_TOAST: 'REMOVE_TOAST'\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType['ADD_TOAST']\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType['UPDATE_TOAST']\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType['DISMISS_TOAST']\n      toastId?: ToasterToast['id']\n    }\n  | {\n      type: ActionType['REMOVE_TOAST']\n      toastId?: ToasterToast['id']\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: 'REMOVE_TOAST',\n      toastId: toastId\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)\n      }\n\n    case 'UPDATE_TOAST':\n      return {\n        ...state,\n        toasts: state.toasts.map(t =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        )\n      }\n\n    case 'DISMISS_TOAST': {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach(toast => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map(t =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false\n              }\n            : t\n        )\n      }\n    }\n    case 'REMOVE_TOAST':\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: []\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter(t => t.id !== action.toastId)\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach(listener => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, 'id'>\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: 'UPDATE_TOAST',\n      toast: { ...props, id }\n    })\n  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })\n\n  dispatch({\n    type: 'ADD_TOAST',\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open: boolean) => {\n        if (!open) dismiss()\n      }\n    }\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId })\n  }\n}\n\nexport { useToast, toast }\n"],"names":["TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","React","index"],"mappings":"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"}
+{"version":3,"file":"index.es37.js","sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 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',\n  {\n    variants: {\n      variant: {\n        default: 'bg-gray-800 text-white text-sm',\n        inverted: 'bg-white text-gray-800 border border-gray-900-8'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipPortal = TooltipPrimitive.Portal\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ninterface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  asChild?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ variant, className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(tooltipContentVariants({ variant, className }))}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip,\n  TooltipContent,\n  TooltipPortal,\n  TooltipProvider,\n  TooltipTrigger\n}\n"],"names":["tooltipContentVariants","cva","TooltipProvider","TooltipPrimitive","Tooltip","TooltipPortal","TooltipTrigger","TooltipContent","React","variant","className","sideOffset","props","ref","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAgBF,EAAiB,QAEjCG,IAAiBH,EAAiB,SAQlCI,IAAiBC,EAAM,WAG3B,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MACnDC,gBAAAA,EAAA;AAAA,EAACX,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAF;AAAA,IACA,WAAWI,EAAGf,EAAuB,EAAE,SAAAS,GAAS,WAAAC,EAAW,CAAA,CAAC;AAAA,IAC3D,GAAGE;AAAA,EAAA;AACN,CACD;AACDL,EAAe,cAAcJ,EAAiB,QAAQ;"}