@incognia/cosmik 0.40.2 → 0.41.0

package/dist/index34.js

@@ -1,73 +1,26 @@
-import { j as s } from "./index37.js";
-import * as l from "@radix-ui/react-toggle-group";
-import * as u from "react";
-import { toggleVariants as p } from "./index33.js";
-import { cn as g } from "./index39.js";
-const m = u.createContext({
-  variant: "badge-purple",
-  size: "icon",
-  border: "outline",
-  inverted: !1
-});
-function x({
-  className: n,
-  variant: r,
-  size: e,
-  border: o,
-  inverted: a,
-  children: i,
-  ...d
-}) {
-  return /* @__PURE__ */ s.jsx(
-    l.Root,
+import { j as r } from "./index40.js";
+import * as t from "react";
+import { cn as d } from "./index41.js";
+const s = t.forwardRef(
+  ({ className: e, ...a }, o) => /* @__PURE__ */ r.jsx(
+    "textarea",
     {
-      "data-slot": "toggle-group",
-      "data-variant": r,
-      "data-size": e,
-      className: g(
-        "group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow",
-        n
+      className: d(
+        "flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base",
+        "placeholder:text-gray-400",
+        "hover:shadow-field-hover",
+        "active:shadow-field-active",
+        "focus-visible:outline-none focus:shadow-field-active",
+        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
+        e
       ),
-      ...d,
-      children: /* @__PURE__ */ s.jsx(m.Provider, { value: { variant: r, size: e, border: o, inverted: a }, children: i })
+      ref: o,
+      ...a
     }
-  );
-}
-function b({
-  className: n,
-  children: r,
-  variant: e,
-  size: o,
-  border: a,
-  inverted: i,
-  ...d
-}) {
-  const t = u.useContext(m);
-  return /* @__PURE__ */ s.jsx(
-    l.Item,
-    {
-      "data-slot": "toggle-group-item",
-      "data-variant": t.variant || e,
-      "data-size": t.size || o,
-      "data-border": t.border || a,
-      "data-inverted": t.inverted || i,
-      className: g(
-        p({
-          variant: t.variant || e,
-          size: t.size || o,
-          border: t.border || a,
-          inverted: t.inverted || i
-        }),
-        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
-        n
-      ),
-      ...d,
-      children: r
-    }
-  );
-}
+  )
+);
+s.displayName = "Textarea";
 export {
-  x as ToggleGroup,
-  b as ToggleGroupItem
+  s as Textarea
 };
 //# sourceMappingURL=index34.js.map

package/dist/index34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index34.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: 'badge-purple',\n  size: 'icon',\n  border: 'outline',\n  inverted: false\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-border={context.border || border}\n      data-inverted={context.inverted || inverted}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n          border: context.border || border,\n          inverted: context.inverted || inverted\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","border","inverted","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC;AAED,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACuC;AACrC,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcP;AAAA,MACd,aAAWC;AAAA,MACX,WAAWO;AAAA,QACT;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACV,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,EAAA,GAC1D,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASK,EAAgB;AAAA,EACvB,WAAAV;AAAA,EACA,UAAAK;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGE;AACL,GACuC;AACrC,QAAMK,IAAUb,EAAM,WAAWD,CAAkB;AAEnD,SACEU,gBAAAA,EAAAA;AAAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcG,EAAQ,WAAWV;AAAA,MACjC,aAAWU,EAAQ,QAAQT;AAAA,MAC3B,eAAaS,EAAQ,UAAUR;AAAA,MAC/B,iBAAeQ,EAAQ,YAAYP;AAAA,MACnC,WAAWK;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWV;AAAA,UAC5B,MAAMU,EAAQ,QAAQT;AAAA,UACtB,QAAQS,EAAQ,UAAUR;AAAA,UAC1B,UAAUQ,EAAQ,YAAYP;AAAA,QAAA,CAC/B;AAAA,QACD;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index34.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}

package/dist/index35.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),d=require("@radix-ui/react-tooltip"),l=require("./index38.cjs"),u=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=c(d),p=l.cva("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 origin-(--radix-tooltip-content-transform-origin)",{variants:{variant:{default:"bg-gray-800 text-white text-sm",inverted:"bg-white text-gray-800 border border-gray-900/8"}},defaultVariants:{variant:"default"}});function a({delayDuration:t=0,...e}){return i.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function m({...t}){return i.jsxRuntimeExports.jsx(a,{children:i.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function f({...t}){return i.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function x({variant:t,className:e,sideOffset:o=4,children:n,...s}){return i.jsxRuntimeExports.jsx(r.Portal,{children:i.jsxRuntimeExports.jsx(r.Content,{"data-slot":"tooltip-content",sideOffset:o,className:u.cn(p({variant:t,className:e})),...s,children:n})})}exports.Tooltip=m;exports.TooltipContent=x;exports.TooltipProvider=a;exports.TooltipTrigger=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index40.cjs"),u=require("@radix-ui/react-toggle"),y=require("class-variance-authority"),v=require("react"),c=require("./index41.cjs");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=o(u),p=o(v),g=y.cva("inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{"badge-green":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200","badge-yellow":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200","badge-magenta":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100","badge-gray":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300","badge-purple":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200","badge-robinblue":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200"},size:{icon:"w-32 h-32",sm:"px-8 h-[26px] text-sm",md:"px-12 h-32 text-base"},border:{outline:"border",none:"border-0"},inverted:{true:"data-[state=on]:text-white [&_svg]:data-[state=on]:text-white",false:""}},compoundVariants:[{inverted:!0,variant:"badge-green",className:"data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800"},{inverted:!0,variant:"badge-yellow",className:"data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800"},{inverted:!0,variant:"badge-magenta",className:"data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800"},{inverted:!0,variant:"badge-gray",className:"data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800"},{inverted:!0,variant:"badge-purple",className:"data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800"},{inverted:!0,variant:"badge-robinblue",className:"data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800"}],defaultVariants:{variant:"badge-purple",size:"icon",border:"outline",inverted:!1}}),s=p.forwardRef(({className:e,variant:a,size:t,border:r,inverted:d,...b},l)=>i.jsxRuntimeExports.jsx(n.Root,{ref:l,className:c.cn(g({variant:a,size:t,border:r,inverted:d,className:e})),...b}));s.displayName=n.Root.displayName;exports.Toggle=s;exports.toggleVariants=g;
 //# sourceMappingURL=index35.cjs.map

package/dist/index35.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index35.cjs","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 origin-(--radix-tooltip-content-transform-origin)',\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\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  variant,\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ variant, className }))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["tooltipContentVariants","cva","TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","variant","className","sideOffset","children","cn"],"mappings":"seAOMA,EAAyBC,EAAAA,IAC7B,0YACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iCACT,SAAU,iDAAA,CACZ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,OACEC,EAAAA,kBAAAA,IAACC,EAAiB,SAAjB,CACC,YAAU,mBACV,cAAAH,EACC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAQ,CACf,GAAGH,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACH,EAAA,CACC,SAAAG,EAAAA,kBAAAA,IAACC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGF,CAAA,CAAO,CAAA,CACxD,CAEJ,CAEA,SAASI,EAAe,CACtB,GAAGJ,CACL,EAA0D,CACxD,+BAAQE,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGF,EAAO,CAC1E,CAEA,SAASK,EAAe,CACtB,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGT,CACL,EAC+C,CAC7C,OACEC,EAAAA,kBAAAA,IAACC,EAAiB,OAAjB,CACC,SAAAD,EAAAA,kBAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACV,WAAAM,EACA,UAAWE,EAAAA,GAAGd,EAAuB,CAAE,QAAAU,EAAS,UAAAC,CAAA,CAAW,CAAC,EAC3D,GAAGP,EAEH,SAAAS,CAAA,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"index35.cjs","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        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\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      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\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, border, inverted, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleVariants({ variant, size, border, inverted, className })\n    )}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","border","inverted","props","ref","jsx","TogglePrimitive","cn"],"mappings":"0gBAOMA,EAAiBC,EAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,gBACE,gPACF,aACE,mOACF,eACE,6OACF,kBACE,2PACJ,EACA,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,sBACN,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,EACA,SAAU,CACR,KAAM,gEACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,gBACT,UACE,wGACJ,EACA,CACE,SAAU,GACV,QAAS,aACT,UACE,+FACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GACJ,CACF,EACA,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CACF,CACF,EAEMC,EAASC,EAAM,WAInB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,GAASC,IAC3DC,EAAA,kBAAA,IAACC,EAAgB,KAAhB,CACC,IAAAF,EACA,UAAWG,EAAA,GACTb,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAJ,EAAW,CAC/D,EACC,GAAGK,CAAA,CACN,CACD,EAEDP,EAAO,YAAcU,EAAgB,KAAK"}

package/dist/index35.js

@@ -1,66 +1,86 @@
-import { j as o } from "./index37.js";
-import * as i from "@radix-ui/react-tooltip";
-import { cva as d } from "./index38.js";
-import { cn as s } from "./index39.js";
-const l = d(
-  "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 origin-(--radix-tooltip-content-transform-origin)",
+import { j as s } from "./index40.js";
+import * as a from "@radix-ui/react-toggle";
+import { cva as b } from "class-variance-authority";
+import * as l from "react";
+import { cn as i } from "./index41.js";
+const y = b(
+  "inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
   {
     variants: {
       variant: {
-        default: "bg-gray-800 text-white text-sm",
-        inverted: "bg-white text-gray-800 border border-gray-900/8"
+        "badge-green": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200",
+        "badge-yellow": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200",
+        "badge-magenta": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100",
+        "badge-gray": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300",
+        "badge-purple": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200",
+        "badge-robinblue": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200"
+      },
+      size: {
+        icon: "w-32 h-32",
+        sm: "px-8 h-[26px] text-sm",
+        md: "px-12 h-32 text-base"
+      },
+      border: {
+        outline: "border",
+        none: "border-0"
+      },
+      inverted: {
+        true: "data-[state=on]:text-white [&_svg]:data-[state=on]:text-white",
+        false: ""
       }
     },
+    compoundVariants: [
+      {
+        inverted: !0,
+        variant: "badge-green",
+        className: "data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800"
+      },
+      {
+        inverted: !0,
+        variant: "badge-yellow",
+        className: "data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800"
+      },
+      {
+        inverted: !0,
+        variant: "badge-magenta",
+        className: "data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800"
+      },
+      {
+        inverted: !0,
+        variant: "badge-gray",
+        className: "data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800"
+      },
+      {
+        inverted: !0,
+        variant: "badge-purple",
+        className: "data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800"
+      },
+      {
+        inverted: !0,
+        variant: "badge-robinblue",
+        className: "data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800"
+      }
+    ],
     defaultVariants: {
-      variant: "default"
+      variant: "badge-purple",
+      size: "icon",
+      border: "outline",
+      inverted: !1
     }
   }
-);
-function m({
-  delayDuration: t = 0,
-  ...r
-}) {
-  return /* @__PURE__ */ o.jsx(
-    i.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration: t,
-      ...r
-    }
-  );
-}
-function c({
-  ...t
-}) {
-  return /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "tooltip", ...t }) });
-}
-function g({
-  ...t
-}) {
-  return /* @__PURE__ */ o.jsx(i.Trigger, { "data-slot": "tooltip-trigger", ...t });
-}
-function x({
-  variant: t,
-  className: r,
-  sideOffset: e = 4,
-  children: a,
-  ...n
-}) {
-  return /* @__PURE__ */ o.jsx(i.Portal, { children: /* @__PURE__ */ o.jsx(
-    i.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset: e,
-      className: s(l({ variant: t, className: r })),
-      ...n,
-      children: a
-    }
-  ) });
-}
+), v = l.forwardRef(({ className: t, variant: e, size: r, border: o, inverted: n, ...g }, d) => /* @__PURE__ */ s.jsx(
+  a.Root,
+  {
+    ref: d,
+    className: i(
+      y({ variant: e, size: r, border: o, inverted: n, className: t })
+    ),
+    ...g
+  }
+));
+v.displayName = a.Root.displayName;
 export {
-  c as Tooltip,
-  x as TooltipContent,
-  m as TooltipProvider,
-  g as TooltipTrigger
+  v as Toggle,
+  y as toggleVariants
 };
 //# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.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 origin-(--radix-tooltip-content-transform-origin)',\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\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  variant,\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ variant, className }))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["tooltipContentVariants","cva","TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","variant","className","sideOffset","children","cn"],"mappings":";;;;AAOA,MAAMA,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2D;AACzD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAQ;AAAA,EACf,GAAGH;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA,IAACH,GAAA,EACC,UAAAG,gBAAAA,EAAAA,IAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACxD;AAEJ;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,+BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAe;AAAA,EACtB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGT;AACL,GAC+C;AAC7C,SACEC,gBAAAA,EAAAA,IAACC,EAAiB,QAAjB,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAM;AAAA,MACA,WAAWE,EAAGd,EAAuB,EAAE,SAAAU,GAAS,WAAAC,EAAA,CAAW,CAAC;AAAA,MAC3D,GAAGP;AAAA,MAEH,UAAAS;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index35.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        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\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      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\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, border, inverted, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleVariants({ variant, size, border, inverted, className })\n    )}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","border","inverted","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,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,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AACF,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,KAASC,MAC3DC,gBAAAA,EAAA;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACTb,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,WAAAJ,GAAW;AAAA,IAC/D;AAAA,IACC,GAAGK;AAAA,EAAA;AACN,CACD;AAEDP,EAAO,cAAcU,EAAgB,KAAK;"}

package/dist/index36.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),m=require("@radix-ui/react-navigation-menu"),f=require("react"),x=require("./index24.cjs"),r=require("./index39.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const a=c(m),o=c(f),u=o.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.Root,{ref:t,orientation:"vertical",...e}));u.displayName=a.Root.displayName;const l=o.forwardRef(({className:e,...t},i)=>n.jsxRuntimeExports.jsx(a.List,{ref:i,className:r.cn("group flex flex-col list-none items-center justify-center pb-16",e),...t}));l.displayName=a.List.displayName;function g({className:e,...t}){return n.jsxRuntimeExports.jsx("div",{className:r.cn("flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",e),...t})}function v({...e}){return n.jsxRuntimeExports.jsx(x.Separator,{...e})}const p=o.forwardRef(({className:e,...t},i)=>n.jsxRuntimeExports.jsx(a.Item,{ref:i,className:r.cn("w-full",e),...t}));p.displayName=a.Item.displayName;const N=o.forwardRef(({className:e,...t},i)=>n.jsxRuntimeExports.jsx(a.Link,{ref:i,className:r.cn("flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",e),...t}));exports.VerticalNavigationMenu=u;exports.VerticalNavigationMenuHeading=g;exports.VerticalNavigationMenuItem=p;exports.VerticalNavigationMenuLink=N;exports.VerticalNavigationMenuList=l;exports.VerticalNavigationMenuSeparator=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index40.cjs"),j=require("@radix-ui/react-toggle-group"),b=require("react"),v=require("./index35.cjs"),p=require("./index41.cjs");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=d(j),i=d(b),m=i.createContext({variant:"badge-purple",size:"icon",border:"outline",inverted:!1}),f=i.forwardRef(({className:e,variant:r,size:t,border:o,inverted:a,children:c,...u},l)=>g.jsxRuntimeExports.jsx(s.Root,{ref:l,className:p.cn("flex items-center justify-center gap-8",e),...u,children:g.jsxRuntimeExports.jsx(m.Provider,{value:{variant:r,size:t,border:o,inverted:a},children:c})}));f.displayName=s.Root.displayName;const x=i.forwardRef(({className:e,children:r,variant:t,size:o,border:a,inverted:c,...u},l)=>{const n=i.useContext(m);return g.jsxRuntimeExports.jsx(s.Item,{ref:l,className:p.cn(v.toggleVariants({variant:n.variant||t,size:n.size||o,border:n.border||a,inverted:n.inverted||c}),e),...u,children:r})});x.displayName=s.Item.displayName;exports.ToggleGroup=f;exports.ToggleGroupItem=x;
 //# sourceMappingURL=index36.cjs.map

package/dist/index36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index36.cjs","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nconst VerticalNavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>((props, ref) => (\n  <NavigationMenuPrimitive.Root ref={ref} orientation=\"vertical\" {...props} />\n))\nVerticalNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst VerticalNavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-col list-none items-center justify-center pb-16',\n      className\n    )}\n    {...props}\n  />\n))\nVerticalNavigationMenuList.displayName =\n  NavigationMenuPrimitive.List.displayName\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <Separator {...props} />\n}\n\nconst VerticalNavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    className={cn('w-full', className)}\n    {...props}\n  />\n))\nVerticalNavigationMenuItem.displayName =\n  NavigationMenuPrimitive.Item.displayName\n\nconst VerticalNavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    className={cn(\n      'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n      className\n    )}\n    {...props}\n  />\n))\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","React","props","ref","jsx","NavigationMenuPrimitive","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":"wgBAKMA,EAAyBC,EAAM,WAGnC,CAACC,EAAOC,IACRC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CAA6B,IAAAF,EAAU,YAAY,WAAY,GAAGD,EAAO,CAC3E,EACDF,EAAuB,YAAcK,EAAwB,KAAK,YAElE,MAAMC,EAA6BL,EAAM,WAGvC,CAAC,CAAE,UAAAM,EAAW,GAAGL,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWK,EAAAA,GACT,kEACAD,CAAA,EAED,GAAGL,CAAA,CACN,CACD,EACDI,EAA2B,YACzBD,EAAwB,KAAK,YAE/B,SAASI,EAA8B,CACrC,UAAAF,EACA,GAAGL,CACL,EAA0C,CACxC,OACEE,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWI,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAgC,CACvC,GAAGR,CACL,EAA0C,CACxC,OAAOE,wBAACO,EAAAA,UAAA,CAAW,GAAGT,CAAA,CAAO,CAC/B,CAEA,MAAMU,EAA6BX,EAAM,WAGvC,CAAC,CAAE,UAAAM,EAAW,GAAGL,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWK,EAAAA,GAAG,SAAUD,CAAS,EAChC,GAAGL,CAAA,CACN,CACD,EACDU,EAA2B,YACzBP,EAAwB,KAAK,YAE/B,MAAMQ,EAA6BZ,EAAM,WAGvC,CAAC,CAAE,UAAAM,EAAW,GAAGL,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWK,EAAAA,GACT,8RAIAD,CAAA,EAED,GAAGL,CAAA,CACN,CACD"}
+{"version":3,"file":"index36.cjs","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: 'badge-purple',\n  size: 'icon',\n  border: 'outline',\n  inverted: false\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, border, inverted, 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, border, inverted }}>\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, border, inverted, ...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          border: context.border || border,\n          inverted: context.inverted || inverted\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","border","inverted","children","props","ref","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":"qgBAQMA,EAAqBC,EAAM,cAE/B,CACA,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CAAC,EAEKC,EAAcD,EAAM,WAIxB,CAAC,CAAE,UAAAE,EAAW,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,SAAAC,EAAU,GAAGC,GAASC,IACrEC,EAAA,kBAAA,IAACC,EAAqB,KAArB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,yCAA0CV,CAAS,EAChE,GAAGM,EAEJ,SAAAE,EAAA,kBAAA,IAACX,EAAmB,SAAnB,CAA4B,MAAO,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,CAAS,EACnE,SAAAC,CACH,CAAA,CAAA,CACF,CACD,EAEDN,EAAY,YAAcU,EAAqB,KAAK,YAEpD,MAAME,EAAkBb,EAAM,WAI5B,CAAC,CAAE,UAAAE,EAAW,SAAAK,EAAU,QAAAJ,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,GAAGE,CAAA,EAASC,IAAQ,CACvE,MAAAK,EAAUd,EAAM,WAAWD,CAAkB,EAGjD,OAAAW,EAAA,kBAAA,IAACC,EAAqB,KAArB,CACC,IAAAF,EACA,UAAWG,EAAA,GACTG,iBAAe,CACb,QAASD,EAAQ,SAAWX,EAC5B,KAAMW,EAAQ,MAAQV,EACtB,OAAQU,EAAQ,QAAUT,EAC1B,SAAUS,EAAQ,UAAYR,CAAA,CAC/B,EACDJ,CACF,EACC,GAAGM,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC,EAEDM,EAAgB,YAAcF,EAAqB,KAAK"}

package/dist/index36.js

@@ -1,68 +1,46 @@
-import { j as i } from "./index37.js";
-import * as a from "@radix-ui/react-navigation-menu";
-import * as o from "react";
-import { Separator as n } from "./index24.js";
-import { cn as s } from "./index39.js";
-const l = o.forwardRef((t, e) => /* @__PURE__ */ i.jsx(a.Root, { ref: e, orientation: "vertical", ...t }));
-l.displayName = a.Root.displayName;
-const m = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  a.List,
+import { j as d } from "./index40.js";
+import * as t from "@radix-ui/react-toggle-group";
+import * as r from "react";
+import { toggleVariants as g } from "./index35.js";
+import { cn as c } from "./index41.js";
+const f = r.createContext({
+  variant: "badge-purple",
+  size: "icon",
+  border: "outline",
+  inverted: !1
+}), u = r.forwardRef(({ className: o, variant: a, size: i, border: s, inverted: n, children: m, ...p }, l) => /* @__PURE__ */ d.jsx(
+  t.Root,
   {
-    ref: r,
-    className: s(
-      "group flex flex-col list-none items-center justify-center pb-16",
-      t
-    ),
-    ...e
+    ref: l,
+    className: c("flex items-center justify-center gap-8", o),
+    ...p,
+    children: /* @__PURE__ */ d.jsx(f.Provider, { value: { variant: a, size: i, border: s, inverted: n }, children: m })
   }
 ));
-m.displayName = a.List.displayName;
-function x({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i.jsx(
-    "div",
+u.displayName = t.Root.displayName;
+const x = r.forwardRef(({ className: o, children: a, variant: i, size: s, border: n, inverted: m, ...p }, l) => {
+  const e = r.useContext(f);
+  return /* @__PURE__ */ d.jsx(
+    t.Item,
     {
-      className: s(
-        "flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",
-        t
+      ref: l,
+      className: c(
+        g({
+          variant: e.variant || i,
+          size: e.size || s,
+          border: e.border || n,
+          inverted: e.inverted || m
+        }),
+        o
       ),
-      ...e
+      ...p,
+      children: a
     }
   );
-}
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ i.jsx(n, { ...t });
-}
-const p = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  a.Item,
-  {
-    ref: r,
-    className: s("w-full", t),
-    ...e
-  }
-));
-p.displayName = a.Item.displayName;
-const g = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  a.Link,
-  {
-    ref: r,
-    className: s(
-      "flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",
-      t
-    ),
-    ...e
-  }
-));
+});
+x.displayName = t.Item.displayName;
 export {
-  l as VerticalNavigationMenu,
-  x as VerticalNavigationMenuHeading,
-  p as VerticalNavigationMenuItem,
-  g as VerticalNavigationMenuLink,
-  m as VerticalNavigationMenuList,
-  v as VerticalNavigationMenuSeparator
+  u as ToggleGroup,
+  x as ToggleGroupItem
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nconst VerticalNavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>((props, ref) => (\n  <NavigationMenuPrimitive.Root ref={ref} orientation=\"vertical\" {...props} />\n))\nVerticalNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst VerticalNavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-col list-none items-center justify-center pb-16',\n      className\n    )}\n    {...props}\n  />\n))\nVerticalNavigationMenuList.displayName =\n  NavigationMenuPrimitive.List.displayName\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <Separator {...props} />\n}\n\nconst VerticalNavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    className={cn('w-full', className)}\n    {...props}\n  />\n))\nVerticalNavigationMenuItem.displayName =\n  NavigationMenuPrimitive.Item.displayName\n\nconst VerticalNavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    className={cn(\n      'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n      className\n    )}\n    {...props}\n  />\n))\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","React","props","ref","jsx","NavigationMenuPrimitive","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":";;;;;AAKA,MAAMA,IAAyBC,EAAM,WAGnC,CAACC,GAAOC,MACRC,gBAAAA,EAAAA,IAACC,EAAwB,MAAxB,EAA6B,KAAAF,GAAU,aAAY,YAAY,GAAGD,GAAO,CAC3E;AACDF,EAAuB,cAAcK,EAAwB,KAAK;AAElE,MAAMC,IAA6BL,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGL;AAAA,EAAA;AACN,CACD;AACDI,EAA2B,cACzBD,EAAwB,KAAK;AAE/B,SAASI,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAA0C;AACxC,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAA0C;AACxC,SAAOE,gBAAAA,MAACO,GAAA,EAAW,GAAGT,EAAA,CAAO;AAC/B;AAEA,MAAMU,IAA6BX,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK,EAAG,UAAUD,CAAS;AAAA,IAChC,GAAGL;AAAA,EAAA;AACN,CACD;AACDU,EAA2B,cACzBP,EAAwB,KAAK;AAE/B,MAAMQ,IAA6BZ,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MAIAD;AAAA,IAAA;AAAA,IAED,GAAGL;AAAA,EAAA;AACN,CACD;"}
+{"version":3,"file":"index36.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: 'badge-purple',\n  size: 'icon',\n  border: 'outline',\n  inverted: false\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, border, inverted, 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, border, inverted }}>\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, border, inverted, ...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          border: context.border || border,\n          inverted: context.inverted || inverted\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","border","inverted","children","props","ref","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC,GAEKC,IAAcD,EAAM,WAIxB,CAAC,EAAE,WAAAE,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAASC,MACrEC,gBAAAA,EAAA;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,0CAA0CV,CAAS;AAAA,IAChE,GAAGM;AAAA,IAEJ,UAAAE,gBAAAA,EAAA,IAACX,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,EAAS,GACnE,UAAAC,EACH,CAAA;AAAA,EAAA;AACF,CACD;AAEDN,EAAY,cAAcU,EAAqB,KAAK;AAEpD,MAAME,IAAkBb,EAAM,WAI5B,CAAC,EAAE,WAAAE,GAAW,UAAAK,GAAU,SAAAJ,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,GAAGE,EAAA,GAASC,MAAQ;AACvE,QAAAK,IAAUd,EAAM,WAAWD,CAAkB;AAGjD,SAAAW,gBAAAA,EAAA;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWX;AAAA,UAC5B,MAAMW,EAAQ,QAAQV;AAAA,UACtB,QAAQU,EAAQ,UAAUT;AAAA,UAC1B,UAAUS,EAAQ,YAAYR;AAAA,QAAA,CAC/B;AAAA,QACDJ;AAAA,MACF;AAAA,MACC,GAAGM;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDM,EAAgB,cAAcF,EAAqB,KAAK;"}

package/dist/index37.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index42.cjs");var t=e.__require();exports.jsxRuntimeExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index40.cjs"),d=require("@radix-ui/react-tooltip"),c=require("class-variance-authority"),u=require("react"),p=require("./index41.cjs");function a(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(i,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return i.default=t,Object.freeze(i)}const o=a(d),m=a(u),f=c.cva("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"}}),g=o.Provider,T=o.Root,b=o.Portal,v=o.Trigger,n=m.forwardRef(({variant:t,className:i,sideOffset:e=4,...r},s)=>l.jsxRuntimeExports.jsx(o.Content,{ref:s,sideOffset:e,className:p.cn(f({variant:t,className:i})),...r}));n.displayName=o.Content.displayName;exports.Tooltip=T;exports.TooltipContent=n;exports.TooltipPortal=b;exports.TooltipProvider=g;exports.TooltipTrigger=v;
 //# sourceMappingURL=index37.cjs.map

package/dist/index37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index37.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index37.cjs","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":"2gBAOMA,EAAyBC,EAAA,IAC7B,wVACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iCACT,SAAU,iDACZ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEMC,EAAkBC,EAAiB,SAEnCC,EAAUD,EAAiB,KAE3BE,EAAgBF,EAAiB,OAEjCG,EAAiBH,EAAiB,QAQlCI,EAAiBC,EAAM,WAG3B,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IACnDC,EAAA,kBAAA,IAACX,EAAiB,QAAjB,CACC,IAAAU,EACA,WAAAF,EACA,UAAWI,EAAG,GAAAf,EAAuB,CAAE,QAAAS,EAAS,UAAAC,CAAW,CAAA,CAAC,EAC3D,GAAGE,CAAA,CACN,CACD,EACDL,EAAe,YAAcJ,EAAiB,QAAQ"}

package/dist/index37.js

@@ -1,6 +1,36 @@
-import { __require as r } from "./index42.js";
-var i = r();
+import { j as d } from "./index40.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 "./index41.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"
+    }
+  }
+), 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 {
-  i as j
+  x as Tooltip,
+  p as TooltipContent,
+  u as TooltipPortal,
+  v as TooltipProvider,
+  T as TooltipTrigger
 };
 //# sourceMappingURL=index37.js.map