@incognia/cosmik 0.41.0 → 1.0.0-beta.2

package/dist/index7.js

@@ -1,93 +1,195 @@
-import { j as i } from "./index40.js";
-import { cva as b } from "class-variance-authority";
-import { cn as l } from "./index41.js";
-const g = b(
-  "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"
+import { j as n } from "./index37.js";
+import { ChevronLeftIcon as m, ChevronRightIcon as b, ChevronDownIcon as w } from "lucide-react";
+import * as g from "react";
+import { getDefaultClassNames as f, DayPicker as h } from "react-day-picker";
+import { buttonVariants as p, Button as y } from "./index6.js";
+import { cn as e } from "./index39.js";
+function C({
+  className: i,
+  classNames: u,
+  showOutsideDays: a = !0,
+  captionLayout: l = "label",
+  formatters: c,
+  components: d,
+  ...x
+}) {
+  const t = f();
+  return /* @__PURE__ */ n.jsx(
+    h,
+    {
+      showOutsideDays: a,
+      className: e(
+        "bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        i
+      ),
+      captionLayout: l,
+      formatters: {
+        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
+        ...c
       },
-      {
-        inverted: !0,
-        variant: "gray",
-        className: "bg-gray-700 border-gray-800"
+      classNames: {
+        root: e("w-fit", t.root),
+        months: e(
+          "flex gap-16 flex-col md:flex-row relative",
+          t.months
+        ),
+        month: e("flex flex-col w-full gap-16", t.month),
+        nav: e(
+          "flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between",
+          t.nav
+        ),
+        button_previous: e(
+          p({
+            variant: "ghost",
+            intent: "secondary",
+            size: "icon"
+          }),
+          "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",
+          t.button_previous
+        ),
+        button_next: e(
+          p({
+            variant: "ghost",
+            intent: "secondary",
+            size: "icon"
+          }),
+          "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",
+          t.button_next
+        ),
+        month_caption: e(
+          "text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "absolute bg-gray-900/48 inset-0 opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          "select-none",
+          l === "label" ? "text-lg" : "rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex", t.weekdays),
+        weekday: e(
+          "text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none",
+          t.weekday
+        ),
+        week: e("flex w-full mt-8", t.week),
+        week_number_header: e(
+          "select-none w-(--cell-size)",
+          t.week_number_header
+        ),
+        week_number: e(
+          "text-[0.8rem] select-none text-gray-900",
+          t.week_number
+        ),
+        day: e(
+          "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none",
+          t.day
+        ),
+        range_start: e(
+          "rounded-l bg-purple-800 text-white",
+          t.range_start
+        ),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e(
+          "rounded-r bg-purple-800 text-white",
+          t.range_end
+        ),
+        today: e(
+          "shadow-100 rounded aria-selected:shadow-none",
+          t.today
+        ),
+        outside: e(
+          "text-gray-900 aria-selected:text-gray-900",
+          t.outside
+        ),
+        disabled: e("text-gray-900 opacity-48", t.disabled),
+        hidden: e("invisible", t.hidden),
+        ...u
       },
-      {
-        inverted: !0,
-        variant: "purple",
-        className: "bg-purple-700 border-purple-800"
+      components: {
+        Root: ({ className: r, rootRef: o, ...s }) => /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: o,
+            className: e(r),
+            ...s
+          }
+        ),
+        Chevron: ({ className: r, orientation: o, ...s }) => o === "left" ? /* @__PURE__ */ n.jsx(
+          m,
+          {
+            className: e("size-16", r),
+            ...s
+          }
+        ) : o === "right" ? /* @__PURE__ */ n.jsx(
+          b,
+          {
+            className: e("size-16", r),
+            ...s
+          }
+        ) : /* @__PURE__ */ n.jsx(w, { className: e("size-16", r), ...s }),
+        DayButton: _,
+        WeekNumber: ({ children: r, ...o }) => /* @__PURE__ */ n.jsx("td", { ...o, children: /* @__PURE__ */ n.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: r }) }),
+        ...d
       },
-      {
-        inverted: !0,
-        variant: "robinblue",
-        className: "bg-robinblue-700 border-robinblue-800"
-      }
-    ],
-    defaultVariants: {
-      size: "sm",
-      variant: "gray",
-      border: "outline",
-      inverted: !1
+      ...x
     }
-  }
-);
-function m({
-  className: e,
-  variant: r,
-  size: t,
-  border: a,
-  inverted: n,
-  ...o
+  );
+}
+function _({
+  className: i,
+  day: u,
+  modifiers: a,
+  ...l
 }) {
-  return /* @__PURE__ */ i.jsx(
-    "div",
+  const c = f(), d = g.useRef(null);
+  return g.useEffect(() => {
+    a.focused && d.current?.focus();
+  }, [a.focused]), /* @__PURE__ */ n.jsx(
+    y,
     {
-      className: l(
-        g({ variant: r, size: t, border: a, inverted: n }),
-        e
+      ref: d,
+      variant: "ghost",
+      size: "icon",
+      "data-day": u.date.toLocaleDateString(),
+      "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
+      "data-range-start": a.range_start,
+      "data-range-end": a.range_end,
+      "data-range-middle": a.range_middle,
+      className: e(
+        "data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white",
+        "data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white",
+        "data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white",
+        "data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white",
+        "flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative",
+        "group-data-[focused=true]/day:z-10",
+        "data-[range-end=true]:rounded-r",
+        "data-[range-middle=true]:rounded-none",
+        "data-[range-start=true]:rounded-l",
+        "[&>span]:text-xs [&>span]:opacity-64",
+        c.day,
+        i
       ),
-      ...o
+      ...l
     }
   );
 }
 export {
-  m as Badge,
-  g as badgeVariants
+  C as Calendar,
+  _ as CalendarDayButton
 };
 //# sourceMappingURL=index7.js.map

package/dist/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.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,MACb;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;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,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAMA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AAEX,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV,EAAc,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU;AAAA,QACjDJ;AAAA,MACF;AAAA,MACC,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index7.js","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: date =>\n          date.toLocaleString('default', { month: 'short' }),\n        ...formatters\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn(\n          'flex gap-16 flex-col md:flex-row relative',\n          defaultClassNames.months\n        ),\n        month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n        nav: cn(\n          'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          'absolute bg-gray-900/48 inset-0 opacity-0',\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          'select-none',\n          captionLayout === 'label'\n            ? 'text-lg'\n            : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n          defaultClassNames.weekday\n        ),\n        week: cn('flex w-full mt-8', defaultClassNames.week),\n        week_number_header: cn(\n          'select-none w-(--cell-size)',\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          'text-[0.8rem] select-none text-gray-900',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          'rounded-l bg-purple-800 text-white',\n          defaultClassNames.range_start\n        ),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn(\n          'rounded-r bg-purple-800 text-white',\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          'shadow-100 rounded aria-selected:shadow-none',\n          defaultClassNames.today\n        ),\n        outside: cn(\n          'text-gray-900 aria-selected:text-gray-900',\n          defaultClassNames.outside\n        ),\n        disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return (\n              <ChevronLeftIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          if (orientation === 'right') {\n            return (\n              <ChevronRightIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn('size-16', className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n        'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n        'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n        'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n        'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        'data-[range-end=true]:rounded-r',\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-l',\n        '[&>span]:text-xs [&>span]:opacity-64',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}

package/dist/index8.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index40.cjs"),g=require("@radix-ui/react-slot"),p=require("class-variance-authority"),f=require("react"),b=require("./index41.cjs");function v(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const y=v(f),i=p.cva("inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{filled:"",outline:"border",ghost:"",link:""},intent:{primary:"",secondary:"",warning:"",danger:"",filter:""},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-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"},{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:"filled",intent:"filter",className:"bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"},{variant:"outline",intent:"primary",className:"text-purple-700 fill-purple-700 border-purple-700"},{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",intent:"filter",className:"text-purple-600 fill-purple-600 border-purple-400"},{variant:["outline","ghost"],intent:"primary",className:"hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"},{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:"bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"danger",className:"bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"filter",className:"bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:"ghost",intent:"primary",className:"text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"},{variant:"link",intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-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"},{variant:["ghost","link"],intent:"filter",className:"text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"}],defaultVariants:{variant:"filled",intent:"primary",size:"md"}}),r=y.forwardRef(({className:e,variant:a,intent:t,size:l,asChild:n=!1,...o},s)=>{const c=n?g.Slot:"button";return u.jsxRuntimeExports.jsx(c,{className:b.cn(i({variant:a,intent:t,size:l,className:e})),ref:s,...o})});r.displayName="Button";exports.Button=r;exports.buttonVariants=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),e=require("./index39.cjs");function s({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card",className:e.cn("bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24",t),...r})}function n({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-header",className:e.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-4 px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24",t),...r})}function o({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-title",className:e.cn("leading-none font-medium",t),...r})}function d({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-description",className:e.cn("text-gray-700 text-sm",t),...r})}function i({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-action",className:e.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",t),...r})}function c({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-content",className:e.cn("px-24",t),...r})}function u({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-footer",className:e.cn("flex items-center px-24 [.border-t]:pt-24",t),...r})}exports.Card=s;exports.CardAction=i;exports.CardContent=c;exports.CardDescription=d;exports.CardFooter=u;exports.CardHeader=n;exports.CardTitle=o;
 //# sourceMappingURL=index8.cjs.map

package/dist/index8.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index8.cjs","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 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        filter: ''\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-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\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: 'filled',\n        intent: 'filter',\n        className:\n          'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n      },\n      {\n        variant: 'outline',\n        intent: 'primary',\n        className: 'text-purple-700 fill-purple-700 border-purple-700'\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',\n        intent: 'filter',\n        className: 'text-purple-600 fill-purple-600 border-purple-400'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'primary',\n        className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\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          'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'danger',\n        className:\n          'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'filter',\n        className:\n          'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: 'ghost',\n        intent: 'primary',\n        className:\n          'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n      },\n      {\n        variant: 'link',\n        intent: 'primary',\n        className:\n          'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-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        variant: ['ghost', 'link'],\n        intent: 'filter',\n        className:\n          'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\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":"igBAKMA,EAAiBC,EAAA,IACrB,2KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EACR,EACA,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EACjB,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGACJ,EACA,CACE,QAAS,SACT,OAAQ,YACR,UACE,2GACJ,EACA,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,sGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,4GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,YACR,UACE,8GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UAAW,4DACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+DACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,uFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,wFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uFACJ,EACA,CACE,QAAS,QACT,OAAQ,UACR,UACE,uKACJ,EACA,CACE,QAAS,OACT,OAAQ,UACR,UACE,+LACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wJACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,4KACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,oLACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,4KACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAQMC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAAQ,CAClE,MAAAC,EAAOH,EAAUI,EAAO,KAAA,SAE5B,OAAAC,EAAA,kBAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGd,EAAe,CAAE,QAAAK,EAAS,OAAAC,EAAQ,KAAAC,EAAM,UAAAH,CAAU,CAAC,CAAC,EAClE,IAAAM,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EACAP,EAAO,YAAc"}
+{"version":3,"file":"index8.cjs","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-4 px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('leading-none font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('text-gray-700 text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-24', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle\n}\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":"4IAGA,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAClE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,OACV,UAAWC,EAAAA,GACT,uEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,6JACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAsC,CACvE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,2BAA4BH,CAAS,EAClD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAC7E,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAAA,GAAG,wBAAyBH,CAAS,EAC/C,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAW,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,iEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CACzE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,QAASH,CAAS,EAC/B,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAW,CAAE,UAAAT,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,4CAA6CH,CAAS,EACnE,GAAGC,CAAA,CAAA,CAGV"}

package/dist/index8.js

@@ -1,161 +1,91 @@
-import { j as s } from "./index40.js";
-import { Slot as p } from "@radix-ui/react-slot";
-import { cva as g } from "class-variance-authority";
-import * as c from "react";
-import { cn as u } from "./index41.js";
-const f = g(
-  "inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
-  {
-    variants: {
-      variant: {
-        filled: "",
-        outline: "border",
-        ghost: "",
-        link: ""
-      },
-      intent: {
-        primary: "",
-        secondary: "",
-        warning: "",
-        danger: "",
-        filter: ""
-      },
-      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-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"
-      },
-      {
-        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: "filled",
-        intent: "filter",
-        className: "bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"
-      },
-      {
-        variant: "outline",
-        intent: "primary",
-        className: "text-purple-700 fill-purple-700 border-purple-700"
-      },
-      {
-        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",
-        intent: "filter",
-        className: "text-purple-600 fill-purple-600 border-purple-400"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "primary",
-        className: "hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"
-      },
-      {
-        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: "bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "danger",
-        className: "bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "filter",
-        className: "bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
-      },
-      {
-        variant: "ghost",
-        intent: "primary",
-        className: "text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"
-      },
-      {
-        variant: "link",
-        intent: "primary",
-        className: "text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-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"
-      },
-      {
-        variant: ["ghost", "link"],
-        intent: "filter",
-        className: "text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"
-      }
-    ],
-    defaultVariants: {
-      variant: "filled",
-      intent: "primary",
-      size: "md"
+import { j as r } from "./index37.js";
+import { cn as e } from "./index39.js";
+function d({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: e(
+        "bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24",
+        t
+      ),
+      ...a
     }
-  }
-), v = c.forwardRef(
-  ({ className: e, variant: t, intent: a, size: l, asChild: i = !1, ...r }, n) => {
-    const o = i ? p : "button";
-    return /* @__PURE__ */ s.jsx(
-      o,
-      {
-        className: u(f({ variant: t, intent: a, size: l, className: e })),
-        ref: n,
-        ...r
-      }
-    );
-  }
-);
-v.displayName = "Button";
+  );
+}
+function n({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: e(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-4 px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function i({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: e("leading-none font-medium", t),
+      ...a
+    }
+  );
+}
+function c({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: e("text-gray-700 text-sm", t),
+      ...a
+    }
+  );
+}
+function l({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: e(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function u({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: e("px-24", t),
+      ...a
+    }
+  );
+}
+function f({ className: t, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: e("flex items-center px-24 [.border-t]:pt-24", t),
+      ...a
+    }
+  );
+}
 export {
-  v as Button,
-  f as buttonVariants
+  d as Card,
+  l as CardAction,
+  u as CardContent,
+  c as CardDescription,
+  f as CardFooter,
+  n as CardHeader,
+  i as CardTitle
 };
 //# sourceMappingURL=index8.js.map