@incognia/cosmik 1.0.11 → 1.1.1

package/dist/index7.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index7.cjs","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-semibold 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        '[&>span]:text-xs [&>span]:opacity-64',\n        'rounded-none',\n        'data-[selected-single=true]:rounded', // single-date selection\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-l',\n        'data-[range-end=true]:rounded-r',\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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"}
+{"version":3,"file":"index7.cjs","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(\n  func: F,\n  waitFor: number\n) {\n  let timeout: ReturnType<typeof setTimeout>\n\n  const debounced = (...args: Parameters<F>) => {\n    clearTimeout(timeout)\n    timeout = setTimeout(() => func(...args), waitFor)\n  }\n\n  return debounced\n}\n"],"mappings":"0DAGA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAO,EAAA,QAAQ,EAAA,QAAK,CAAM,CAAC,CAC7B,CAEA,SAAgB,EACd,EACA,EACA,CACA,IAAI,EAOJ,OALmB,GAAG,IAAwB,CAC5C,aAAa,CAAO,EACpB,EAAU,eAAiB,EAAK,GAAG,CAAI,EAAG,CAAO,CACnD,CAGF"}

package/dist/index7.js

@@ -1,198 +1,62 @@
-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: u,
-  classNames: i,
-  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`,
-        u
-      ),
-      captionLayout: l,
-      formatters: {
-        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
-        ...c
-      },
-      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-semibold 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),
-        ...i
-      },
-      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
-      },
-      ...x
-    }
-  );
+import { cva as e } from "./index4.js";
+import { cn as t } from "./index6.js";
+import { LucideAlertCircle as n, LucideAlertTriangle as r, LucideCheck as i, LucideInfo as a } from "lucide-react";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/Alert/index.tsx
+var c = e("relative w-full rounded flex items-center [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			info: "bg-gray-900/8 [&>svg]:text-gray-700",
+			success: "bg-green-50 [&>svg]:text-green-500",
+			error: "bg-magenta-50 [&>svg]:text-magenta-500",
+			warning: "bg-yellow-50 [&>svg]:text-yellow-500"
+		},
+		size: {
+			sm: "py-8 px-12 gap-x-8",
+			md: "p-16 gap-x-12"
+		}
+	},
+	defaultVariants: {
+		variant: "info",
+		size: "md"
+	}
+}), l = {
+	info: /* @__PURE__ */ o(a, {}),
+	success: /* @__PURE__ */ o(i, {}),
+	error: /* @__PURE__ */ o(n, {}),
+	warning: /* @__PURE__ */ o(r, {})
+};
+function u({ className: e, variant: n, size: r, icon: i, children: a, ...u }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: t(c({
+			variant: n,
+			size: r
+		}), e),
+		...u,
+		children: [i || (n ? l[n] : null), /* @__PURE__ */ o("div", {
+			className: "block w-full",
+			children: a
+		})]
+	});
 }
-function _({
-  className: u,
-  day: i,
-  modifiers: a,
-  ...l
-}) {
-  const c = f(), d = g.useRef(null);
-  return g.useEffect(() => {
-    a.focused && d.current?.focus();
-  }, [a.focused]), /* @__PURE__ */ n.jsx(
-    y,
-    {
-      ref: d,
-      variant: "ghost",
-      size: "icon",
-      "data-day": i.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",
-        "[&>span]:text-xs [&>span]:opacity-64",
-        "rounded-none",
-        "data-[selected-single=true]:rounded",
-        // single-date selection
-        "data-[range-middle=true]:rounded-none",
-        "data-[range-start=true]:rounded-l",
-        "data-[range-end=true]:rounded-r",
-        c.day,
-        u
-      ),
-      ...l
-    }
-  );
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ o("h3", {
+		"data-slot": "alert-title",
+		className: t("col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight", e),
+		...n
+	});
 }
-export {
-  C as Calendar,
-  _ as CalendarDayButton
-};
-//# sourceMappingURL=index7.js.map
+function f({ className: e, ...n }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "alert-description",
+		className: t("col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed", e),
+		...n
+	});
+}
+//#endregion
+export { u as Alert, f as AlertDescription, d as AlertTitle };
+
+//# sourceMappingURL=index7.js.map

package/dist/index7.js.map

@@ -1 +1 @@
-{"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-semibold 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        '[&>span]:text-xs [&>span]:opacity-64',\n        'rounded-none',\n        'data-[selected-single=true]:rounded', // single-date selection\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-l',\n        'data-[range-end=true]:rounded-r',\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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"}
+{"version":3,"file":"index7.js","names":[],"sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n  LucideAlertCircle,\n  LucideAlertTriangle,\n  LucideCheck,\n  LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n  'relative w-full rounded flex items-center [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n        success: 'bg-green-50 [&>svg]:text-green-500',\n        error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n        warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n      },\n      size: {\n        sm: 'py-8 px-12 gap-x-8',\n        md: 'p-16 gap-x-12'\n      }\n    },\n    defaultVariants: {\n      variant: 'info',\n      size: 'md'\n    }\n  }\n)\n\nconst VariantToLucideIcon = {\n  info: <LucideInfo />,\n  success: <LucideCheck />,\n  error: <LucideAlertCircle />,\n  warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n  className,\n  variant,\n  size,\n  icon,\n  children,\n  ...props\n}: React.ComponentProps<'div'> &\n  VariantProps<typeof alertVariants> & {\n    icon?: React.ReactNode\n  }) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon || (variant ? VariantToLucideIcon[variant] : null)}\n      <div className=\"block w-full\">{children}</div>\n    </div>\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"mappings":";;;;;;AAUA,IAAM,IAAgB,EACpB,8DACA;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,SAAS;GACT,OAAO;GACP,SAAS;EACX;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF,GAEM,IAAsB;CAC1B,MAAM,kBAAC,GAAD,CAAa,CAAA;CACnB,SAAS,kBAAC,GAAD,CAAc,CAAA;CACvB,OAAO,kBAAC,GAAD,CAAoB,CAAA;CAC3B,SAAS,kBAAC,GAAD,CAAsB,CAAA;AACjC;AAEA,SAAS,EAAM,EACb,cACA,YACA,SACA,SACA,aACA,GAAG,KAIA;CACH,OACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,EAAG,EAAc;GAAE;GAAS;EAAK,CAAC,GAAG,CAAS;EACzD,GAAI;YAJN,CAMG,MAAS,IAAU,EAAoB,KAAW,OACnD,kBAAC,OAAD;GAAK,WAAU;GAAgB;EAAc,CAAA,CAC1C;;AAET;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAqC;CACvE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,kEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,oEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/index8.cjs

@@ -1,2 +1,2 @@
-"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 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("h3",{"data-slot":"card-title",className:e.cn("leading-none font-semibold",t),...r})}function d({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-description",className:e.cn("text-gray-700 text-sm mt-4",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
+const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=t.cva(`relative w-full rounded flex items-center [&>svg]:shrink-0`,{variants:{variant:{info:`bg-gray-900/8 [&>svg]:text-gray-700`,success:`bg-green-50 [&>svg]:text-green-500`,error:`bg-magenta-50 [&>svg]:text-magenta-500`,warning:`bg-yellow-50 [&>svg]:text-yellow-500`},size:{sm:`py-8 px-12 gap-x-8`,md:`p-16 gap-x-12`}},defaultVariants:{variant:`info`,size:`md`}}),s={info:(0,a.jsx)(r.LucideInfo,{}),success:(0,a.jsx)(r.LucideCheck,{}),error:(0,a.jsx)(r.LucideAlertCircle,{}),warning:(0,a.jsx)(r.LucideAlertTriangle,{})};function c({className:e,variant:t,size:r,icon:i,children:c,...l}){return(0,a.jsxs)(`div`,{"data-slot":`alert`,role:`alert`,className:n.cn(o({variant:t,size:r}),e),...l,children:[i||(t?s[t]:null),(0,a.jsx)(`div`,{className:`block w-full`,children:c})]})}function l({className:e,...t}){return(0,a.jsx)(`h3`,{"data-slot":`alert-title`,className:n.cn(`col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight`,e),...t})}function u({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-description`,className:n.cn(`col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed`,e),...t})}exports.Alert=c,exports.AlertDescription=u,exports.AlertTitle=l;
+//# sourceMappingURL=index8.cjs.map

package/dist/index8.cjs.map

@@ -1 +1 @@
-{"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 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<'h3'>) {\n  return (\n    <h3\n      data-slot=\"card-title\"\n      className={cn('leading-none font-semibold', 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 mt-4', 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,uJACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAC7E,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,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"}
+{"version":3,"file":"index8.cjs","names":[],"sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n  LucideAlertCircle,\n  LucideAlertTriangle,\n  LucideCheck,\n  LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n  'relative w-full rounded flex items-center [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n        success: 'bg-green-50 [&>svg]:text-green-500',\n        error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n        warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n      },\n      size: {\n        sm: 'py-8 px-12 gap-x-8',\n        md: 'p-16 gap-x-12'\n      }\n    },\n    defaultVariants: {\n      variant: 'info',\n      size: 'md'\n    }\n  }\n)\n\nconst VariantToLucideIcon = {\n  info: <LucideInfo />,\n  success: <LucideCheck />,\n  error: <LucideAlertCircle />,\n  warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n  className,\n  variant,\n  size,\n  icon,\n  children,\n  ...props\n}: React.ComponentProps<'div'> &\n  VariantProps<typeof alertVariants> & {\n    icon?: React.ReactNode\n  }) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon || (variant ? VariantToLucideIcon[variant] : null)}\n      <div className=\"block w-full\">{children}</div>\n    </div>\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"mappings":"yLAUA,IAAM,EAAgB,EAAA,IACpB,6DACA,CACE,SAAU,CACR,QAAS,CACP,KAAM,sCACN,QAAS,qCACT,MAAO,yCACP,QAAS,sCACX,EACA,KAAM,CACJ,GAAI,qBACJ,GAAI,eACN,CACF,EACA,gBAAiB,CACf,QAAS,OACT,KAAM,IACR,CACF,CACF,EAEM,EAAsB,CAC1B,MAAM,EAAA,EAAA,KAAC,EAAA,WAAD,CAAa,CAAA,EACnB,SAAS,EAAA,EAAA,KAAC,EAAA,YAAD,CAAc,CAAA,EACvB,OAAO,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,EAC3B,SAAS,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAsB,CAAA,CACjC,EAEA,SAAS,EAAM,CACb,YACA,UACA,OACA,OACA,WACA,GAAG,GAIA,CACH,OACE,EAAA,EAAA,MAAC,MAAD,CACE,YAAU,QACV,KAAK,QACL,UAAW,EAAA,GAAG,EAAc,CAAE,UAAS,MAAK,CAAC,EAAG,CAAS,EACzD,GAAI,WAJN,CAMG,IAAS,EAAU,EAAoB,GAAW,OACnD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,eAAgB,UAAc,CAAA,CAC1C,GAET,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAqC,CACvE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,iEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,oBACV,UAAW,EAAA,GACT,mEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/index8.js

@@ -1,91 +1,157 @@
-import { j as a } from "./index37.js";
-import { cn as e } from "./index39.js";
-function d({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: e(
-        "bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24",
-        t
-      ),
-      ...r
-    }
-  );
+import { cva as e } from "./index4.js";
+import { cn as t } from "./index6.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as r } from "@radix-ui/react-slot";
+//#region src/Button/index.tsx
+var i = e("inline-flex items-center justify-center rounded text-base font-semibold 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 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-50 active:bg-purple-100"
+		},
+		{
+			variant: ["outline", "ghost"],
+			intent: "secondary",
+			className: "hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:text-purple-800 data-[state=open]: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 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800"
+		}
+	],
+	defaultVariants: {
+		variant: "filled",
+		intent: "primary",
+		size: "md"
+	}
+});
+function a({ className: e, variant: a, size: o, intent: s, asChild: c = !1, ...l }) {
+	return /* @__PURE__ */ n(c ? r : "button", {
+		"data-slot": "button",
+		className: t(i({
+			variant: a,
+			size: o,
+			intent: s,
+			className: e
+		})),
+		...l
+	});
 }
-function n({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: e(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24",
-        t
-      ),
-      ...r
-    }
-  );
-}
-function i({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "h3",
-    {
-      "data-slot": "card-title",
-      className: e("leading-none font-semibold", t),
-      ...r
-    }
-  );
-}
-function c({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "card-description",
-      className: e("text-gray-700 text-sm mt-4", t),
-      ...r
-    }
-  );
-}
-function l({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "card-action",
-      className: e(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        t
-      ),
-      ...r
-    }
-  );
-}
-function u({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: e("px-24", t),
-      ...r
-    }
-  );
-}
-function f({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: e("flex items-center px-24 [.border-t]:pt-24", t),
-      ...r
-    }
-  );
-}
-export {
-  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
+//#endregion
+export { a as Button, i as buttonVariants };
+
+//# sourceMappingURL=index8.js.map