@incognia/cosmik 0.6.2-beta.5 → 0.6.2-beta.7

package/dist/index.es5.js

@@ -1,100 +1,123 @@
-import o from "./index.es12.js";
-const a = o(function({ addBase: e, config: t }) {
-  e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-cyrillic-ext-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F"
+import { j as s } from "./index.es11.js";
+import * as e from "@radix-ui/react-alert-dialog";
+import { cva as m } from "class-variance-authority";
+import * as i from "react";
+import { buttonVariants as d } from "./index.es6.js";
+import { cn as l } from "./index.es12.js";
+const v = e.Root, R = e.Trigger, c = e.Portal, n = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
+  e.Overlay,
+  {
+    className: l(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...a,
+    ref: o
+  }
+));
+n.displayName = e.Overlay.displayName;
+const f = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsxs(c, { children: [
+  /* @__PURE__ */ s.jsx(n, {}),
+  /* @__PURE__ */ s.jsx(
+    e.Content,
+    {
+      ref: o,
+      className: l(
+        "fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        "bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24",
+        t
+      ),
+      ...a
     }
-  }), e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-cyrillic-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116"
+  )
+] }));
+f.displayName = e.Content.displayName;
+const p = ({ className: t, ...a }) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    className: l(
+      "flex flex-col space-y-16 text-center sm:text-left font-display",
+      t
+    ),
+    ...a
+  }
+);
+p.displayName = "AlertDialogHeader";
+const g = ({ className: t, ...a }) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    className: l(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      "gap-8 mt-24",
+      t
+    ),
+    ...a
+  }
+);
+g.displayName = "AlertDialogFooter";
+const x = m("flex items-center text-lg font-medium", {
+  variants: {
+    intent: {
+      default: "text-gray-800",
+      warning: "text-yellow-600",
+      danger: "text-magenta-600"
     }
-  }), e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-greek-ext-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+1F00-1FFF"
-    }
-  }), e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-greek-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+0370-03FF"
-    }
-  }), e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-vietnamese-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB"
-    }
-  }), e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-latin-ext-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF"
-    }
-  }), e({
-    "@font-face": {
-      fontFamily: '"Inter Variable"',
-      fontStyle: "normal",
-      fontDisplay: "swap",
-      fontWeight: "100 900",
-      src: "url('/font/inter-latin-wght-normal.woff2') format('woff2-variations')",
-      unicodeRange: "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"
-    }
-  }), e({
-    body: {
-      fontFamily: t("theme.fontFamily.default"),
-      color: t("theme.colors.gray.900"),
-      fontSize: t("theme.fontSize.base"),
-      lineHeight: t("theme.lineHeight.20")
-    },
-    "h1, h2": {
-      fontWeight: t("theme.fontWeight.medium"),
-      fontSize: t("theme.fontSize.lg"),
-      color: t("theme.colors.gray.800"),
-      lineHeight: t("theme.lineHeight.24")
-    },
-    a: {
-      color: t("theme.colors.robinblue.500"),
-      fontWeight: t("theme.fontWeight.medium"),
-      "&:hover": {
-        color: t("theme.colors.robinblue.600")
-      }
-    },
-    "::placeholder,input::placeholder,textarea::placeholder": {
-      color: t("theme.colors.gray.700"),
-      opacity: t("theme.opacity.100")
-    },
-    label: {
-      color: t("theme.colors.gray.800"),
-      fontSize: t("theme.fontSize.sm"),
-      lineHeight: t("theme.lineHeight.14")
-    }
-  });
-});
+  },
+  defaultVariants: {
+    intent: "default"
+  }
+}), u = i.forwardRef(({ className: t, intent: a, ...o }, r) => /* @__PURE__ */ s.jsx(
+  e.Title,
+  {
+    ref: r,
+    className: l(x({ intent: a }), t),
+    ...o
+  }
+));
+u.displayName = e.Title.displayName;
+const y = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
+  e.Description,
+  {
+    ref: o,
+    className: l("text-base text-muted-foreground", t),
+    ...a
+  }
+));
+y.displayName = e.Description.displayName;
+const N = i.forwardRef(({ className: t, intent: a, ...o }, r) => /* @__PURE__ */ s.jsx(
+  e.Action,
+  {
+    ref: r,
+    className: l(d({ intent: a }), t),
+    ...o
+  }
+));
+N.displayName = e.Action.displayName;
+const A = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
+  e.Cancel,
+  {
+    ref: o,
+    className: l(
+      d({ intent: "secondary" }),
+      "mt-2 sm:mt-0",
+      t
+    ),
+    ...a
+  }
+));
+A.displayName = e.Cancel.displayName;
 export {
-  a as default
+  v as AlertDialog,
+  N as AlertDialogAction,
+  A as AlertDialogCancel,
+  f as AlertDialogContent,
+  y as AlertDialogDescription,
+  g as AlertDialogFooter,
+  p as AlertDialogHeader,
+  n as AlertDialogOverlay,
+  c as AlertDialogPortal,
+  u as AlertDialogTitle,
+  R as AlertDialogTrigger,
+  x as titleVariants
 };
 //# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/tailwind-extended-base.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nexport default plugin(function ({ addBase, config }) {\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-cyrillic-ext-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange:\n        'U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F'\n    }\n  })\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-cyrillic-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange: 'U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116'\n    }\n  })\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-greek-ext-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange: 'U+1F00-1FFF'\n    }\n  })\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-greek-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange: 'U+0370-03FF'\n    }\n  })\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-vietnamese-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange:\n        'U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB'\n    }\n  })\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-latin-ext-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange:\n        'U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF'\n    }\n  })\n  addBase({\n    '@font-face': {\n      fontFamily: '\"Inter Variable\"',\n      fontStyle: 'normal',\n      fontDisplay: 'swap',\n      fontWeight: '100 900',\n      src: \"url('/font/inter-latin-wght-normal.woff2') format('woff2-variations')\",\n      unicodeRange:\n        'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD'\n    }\n  })\n  addBase({\n    body: {\n      fontFamily: config('theme.fontFamily.default'),\n      color: config('theme.colors.gray.900'),\n      fontSize: config('theme.fontSize.base'),\n      lineHeight: config('theme.lineHeight.20')\n    },\n    'h1, h2': {\n      fontWeight: config('theme.fontWeight.medium'),\n      fontSize: config('theme.fontSize.lg'),\n      color: config('theme.colors.gray.800'),\n      lineHeight: config('theme.lineHeight.24')\n    },\n    a: {\n      color: config('theme.colors.robinblue.500'),\n      fontWeight: config('theme.fontWeight.medium'),\n      '&:hover': {\n        color: config('theme.colors.robinblue.600')\n      }\n    },\n    '::placeholder,input::placeholder,textarea::placeholder': {\n      color: config('theme.colors.gray.700'),\n      opacity: config('theme.opacity.100')\n    },\n    label: {\n      color: config('theme.colors.gray.800'),\n      fontSize: config('theme.fontSize.sm'),\n      lineHeight: config('theme.lineHeight.14')\n    }\n  })\n})\n"],"names":["tailwindExtendedBase","plugin","addBase","config"],"mappings":";AAEA,MAAeA,IAAAC,EAAO,SAAU,EAAE,SAAAC,GAAS,QAAAC,KAAU;AAC3C,EAAAD,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cACE;AAAA,IACJ;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cAAc;AAAA,IAChB;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cAAc;AAAA,IAChB;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cAAc;AAAA,IAChB;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cACE;AAAA,IACJ;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cACE;AAAA,IACJ;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,cACE;AAAA,IACJ;AAAA,EAAA,CACD,GACOA,EAAA;AAAA,IACN,MAAM;AAAA,MACJ,YAAYC,EAAO,0BAA0B;AAAA,MAC7C,OAAOA,EAAO,uBAAuB;AAAA,MACrC,UAAUA,EAAO,qBAAqB;AAAA,MACtC,YAAYA,EAAO,qBAAqB;AAAA,IAC1C;AAAA,IACA,UAAU;AAAA,MACR,YAAYA,EAAO,yBAAyB;AAAA,MAC5C,UAAUA,EAAO,mBAAmB;AAAA,MACpC,OAAOA,EAAO,uBAAuB;AAAA,MACrC,YAAYA,EAAO,qBAAqB;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,MACD,OAAOA,EAAO,4BAA4B;AAAA,MAC1C,YAAYA,EAAO,yBAAyB;AAAA,MAC5C,WAAW;AAAA,QACT,OAAOA,EAAO,4BAA4B;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,0DAA0D;AAAA,MACxD,OAAOA,EAAO,uBAAuB;AAAA,MACrC,SAASA,EAAO,mBAAmB;AAAA,IACrC;AAAA,IACA,OAAO;AAAA,MACL,OAAOA,EAAO,uBAAuB;AAAA,MACrC,UAAUA,EAAO,mBAAmB;AAAA,MACpC,YAAYA,EAAO,qBAAqB;AAAA,IAC1C;AAAA,EAAA,CACD;AACH,CAAC;"}
+{"version":3,"file":"index.es5.js","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',\n        'bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-16 text-center sm:text-left font-display',\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n\nconst AlertDialogFooter = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      'gap-8 mt-24',\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = 'AlertDialogFooter'\n\nconst titleVariants = cva('flex items-center text-lg font-medium', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  {\n    intent?: VariantProps<typeof titleVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn(titleVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-base text-muted-foreground', className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  {\n    intent?: VariantProps<typeof buttonVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={cn(buttonVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(\n      buttonVariants({ intent: 'secondary' }),\n      'mt-2 sm:mt-0',\n      className\n    )}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  titleVariants\n}\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;;AAQA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,SAE1CE,IAAoBF,EAAqB,QAEzCG,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,WAAWS;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAmB,cAAcH,EAAqB,QAAQ;AAExD,MAAAU,IAAqBN,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BI,gBAAAA,EAAAA,KAACT,GACC,EAAA,UAAA;AAAA,EAAAM,gBAAAA,EAAA,IAACL,GAAmB,EAAA;AAAA,EACpBK,gBAAAA,EAAA;AAAA,IAACR,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAAA,EAAA,CACF,CACD;AACDI,EAAmB,cAAcV,EAAqB,QAAQ;AAE9D,MAAMY,IAAoB,CACxB,EAAE,WAAAP,GAAW,GAAGC,EAEhB,MAAAE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFM,EAAkB,cAAc;AAEhC,MAAMC,IAAoB,CACxB,EAAE,WAAAR,GAAW,GAAGC,EAEhB,MAAAE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAkB,cAAc;AAE1B,MAAAC,IAAgBC,EAAI,yCAAyC;AAAA,EACjE,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,QAAQ;AAAA,EACV;AACF,CAAC,GAEKC,IAAmBZ,EAAM,WAK7B,CAAC,EAAE,WAAAC,GAAW,QAAAY,GAAQ,GAAGX,KAASC,MAClCC,gBAAAA,EAAA;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAGK,EAAc,EAAE,QAAAG,EAAQ,CAAA,GAAGZ,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAiB,cAAchB,EAAqB,MAAM;AAEpD,MAAAkB,IAAyBd,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAuB,cACrBlB,EAAqB,YAAY;AAE7B,MAAAmB,IAAoBf,EAAM,WAK9B,CAAC,EAAE,WAAAC,GAAW,QAAAY,GAAQ,GAAGX,KAASC,MAClCC,gBAAAA,EAAA;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAGW,EAAe,EAAE,QAAAH,EAAQ,CAAA,GAAGZ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAkB,cAAcnB,EAAqB,OAAO;AAEtD,MAAAqB,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACTW,EAAe,EAAE,QAAQ,aAAa;AAAA,MACtC;AAAA,MACAf;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAkB,cAAcrB,EAAqB,OAAO;"}

package/dist/index.es6.js

@@ -1,123 +1,135 @@
-import { j as s } from "./index.es13.js";
-import * as e from "@radix-ui/react-alert-dialog";
-import { cva as m } from "class-variance-authority";
-import * as i from "react";
-import { buttonVariants as d } from "./index.es7.js";
-import { cn as l } from "./index.es14.js";
-const v = e.Root, R = e.Trigger, c = e.Portal, n = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
-  e.Overlay,
+import { j as g } from "./index.es11.js";
+import { Slot as s } from "@radix-ui/react-slot";
+import { cva as b } from "class-variance-authority";
+import * as c from "react";
+import { cn as m } from "./index.es12.js";
+const f = b(
+  "inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
   {
-    className: l(
-      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      t
-    ),
-    ...a,
-    ref: o
-  }
-));
-n.displayName = e.Overlay.displayName;
-const f = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsxs(c, { children: [
-  /* @__PURE__ */ s.jsx(n, {}),
-  /* @__PURE__ */ s.jsx(
-    e.Content,
-    {
-      ref: o,
-      className: l(
-        "fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
-        "bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24",
-        t
-      ),
-      ...a
+    variants: {
+      variant: {
+        filled: "",
+        outline: "border",
+        ghost: "",
+        link: ""
+      },
+      intent: {
+        primary: "",
+        secondary: "",
+        warning: "",
+        danger: ""
+      },
+      size: {
+        md: "h-40 min-w-96 px-24",
+        sm: "h-32 px-16",
+        icon: "h-32 w-32",
+        "fit-content": ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "filled",
+        intent: "primary",
+        className: "bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700"
+      },
+      {
+        variant: "filled",
+        intent: "secondary",
+        className: "bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16"
+      },
+      {
+        variant: "filled",
+        intent: "warning",
+        className: "bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"
+      },
+      {
+        variant: "filled",
+        intent: "danger",
+        className: "bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"
+      },
+      {
+        variant: "outline",
+        intent: "primary",
+        className: "text-robinblue-500 fill-robinblue-500 border-robinblue-500"
+      },
+      {
+        variant: "outline",
+        intent: "secondary",
+        className: "text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"
+      },
+      {
+        variant: "outline",
+        intent: "warning",
+        className: "text-yellow-500 fill-yellow-500 border-yellow-500"
+      },
+      {
+        variant: "outline",
+        intent: "danger",
+        className: "text-magenta-500 fill-magenta-500 border-magenta-500"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "primary",
+        className: "hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "secondary",
+        className: "hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "warning",
+        className: "hover:bg-yellow-500-8 focus:bg-yellow-500-8 active:bg-yellow-500-12"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "danger",
+        className: "hover:bg-magenta-500-8 focus:bg-magenta-500-8 active:bg-magenta-500-12"
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "primary",
+        className: "text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "secondary",
+        className: "text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "warning",
+        className: "text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "danger",
+        className: "text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"
+      }
+    ],
+    defaultVariants: {
+      variant: "filled",
+      intent: "primary",
+      size: "md"
     }
-  )
-] }));
-f.displayName = e.Content.displayName;
-const p = ({ className: t, ...a }) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: l(
-      "flex flex-col space-y-16 text-center sm:text-left font-display",
-      t
-    ),
-    ...a
   }
-);
-p.displayName = "AlertDialogHeader";
-const g = ({ className: t, ...a }) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: l(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      "gap-8 mt-24",
-      t
-    ),
-    ...a
+), u = c.forwardRef(
+  ({ className: e, variant: t, intent: a, size: i, asChild: n = !1, ...l }, r) => {
+    const o = n ? s : "button";
+    return /* @__PURE__ */ g.jsx(
+      o,
+      {
+        className: m(f({ variant: t, intent: a, size: i, className: e })),
+        ref: r,
+        ...l
+      }
+    );
   }
 );
-g.displayName = "AlertDialogFooter";
-const x = m("flex items-center text-lg font-medium", {
-  variants: {
-    intent: {
-      default: "text-gray-800",
-      warning: "text-yellow-600",
-      danger: "text-magenta-600"
-    }
-  },
-  defaultVariants: {
-    intent: "default"
-  }
-}), u = i.forwardRef(({ className: t, intent: a, ...o }, r) => /* @__PURE__ */ s.jsx(
-  e.Title,
-  {
-    ref: r,
-    className: l(x({ intent: a }), t),
-    ...o
-  }
-));
-u.displayName = e.Title.displayName;
-const y = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
-  e.Description,
-  {
-    ref: o,
-    className: l("text-base text-muted-foreground", t),
-    ...a
-  }
-));
-y.displayName = e.Description.displayName;
-const N = i.forwardRef(({ className: t, intent: a, ...o }, r) => /* @__PURE__ */ s.jsx(
-  e.Action,
-  {
-    ref: r,
-    className: l(d({ intent: a }), t),
-    ...o
-  }
-));
-N.displayName = e.Action.displayName;
-const A = i.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
-  e.Cancel,
-  {
-    ref: o,
-    className: l(
-      d({ intent: "secondary" }),
-      "mt-2 sm:mt-0",
-      t
-    ),
-    ...a
-  }
-));
-A.displayName = e.Cancel.displayName;
+u.displayName = "Button";
 export {
-  v as AlertDialog,
-  N as AlertDialogAction,
-  A as AlertDialogCancel,
-  f as AlertDialogContent,
-  y as AlertDialogDescription,
-  g as AlertDialogFooter,
-  p as AlertDialogHeader,
-  n as AlertDialogOverlay,
-  c as AlertDialogPortal,
-  u as AlertDialogTitle,
-  R as AlertDialogTrigger,
-  x as titleVariants
+  u as Button,
+  f as buttonVariants
 };
 //# sourceMappingURL=index.es6.js.map

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',\n        'bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-16 text-center sm:text-left font-display',\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n\nconst AlertDialogFooter = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      'gap-8 mt-24',\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = 'AlertDialogFooter'\n\nconst titleVariants = cva('flex items-center text-lg font-medium', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  {\n    intent?: VariantProps<typeof titleVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn(titleVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-base text-muted-foreground', className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  {\n    intent?: VariantProps<typeof buttonVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={cn(buttonVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(\n      buttonVariants({ intent: 'secondary' }),\n      'mt-2 sm:mt-0',\n      className\n    )}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  titleVariants\n}\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"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"}
+{"version":3,"file":"index.es6.js","sources":["../src/Button/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\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        filled: '',\n        outline: 'border',\n        ghost: '',\n        link: ''\n      },\n      intent: {\n        primary: '',\n        secondary: '',\n        warning: '',\n        danger: ''\n      },\n      size: {\n        md: 'h-40 min-w-96 px-24',\n        sm: 'h-32 px-16',\n        icon: 'h-32 w-32',\n        'fit-content': ''\n      }\n    },\n    compoundVariants: [\n      {\n        variant: 'filled',\n        intent: 'primary',\n        className:\n          'bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'secondary',\n        className:\n          'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16'\n      },\n      {\n        variant: 'filled',\n        intent: 'warning',\n        className:\n          'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'danger',\n        className:\n          'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n      },\n      {\n        variant: 'outline',\n        intent: 'primary',\n        className: 'text-robinblue-500 fill-robinblue-500 border-robinblue-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'secondary',\n        className:\n          'text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n      },\n      {\n        variant: 'outline',\n        intent: 'warning',\n        className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'danger',\n        className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'primary',\n        className:\n          'hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'secondary',\n        className:\n          'hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'warning',\n        className:\n          'hover:bg-yellow-500-8 focus:bg-yellow-500-8 active:bg-yellow-500-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'danger',\n        className:\n          'hover:bg-magenta-500-8 focus:bg-magenta-500-8 active:bg-magenta-500-12'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'primary',\n        className:\n          'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'secondary',\n        className:\n          'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'warning',\n        className:\n          'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'danger',\n        className:\n          'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n      }\n    ],\n    defaultVariants: {\n      variant: 'filled',\n      intent: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, intent, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, intent, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","intent","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":";;;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClE,UAAAC,IAAOH,IAAUI,IAAO;AAE5B,WAAAC,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,WAAWG,EAAGd,EAAe,EAAE,SAAAK,GAAS,QAAAC,GAAQ,MAAAC,GAAM,WAAAH,EAAU,CAAC,CAAC;AAAA,QAClE,KAAAM;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAP,EAAO,cAAc;"}