@incognia/cosmik 0.40.1 → 0.40.2-beta.2

package/dist/index35.js

@@ -1,10 +1,9 @@
-import { j as d } from "./index37.js";
-import * as t from "@radix-ui/react-tooltip";
-import { cva as s } from "./index38.js";
-import * as n from "react";
-import { cn as m } from "./index39.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 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)",
   {
     variants: {
       variant: {
@@ -16,21 +15,52 @@ const l = s(
       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;
+);
+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
+    }
+  ) });
+}
 export {
-  x as Tooltip,
-  p as TooltipContent,
-  u as TooltipPortal,
-  v as TooltipProvider,
-  T as TooltipTrigger
+  c as Tooltip,
+  x as TooltipContent,
+  m as TooltipProvider,
+  g as TooltipTrigger
 };
 //# 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',\n  {\n    variants: {\n      variant: {\n        default: 'bg-gray-800 text-white text-sm',\n        inverted: 'bg-white text-gray-800 border border-gray-900/8'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipPortal = TooltipPrimitive.Portal\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ninterface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  asChild?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ variant, className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(tooltipContentVariants({ variant, className }))}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip,\n  TooltipContent,\n  TooltipPortal,\n  TooltipProvider,\n  TooltipTrigger\n}\n"],"names":["tooltipContentVariants","cva","TooltipProvider","TooltipPrimitive","Tooltip","TooltipPortal","TooltipTrigger","TooltipContent","React","variant","className","sideOffset","props","ref","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAgBF,EAAiB,QAEjCG,IAAiBH,EAAiB,SAQlCI,IAAiBC,EAAM,WAG3B,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MACnDC,gBAAAA,EAAAA;AAAAA,EAACX,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAF;AAAA,IACA,WAAWI,EAAGf,EAAuB,EAAE,SAAAS,GAAS,WAAAC,EAAA,CAAW,CAAC;AAAA,IAC3D,GAAGE;AAAA,EAAA;AACN,CACD;AACDL,EAAe,cAAcJ,EAAiB,QAAQ;"}
+{"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;"}

package/dist/index5.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index37.cjs"),b=require("./index38.cjs"),s=require("./index39.cjs"),e=b.cva("inline-flex items-center justify-center rounded-[8px] font-normal transition-colors",{variants:{variant:{green:"bg-green-50 text-green-800 border-green-200",yellow:"bg-yellow-50 text-yellow-700 border-yellow-200",magenta:"bg-magenta-50 text-magenta-700 border-magenta-100",gray:"bg-gray-200 text-gray-900 border-gray-300",purple:"bg-purple-100 text-purple-900 border-purple-200",robinblue:"bg-robinblue-100 text-robinblue-900 border-robinblue-200"},size:{sm:"h-[26px] px-8 text-sm",md:"h-32 px-12 text-base",icon:"h-32 w-32"},border:{outline:"border",none:"border-0"},inverted:{true:"text-white",false:""}},compoundVariants:[{inverted:!0,variant:"green",className:"bg-green-700 border-green-800"},{inverted:!0,variant:"yellow",className:"bg-yellow-700 border-yellow-800"},{inverted:!0,variant:"magenta",className:"bg-magenta-700 border-magenta-800"},{inverted:!0,variant:"gray",className:"bg-gray-700 border-gray-800"},{inverted:!0,variant:"purple",className:"bg-purple-700 border-purple-800"},{inverted:!0,variant:"robinblue",className:"bg-robinblue-700 border-robinblue-800"}],defaultVariants:{size:"sm",variant:"gray",border:"outline",inverted:!1}});function g({className:r,variant:t,size:a,border:n,inverted:i,...o}){return l.jsxRuntimeExports.jsx("div",{className:s.cn(e({variant:t,size:a,border:n,inverted:i}),r),...o})}exports.Badge=g;exports.badgeVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index37.cjs"),s=require("@radix-ui/react-slot"),g=require("./index38.cjs"),u=require("./index39.cjs"),e=g.cva("inline-flex items-center justify-center rounded-[8px] font-normal transition-colors",{variants:{variant:{green:"bg-green-50 text-green-800 border-green-200",yellow:"bg-yellow-50 text-yellow-700 border-yellow-200",magenta:"bg-magenta-50 text-magenta-700 border-magenta-100",gray:"bg-gray-200 text-gray-900 border-gray-300",purple:"bg-purple-100 text-purple-900 border-purple-200",robinblue:"bg-robinblue-100 text-robinblue-900 border-robinblue-200"},size:{sm:"h-[26px] px-8 text-sm",md:"h-32 px-12 text-base",icon:"h-32 w-32"},border:{outline:"border",none:"border-0"},inverted:{true:"text-white",false:""}},compoundVariants:[{inverted:!0,variant:"green",className:"bg-green-700 border-green-800"},{inverted:!0,variant:"yellow",className:"bg-yellow-700 border-yellow-800"},{inverted:!0,variant:"magenta",className:"bg-magenta-700 border-magenta-800"},{inverted:!0,variant:"gray",className:"bg-gray-700 border-gray-800"},{inverted:!0,variant:"purple",className:"bg-purple-700 border-purple-800"},{inverted:!0,variant:"robinblue",className:"bg-robinblue-700 border-robinblue-800"}],defaultVariants:{size:"sm",variant:"gray",border:"outline",inverted:!1}});function d({className:r,variant:t,size:a,border:n,asChild:o=!1,...i}){const l=o?s.Slot:"span";return b.jsxRuntimeExports.jsx(l,{"data-slot":"badge",className:u.cn(e({variant:t,size:a,border:n}),r),...i})}exports.Badge=d;exports.badgeVariants=e;
 //# sourceMappingURL=index5.cjs.map

package/dist/index5.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index5.cjs","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-50 text-green-800 border-green-200',\n        yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n        magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n        gray: 'bg-gray-200 text-gray-900 border-gray-300',\n        purple: 'bg-purple-100 text-purple-900 border-purple-200',\n        robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n      },\n      size: {\n        sm: 'h-[26px] px-8 text-sm',\n        md: 'h-32 px-12 text-base',\n        icon: 'h-32 w-32'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'green',\n        className: 'bg-green-700 border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'yellow',\n        className: 'bg-yellow-700 border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'magenta',\n        className: 'bg-magenta-700 border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'gray',\n        className: 'bg-gray-700 border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'purple',\n        className: 'bg-purple-700 border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'robinblue',\n        className: 'bg-robinblue-700 border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      size: 'sm',\n      variant: 'gray',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: BadgeProps) {\n  return (\n    <div\n      className={cn(\n        badgeVariants({ variant, size, border, inverted }),\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","inverted","props","jsx","cn"],"mappings":"uKAQMA,EAAgBC,EAAAA,IACpB,sFACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8CACP,OAAQ,iDACR,QAAS,oDACT,KAAM,4CACN,OAAQ,kDACR,UAAW,0DAAA,EAEb,KAAM,CACJ,GAAI,wBACJ,GAAI,uBACJ,KAAM,WAAA,EAER,OAAQ,CACN,QAAS,SACT,KAAM,UAAA,EAER,SAAU,CACR,KAAM,aACN,MAAO,EAAA,CACT,EAEF,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,QACT,UAAW,+BAAA,EAEb,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCAAA,EAEb,CACE,SAAU,GACV,QAAS,UACT,UAAW,mCAAA,EAEb,CACE,SAAU,GACV,QAAS,OACT,UAAW,6BAAA,EAEb,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCAAA,EAEb,CACE,SAAU,GACV,QAAS,YACT,UAAW,uCAAA,CACb,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,OACT,OAAQ,UACR,SAAU,EAAA,CACZ,CAEJ,EAMA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAe,CACb,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACTV,EAAc,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,EACjDJ,CAAA,EAED,GAAGK,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index5.cjs","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-50 text-green-800 border-green-200',\n        yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n        magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n        gray: 'bg-gray-200 text-gray-900 border-gray-300',\n        purple: 'bg-purple-100 text-purple-900 border-purple-200',\n        robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n      },\n      size: {\n        sm: 'h-[26px] px-8 text-sm',\n        md: 'h-32 px-12 text-base',\n        icon: 'h-32 w-32'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'green',\n        className: 'bg-green-700 border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'yellow',\n        className: 'bg-yellow-700 border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'magenta',\n        className: 'bg-magenta-700 border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'gray',\n        className: 'bg-gray-700 border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'purple',\n        className: 'bg-purple-700 border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'robinblue',\n        className: 'bg-robinblue-700 border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      size: 'sm',\n      variant: 'gray',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  border,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : 'span'\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant, size, border }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","asChild","props","Comp","Slot","jsx","cn"],"mappings":"yMASMA,EAAgBC,EAAAA,IACpB,sFACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8CACP,OAAQ,iDACR,QAAS,oDACT,KAAM,4CACN,OAAQ,kDACR,UAAW,0DAAA,EAEb,KAAM,CACJ,GAAI,wBACJ,GAAI,uBACJ,KAAM,WAAA,EAER,OAAQ,CACN,QAAS,SACT,KAAM,UAAA,EAER,SAAU,CACR,KAAM,aACN,MAAO,EAAA,CACT,EAEF,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,QACT,UAAW,+BAAA,EAEb,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCAAA,EAEb,CACE,SAAU,GACV,QAAS,UACT,UAAW,mCAAA,EAEb,CACE,SAAU,GACV,QAAS,OACT,UAAW,6BAAA,EAEb,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCAAA,EAEb,CACE,SAAU,GACV,QAAS,YACT,UAAW,uCAAA,CACb,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,OACT,OAAQ,UACR,SAAU,EAAA,CACZ,CAEJ,EAKA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAAe,CACb,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,OAC9B,OACEC,EAAAA,kBAAAA,IAACF,EAAA,CACC,YAAU,QACV,UAAWG,EAAAA,GAAGZ,EAAc,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,CAAA,CAAQ,EAAGH,CAAS,EAChE,GAAGK,CAAA,CAAA,CAGV"}

package/dist/index5.js

@@ -1,7 +1,8 @@
-import { j as i } from "./index37.js";
-import { cva as b } from "./index38.js";
-import { cn as l } from "./index39.js";
-const g = b(
+import { j as b } from "./index37.js";
+import { Slot as i } from "@radix-ui/react-slot";
+import { cva as s } from "./index38.js";
+import { cn as g } from "./index39.js";
+const d = s(
   "inline-flex items-center justify-center rounded-[8px] font-normal transition-colors",
   {
     variants: {
@@ -67,27 +68,26 @@ const g = b(
     }
   }
 );
-function m({
+function x({
   className: e,
   variant: r,
   size: t,
   border: a,
-  inverted: n,
+  asChild: n = !1,
   ...o
 }) {
-  return /* @__PURE__ */ i.jsx(
-    "div",
+  const l = n ? i : "span";
+  return /* @__PURE__ */ b.jsx(
+    l,
     {
-      className: l(
-        g({ variant: r, size: t, border: a, inverted: n }),
-        e
-      ),
+      "data-slot": "badge",
+      className: g(d({ variant: r, size: t, border: a }), e),
       ...o
     }
   );
 }
 export {
-  m as Badge,
-  g as badgeVariants
+  x as Badge,
+  d as badgeVariants
 };
 //# sourceMappingURL=index5.js.map

package/dist/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-50 text-green-800 border-green-200',\n        yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n        magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n        gray: 'bg-gray-200 text-gray-900 border-gray-300',\n        purple: 'bg-purple-100 text-purple-900 border-purple-200',\n        robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n      },\n      size: {\n        sm: 'h-[26px] px-8 text-sm',\n        md: 'h-32 px-12 text-base',\n        icon: 'h-32 w-32'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'green',\n        className: 'bg-green-700 border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'yellow',\n        className: 'bg-yellow-700 border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'magenta',\n        className: 'bg-magenta-700 border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'gray',\n        className: 'bg-gray-700 border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'purple',\n        className: 'bg-purple-700 border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'robinblue',\n        className: 'bg-robinblue-700 border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      size: 'sm',\n      variant: 'gray',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: BadgeProps) {\n  return (\n    <div\n      className={cn(\n        badgeVariants({ variant, size, border, inverted }),\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","inverted","props","jsx","cn"],"mappings":";;;AAQA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;AAMA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV,EAAc,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU;AAAA,QACjDJ;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index5.js","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-50 text-green-800 border-green-200',\n        yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n        magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n        gray: 'bg-gray-200 text-gray-900 border-gray-300',\n        purple: 'bg-purple-100 text-purple-900 border-purple-200',\n        robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n      },\n      size: {\n        sm: 'h-[26px] px-8 text-sm',\n        md: 'h-32 px-12 text-base',\n        icon: 'h-32 w-32'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'green',\n        className: 'bg-green-700 border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'yellow',\n        className: 'bg-yellow-700 border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'magenta',\n        className: 'bg-magenta-700 border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'gray',\n        className: 'bg-gray-700 border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'purple',\n        className: 'bg-purple-700 border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'robinblue',\n        className: 'bg-robinblue-700 border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      size: 'sm',\n      variant: 'gray',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  border,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : 'span'\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant, size, border }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","asChild","props","Comp","Slot","jsx","cn"],"mappings":";;;;AASA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;AAKA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AACb,QAAMC,IAAOF,IAAUG,IAAO;AAC9B,SACEC,gBAAAA,EAAAA;AAAAA,IAACF;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWG,EAAGZ,EAAc,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,EAAA,CAAQ,GAAGH,CAAS;AAAA,MAChE,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://inloco.github.io/cosmik",
   "name": "@incognia/cosmik",
-  "version": "0.40.1",
+  "version": "0.40.2-beta.2",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",