@incognia/cosmik 0.26.1 → 0.27.1-beta.0

package/dist/index.es27.js

@@ -1,98 +1,44 @@
-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();
-      }
-    }
-  }), {
-    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 })
-  };
+import { j as s } from "./index.es34.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.es26.js";
+import { useToast as h } from "./index.es28.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, {})
+  ] });
 }
 export {
-  f as reducer,
-  O as toast,
-  E as useToast
+  D as Toaster
 };
 //# sourceMappingURL=index.es27.js.map

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.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":";AAMA,MAAMA,IAAc,GACdC,IAAqB;AAiB3B,IAAIC,IAAQ;AAEZ,SAASC,IAAQ;AACN,SAAAD,KAAAA,IAAQ,KAAK,OAAO,kBACtBA,EAAM;AACf;AA0BA,MAAME,wBAAoB,OAEpBC,IAAmB,CAACC,MAAoB;AACxC,MAAAF,EAAc,IAAIE,CAAO;AAC3B;AAGI,QAAAC,IAAU,WAAW,MAAM;AAC/B,IAAAH,EAAc,OAAOE,CAAO,GACnBE,EAAA;AAAA,MACP,MAAM;AAAA,MACN,SAAAF;AAAA,IAAA,CACD;AAAA,KACAL,CAAkB;AAEP,EAAAG,EAAA,IAAIE,GAASC,CAAO;AACpC,GAEaE,IAAU,CAACC,GAAcC,MAA0B;AAC9D,UAAQA,EAAO,MAAM;AAAA,IACnB,KAAK;AACI,aAAA;AAAA,QACL,GAAGD;AAAA,QACH,QAAQ,CAACC,EAAO,OAAO,GAAGD,EAAM,MAAM,EAAE,MAAM,GAAGV,CAAW;AAAA,MAAA;AAAA,IAGhE,KAAK;AACI,aAAA;AAAA,QACL,GAAGU;AAAA,QACH,QAAQA,EAAM,OAAO;AAAA,UAAI,CACvBE,MAAAA,EAAE,OAAOD,EAAO,MAAM,KAAK,EAAE,GAAGC,GAAG,GAAGD,EAAO,MAAU,IAAAC;AAAA,QACzD;AAAA,MAAA;AAAA,IAGJ,KAAK,iBAAiB;AACd,YAAA,EAAE,SAAAN,EAAY,IAAAK;AAIpB,aAAIL,IACFD,EAAiBC,CAAO,IAElBI,EAAA,OAAO,QAAQ,CAAAG,MAAS;AAC5B,QAAAR,EAAiBQ,EAAM,EAAE;AAAA,MAAA,CAC1B,GAGI;AAAA,QACL,GAAGH;AAAA,QACH,QAAQA,EAAM,OAAO;AAAA,UAAI,CACvBE,MAAAA,EAAE,OAAON,KAAWA,MAAY,SAC5B;AAAA,YACE,GAAGM;AAAA,YACH,MAAM;AAAA,UAAA,IAERA;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK;AACC,aAAAD,EAAO,YAAY,SACd;AAAA,QACL,GAAGD;AAAA,QACH,QAAQ,CAAC;AAAA,MAAA,IAGN;AAAA,QACL,GAAGA;AAAA,QACH,QAAQA,EAAM,OAAO,OAAO,OAAKE,EAAE,OAAOD,EAAO,OAAO;AAAA,MAAA;AAAA,EAE9D;AACF,GAEMG,IAA2C,CAAA;AAEjD,IAAIC,IAAqB,EAAE,QAAQ,CAAA;AAEnC,SAASP,EAASG,GAAgB;AAClB,EAAAI,IAAAN,EAAQM,GAAaJ,CAAM,GACzCG,EAAU,QAAQ,CAAYE,MAAA;AAC5B,IAAAA,EAASD,CAAW;AAAA,EAAA,CACrB;AACH;AAIA,SAASF,EAAM,EAAE,GAAGI,KAAgB;AAClC,QAAMC,IAAKf,KAELgB,IAAS,CAACF,MACdT,EAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO,EAAE,GAAGS,GAAO,IAAAC,EAAG;AAAA,EAAA,CACvB,GACGE,IAAU,MAAMZ,EAAS,EAAE,MAAM,iBAAiB,SAASU,GAAI;AAE5D,SAAAV,EAAA;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAGS;AAAA,MACH,IAAAC;AAAA,MACA,MAAM;AAAA,MACN,cAAc,CAACG,MAAkB;AAC/B,QAAKA,KAAcD;MACrB;AAAA,IACF;AAAA,EAAA,CACD,GAEM;AAAA,IACL,IAAAF;AAAA,IACA,SAAAE;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;AAEA,SAASG,IAAW;AAClB,QAAM,CAACZ,GAAOa,CAAQ,IAAIC,EAAM,SAAgBT,CAAW;AAE3D,SAAAS,EAAM,UAAU,OACdV,EAAU,KAAKS,CAAQ,GAChB,MAAM;AACL,UAAAE,IAAQX,EAAU,QAAQS,CAAQ;AACxC,IAAIE,IAAQ,MACAX,EAAA,OAAOW,GAAO,CAAC;AAAA,EAC3B,IAED,CAACf,CAAK,CAAC,GAEH;AAAA,IACL,GAAGA;AAAA,IACH,OAAAG;AAAA,IACA,SAAS,CAACP,MAAqBE,EAAS,EAAE,MAAM,iBAAiB,SAAAF,GAAS;AAAA,EAAA;AAE9E;"}
+{"version":3,"file":"index.es27.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;"}

package/dist/index.es28.js

@@ -1,43 +1,98 @@
-import { j as n } from "./index.es33.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 d } from "./index.es34.js";
-const i = s(
-  "inline-flex items-center justify-center rounded-full font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900",
-        "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: "default",
-      size: "icon"
+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)
+      };
   }
-), l = b.forwardRef(({ className: a, variant: e, size: r, ...g }, o) => /* @__PURE__ */ n.jsx(
-  t.Root,
-  {
-    ref: o,
-    className: d(i({ variant: e, size: r, className: a })),
-    ...g
-  }
-));
-l.displayName = t.Root.displayName;
+}, 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();
+      }
+    }
+  }), {
+    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 })
+  };
+}
 export {
-  l as Toggle,
-  i as toggleVariants
+  f as reducer,
+  O as toast,
+  E as useToast
 };
 //# sourceMappingURL=index.es28.js.map

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.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-full 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-100 data-[state=on]:text-purple-900',\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;"}
+{"version":3,"file":"index.es28.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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"}

package/dist/index.es29.js

@@ -1,42 +1,43 @@
-import { j as n } from "./index.es33.js";
-import * as t from "@radix-ui/react-toggle-group";
-import * as e from "react";
-import { toggleVariants as f } from "./index.es28.js";
-import { cn as l } from "./index.es34.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(
+import { j as n } from "./index.es34.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 d } from "./index.es35.js";
+const i = s(
+  "inline-flex items-center justify-center rounded-full font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900",
+        "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: "default",
+      size: "icon"
+    }
+  }
+), l = b.forwardRef(({ className: a, variant: e, size: r, ...g }, o) => /* @__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 })
+    ref: o,
+    className: d(i({ variant: e, size: r, className: a })),
+    ...g
   }
 ));
-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;
+l.displayName = t.Root.displayName;
 export {
-  g as ToggleGroup,
-  x as ToggleGroupItem
+  l as Toggle,
+  i as toggleVariants
 };
 //# sourceMappingURL=index.es29.js.map

package/dist/index.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es29.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;"}
+{"version":3,"file":"index.es29.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-full 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-100 data-[state=on]:text-purple-900',\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.es30.js

@@ -1,35 +1,42 @@
-import { j as d } from "./index.es33.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.es34.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",
+import { j as n } from "./index.es34.js";
+import * as t from "@radix-ui/react-toggle-group";
+import * as e from "react";
+import { toggleVariants as f } from "./index.es29.js";
+import { cn as l } from "./index.es35.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,
   {
-    variants: {
-      variant: {
-        default: "bg-gray-800 text-white text-sm",
-        inverted: "bg-white text-gray-800 border border-gray-900-8"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), v = t.Provider, x = t.Root, u = t.Trigger, f = 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
+    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 })
   }
 ));
-f.displayName = t.Content.displayName;
+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 {
-  x as Tooltip,
-  f as TooltipContent,
-  v as TooltipProvider,
-  u as TooltipTrigger
+  g as ToggleGroup,
+  x as ToggleGroupItem
 };
 //# sourceMappingURL=index.es30.js.map

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.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 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 { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["tooltipContentVariants","cva","TooltipProvider","TooltipPrimitive","Tooltip","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,IAAiBF,EAAiB,SAQlCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MACnDC,gBAAAA,EAAA;AAAA,EAACV,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAS;AAAA,IACA,YAAAF;AAAA,IACA,WAAWI,EAAGd,EAAuB,EAAE,SAAAQ,GAAS,WAAAC,EAAW,CAAA,CAAC;AAAA,IAC3D,GAAGE;AAAA,EAAA;AACN,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"index.es30.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;"}