@incognia/cosmik 1.0.10 → 2.0.0-alpha.0

package/dist/index12.js

@@ -1,229 +1,157 @@
-import { j as t } from "./index37.js";
-import * as n from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as d, CircleIcon as i, ChevronRightIcon as u } from "lucide-react";
-import { cn as r } from "./index39.js";
-function m({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Root, { "data-slot": "dropdown-menu", ...e });
+import { cva as e } from "./index5.js";
+import { cn as t } from "./index7.js";
+import { require_jsx_runtime as n } from "./index10.js";
+import "react";
+import { Slot as r } from "@radix-ui/react-slot";
+//#region src/Button/index.tsx
+var i = n(), a = e("inline-flex items-center justify-center rounded text-md 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-orange-500 text-white fill-white hover:bg-orange-600 focus:bg-orange-600 data-[state=open]:bg-orange-600 active:bg-orange-700"
+		},
+		{
+			variant: "filled",
+			intent: "danger",
+			className: "bg-red-500 text-white fill-white hover:bg-red-600 focus:bg-red-600 data-[state=open]:bg-red-600 active:bg-red-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-orange-500 fill-orange-500 border-orange-500"
+		},
+		{
+			variant: "outline",
+			intent: "danger",
+			className: "text-red-500 fill-red-500 border-red-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-orange-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-red-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-orange-500 fill-orange-500 hover:text-orange-600 hover:fill-orange-600 focus:text-orange-600 focus:fill-orange-600 data-[state=open]:text-orange-600 data-[state=open]:fill-orange-600 active:text-orange-700 active:fill-orange-700"
+		},
+		{
+			variant: ["ghost", "link"],
+			intent: "danger",
+			className: "text-red-500 fill-red-500 hover:text-red-600 hover:fill-red-600 focus:text-red-600 focus:fill-red-600 data-[state=open]:text-red-600 data-[state=open]:fill-red-600 active:text-red-700 active:fill-red-700"
+		},
+		{
+			variant: ["ghost", "link"],
+			intent: "filter",
+			className: "text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-purple-700 focus:text-purple-700 focus:fill-purple-700 data-[state=open]:text-purple-700 data-[state=open]:fill-purple-700 active:text-purple-800 active:fill-purple-800"
+		}
+	],
+	defaultVariants: {
+		variant: "filled",
+		intent: "primary",
+		size: "md"
+	}
+});
+function o({ className: e, variant: n, size: o, intent: s, asChild: c = !1, ...l }) {
+	return /* @__PURE__ */ (0, i.jsx)(c ? r : "button", {
+		"data-slot": "button",
+		className: t(a({
+			variant: n,
+			size: o,
+			intent: s,
+			className: e
+		})),
+		...l
+	});
 }
-function g({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
-}
-function f({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...e
-    }
-  );
-}
-function x({
-  className: e,
-  sideOffset: o = 4,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
-    n.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset: o,
-      className: r(
-        "bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200",
-        e
-      ),
-      ...a
-    }
-  ) });
-}
-function b({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
-}
-function w({
-  className: e,
-  inset: o,
-  variant: a = "default",
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": o,
-      "data-variant": a,
-      className: r(
-        "focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
-        e
-      ),
-      ...s
-    }
-  );
-}
-function v({
-  className: e,
-  children: o,
-  checked: a,
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    n.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: r(
-        "focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
-        e
-      ),
-      checked: a,
-      ...s,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-8 flex size-[14px] items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { className: "size-16" }) }) }),
-        o
-      ]
-    }
-  );
-}
-function h({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...e
-    }
-  );
-}
-function y({
-  className: e,
-  children: o,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    n.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: r(
-        "focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
-        e
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-8 flex size-[14px] items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { className: "size-8 fill-gray-900" }) }) }),
-        o
-      ]
-    }
-  );
-}
-function j({
-  className: e,
-  inset: o,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": o,
-      className: r(
-        "px-16 py-8 text-base font-semibold data-[inset]:pl-32",
-        e
-      ),
-      ...a
-    }
-  );
-}
-function z({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: r("bg-gray-900/8 h-px", e),
-      ...o
-    }
-  );
-}
-function D({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: r("ml-auto text-sm tracking-widest opacity-40", e),
-      ...o
-    }
-  );
-}
-function M({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
-}
-function N({
-  className: e,
-  inset: o,
-  children: a,
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    n.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": o,
-      className: r(
-        "focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32",
-        e
-      ),
-      ...s,
-      children: [
-        a,
-        /* @__PURE__ */ t.jsx(u, { className: "ml-auto size-16" })
-      ]
-    }
-  );
-}
-function I({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: r(
-        "bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200",
-        e
-      ),
-      ...o
-    }
-  );
-}
-export {
-  m as DropdownMenu,
-  v as DropdownMenuCheckboxItem,
-  x as DropdownMenuContent,
-  b as DropdownMenuGroup,
-  w as DropdownMenuItem,
-  j as DropdownMenuLabel,
-  g as DropdownMenuPortal,
-  h as DropdownMenuRadioGroup,
-  y as DropdownMenuRadioItem,
-  z as DropdownMenuSeparator,
-  D as DropdownMenuShortcut,
-  M as DropdownMenuSub,
-  I as DropdownMenuSubContent,
-  N as DropdownMenuSubTrigger,
-  f as DropdownMenuTrigger
-};
-//# sourceMappingURL=index12.js.map
+//#endregion
+export { o as Button, a as buttonVariants };
+
+//# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-8 fill-gray-900\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'px-16 py-8 text-base font-semibold data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-gray-900/8 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-16\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
+{"version":3,"file":"index12.js","names":[],"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-md font-semibold 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 data-[state=open]: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 data-[state=open]:bg-gray-900/12 active:bg-gray-900/16'\n      },\n      {\n        variant: 'filled',\n        intent: 'warning',\n        className:\n          'bg-orange-500 text-white fill-white hover:bg-orange-600 focus:bg-orange-600 data-[state=open]:bg-orange-600 active:bg-orange-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'danger',\n        className:\n          'bg-red-500 text-white fill-white hover:bg-red-600 focus:bg-red-600 data-[state=open]:bg-red-600 active:bg-red-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 data-[state=open]: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 data-[state=open]:bg-gray-900/8 active:bg-gray-900/12'\n      },\n      {\n        variant: 'outline',\n        intent: 'warning',\n        className: 'text-orange-500 fill-orange-500 border-orange-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'danger',\n        className: 'text-red-500 fill-red-500 border-red-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:\n          'hover:bg-purple-50 focus:bg-purple-50 data-[state=open]: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 data-[state=open]:bg-gray-900/8 active:bg-gray-900/12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'warning',\n        className:\n          'bg-orange-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 data-[state=open]:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'danger',\n        className:\n          'bg-red-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 data-[state=open]: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 data-[state=open]: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 data-[state=open]:text-purple-800 data-[state=open]: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 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'warning',\n        className:\n          'text-orange-500 fill-orange-500 hover:text-orange-600 hover:fill-orange-600 focus:text-orange-600 focus:fill-orange-600 data-[state=open]:text-orange-600 data-[state=open]:fill-orange-600 active:text-orange-700 active:fill-orange-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'danger',\n        className:\n          'text-red-500 fill-red-500 hover:text-red-600 hover:fill-red-600 focus:text-red-600 focus:fill-red-600 data-[state=open]:text-red-600 data-[state=open]:fill-red-600 active:text-red-700 active:fill-red-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-purple-700 focus:text-purple-700 focus:fill-purple-700 data-[state=open]:text-purple-700 data-[state=open]: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 type ButtonProps = React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }\n\nfunction Button({\n  className,\n  variant,\n  size,\n  intent,\n  asChild = false,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, intent, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;;aAKM,IAAiB,EACrB,4KACA;CACE,UAAU;EACR,SAAS;GACP,QAAQ;GACR,SAAS;GACT,OAAO;GACP,MAAM;EACR;EACA,QAAQ;GACN,SAAS;GACT,WAAW;GACX,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,eAAe;EACjB;CACF;CACA,kBAAkB;EAChB;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WAAW;EACb;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WAAW;EACb;EACA;GACE,SAAS;GACT,QAAQ;GACR,WAAW;EACb;EACA;GACE,SAAS;GACT,QAAQ;GACR,WAAW;EACb;EACA;GACE,SAAS,CAAC,WAAW,OAAO;GAC5B,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,WAAW,OAAO;GAC5B,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,WAAW,OAAO;GAC5B,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,WAAW,OAAO;GAC5B,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,WAAW,OAAO;GAC5B,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS;GACT,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,SAAS,MAAM;GACzB,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,SAAS,MAAM;GACzB,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,SAAS,MAAM;GACzB,QAAQ;GACR,WACE;EACJ;EACA;GACE,SAAS,CAAC,SAAS,MAAM;GACzB,QAAQ;GACR,WACE;EACJ;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF,CACF;AAOA,SAAS,EAAO,EACd,cACA,YACA,SACA,WACA,aAAU,IACV,GAAG,KACW;CAGd,OACE,iBAAA,GAAA,EAAA,KAHW,IAAU,IAAO,UAG5B;EACE,aAAU;EACV,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;GAAQ;EAAU,CAAC,CAAC;EAClE,GAAI;CACL,CAAA;AAEL"}

package/dist/index13.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),q=require("lucide-react"),m=require("react"),u=require("./index6.cjs"),c=require("./index20.cjs"),B=require("./index39.cjs");function O({children:j,label:g,selectedLabel:x,trigger:h,i18n:s,value:n,onOpenChange:E,onApply:o,contentProps:R={},buttonProps:v={},clearable:d=!0,...y}){const[C,p]=m.useState(!1),[i,r]=m.useState(n||null),N=n?x?x(n):n.toString():g,T=e.jsxRuntimeExports.jsxs(u.Button,{variant:n?"filled":"outline",intent:n?"filter":"secondary",size:"sm",className:B.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!n}),...v,children:[N,d&&n&&e.jsxRuntimeExports.jsx(q.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:t=>{t.preventDefault(),r(null),o?.(void 0)}})]});function f(){o?.(i??void 0),p(!1)}return e.jsxRuntimeExports.jsxs(c.Popover,{open:C,onOpenChange:t=>{E?.(t),t||o?.(i??void 0),t&&r(n??null),p(t)},...y,children:[e.jsxRuntimeExports.jsx(c.PopoverTrigger,{asChild:!0,children:h||T}),e.jsxRuntimeExports.jsx(c.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...R,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{onKeyDown:t=>{if(t.defaultPrevented||t.key!=="Enter")return;const l=t.target;if(!l)return;const a=l.tagName,w=a==="INPUT",b=a==="TEXTAREA",k=a==="BUTTON",P=l.isContentEditable;!w||b||k||P||(t.preventDefault(),t.stopPropagation(),f())},children:j({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[d&&i&&s.clear&&e.jsxRuntimeExports.jsx(u.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>r(null),children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(u.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"button",onClick:t=>{t.preventDefault(),f()},children:s.apply})]})]})})]})}exports.Filter=O;
-//# sourceMappingURL=index13.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs"),i=require("./index12.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("@radix-ui/react-alert-dialog");o=e.__toESM(o,1);var s=r.default;function c({...e}){return(0,s.jsx)(o.Root,{"data-slot":`alert-dialog`,...e})}function l({...e}){return(0,s.jsx)(o.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function u({...e}){return(0,s.jsx)(o.Portal,{"data-slot":`alert-dialog-portal`,...e})}function d({className:e,...t}){return(0,s.jsx)(o.Overlay,{"data-slot":`alert-dialog-overlay`,className:n.cn(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48`,e),...t})}function f({className:e,...t}){return(0,s.jsxs)(u,{children:[(0,s.jsx)(d,{}),(0,s.jsx)(o.Content,{"data-slot":`alert-dialog-content`,className:n.cn(`bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]`,e),...t})]})}function p({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:n.cn(`flex flex-col gap-8 text-left font-display`,e),...t})}function m({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:n.cn(`flex gap-8 flex-row justify-end`,e),...t})}var h=t.cva(`flex items-center text-lg font-semibold`,{variants:{intent:{default:`text-gray-800`,warning:`text-orange-600`,danger:`text-red-600`}},defaultVariants:{intent:`default`}});function g({className:e,intent:t,...r}){return(0,s.jsx)(o.Title,{"data-slot":`alert-dialog-title`,className:n.cn(h({intent:t}),e),...r})}function _({className:e,...t}){return(0,s.jsx)(o.Description,{"data-slot":`alert-dialog-description`,className:n.cn(`text-md text-gray-900`,e),...t})}function v({className:e,intent:t,...r}){return(0,s.jsx)(o.Action,{className:n.cn(i.buttonVariants({intent:t}),e),...r})}function y({className:e,...t}){return(0,s.jsx)(o.Cancel,{className:n.cn(i.buttonVariants({intent:`secondary`}),e),...t})}exports.AlertDialog=c,exports.AlertDialogAction=v,exports.AlertDialogCancel=y,exports.AlertDialogContent=f,exports.AlertDialogDescription=_,exports.AlertDialogFooter=m,exports.AlertDialogHeader=p,exports.AlertDialogTitle=g,exports.AlertDialogTrigger=l;
+//# sourceMappingURL=index13.cjs.map

package/dist/index13.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index13.cjs","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n  clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  clearable = true,\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {clearable && value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  function handleApply() {\n    onApply?.(localValue ?? undefined)\n    setIsOpen(false)\n  }\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue ?? undefined)\n        if (open) setLocalValue(value ?? null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <div>\n          <div\n            onKeyDown={e => {\n              if (e.defaultPrevented) return\n              if (e.key !== 'Enter') return\n              const target = e.target as HTMLElement | null\n              if (!target) return\n              const tagName = target.tagName\n              const isInput = tagName === 'INPUT'\n              const isTextarea = tagName === 'TEXTAREA'\n              const isButton = tagName === 'BUTTON'\n              const isContentEditable = target.isContentEditable\n              // Only apply on Enter from filter input fields, not from buttons,\n              // textareas, or other interactive/contenteditable elements.\n              if (!isInput || isTextarea || isButton || isContentEditable) {\n                return\n              }\n              e.preventDefault()\n              e.stopPropagation()\n              handleApply()\n            }}\n          >\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {clearable && localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => setLocalValue(null)}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={e => {\n                  e.preventDefault()\n                  handleApply()\n                }}\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":"8OA0CA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAA,EACf,YAAAC,EAAc,CAAA,EACd,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBT,GAAS,IAAI,EAEpEY,EAAcZ,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,WACRJ,EAEEiB,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,QAASf,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWgB,EAAAA,GACT,yEACA,CACE,QAAS,CAAC,CAAChB,CAAA,CACb,EAED,GAAGI,EAEH,SAAA,CAAAQ,EACAP,GAAaL,GACZiB,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,iDACV,QAASC,GAAK,CACZA,EAAE,eAAA,EACFR,EAAc,IAAI,EAClBT,IAAU,MAAS,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,EAKN,SAASkB,GAAc,CACrBlB,IAAUQ,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,CAEA,OACEM,EAAAA,kBAAAA,KAACO,EAAAA,QAAA,CACC,KAAMd,EACN,aAAce,GAAQ,CACpBrB,IAAeqB,CAAI,EACdA,GAAMpB,IAAUQ,GAAc,MAAS,EACxCY,GAAMX,EAAcX,GAAS,IAAI,EACrCQ,EAAUc,CAAI,CAChB,EACC,GAAGhB,EAEJ,SAAA,CAAAW,EAAAA,kBAAAA,IAACM,EAAAA,eAAA,CAAe,QAAO,GAAE,SAAAzB,GAAWe,EAAe,EACnDI,EAAAA,kBAAAA,IAACO,EAAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGrB,EAEJ,kCAAC,MAAA,CACC,SAAA,CAAAc,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWE,GAAK,CAEd,GADIA,EAAE,kBACFA,EAAE,MAAQ,QAAS,OACvB,MAAMM,EAASN,EAAE,OACjB,GAAI,CAACM,EAAQ,OACb,MAAMC,EAAUD,EAAO,QACjBE,EAAUD,IAAY,QACtBE,EAAaF,IAAY,WACzBG,EAAWH,IAAY,SACvBI,EAAoBL,EAAO,kBAG7B,CAACE,GAAWC,GAAcC,GAAYC,IAG1CX,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFC,EAAA,EACF,EAEC,SAAAzB,EAAS,CACR,eAAgBgB,EAChB,YAAaD,CAAA,CACd,CAAA,CAAA,EAEHI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAT,GAAaK,GAAcX,EAAK,OAC/BkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAMJ,EAAc,IAAI,EAEhC,SAAAZ,EAAK,KAAA,CAAA,EAGTA,EAAK,OACJkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SACL,QAASI,GAAK,CACZA,EAAE,eAAA,EACFC,EAAA,CACF,EAEC,SAAArB,EAAK,KAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index13.cjs","names":[],"sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-8 text-left font-display', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn('flex gap-8 flex-row justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-orange-600',\n      danger: 'text-red-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nfunction AlertDialogTitle({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n  intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(titleVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-md text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ intent: 'secondary' }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"mappings":"8QAQA,SAAS,EAAY,CACnB,GAAG,GACsD,CACzD,OAAO,EAAA,EAAA,KAAC,EAAqB,KAAtB,CAA2B,YAAU,eAAe,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,EAAmB,CAC1B,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CAA8B,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CAE/E,CAEA,SAAS,EAAkB,CACzB,GAAG,GACwD,CAC3D,OACE,EAAA,EAAA,KAAC,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAE7E,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,4JACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAqB,CAAA,GACrB,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,4UACA,CACF,EACA,GAAI,CACL,CAAA,CACgB,CAAA,CAAA,CAEvB,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,GAAG,6CAA8C,CAAS,EACrE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,GAAG,kCAAmC,CAAS,EAC1D,GAAI,CACL,CAAA,CAEL,CAEA,IAAM,EAAgB,EAAA,IAAI,0CAA2C,CACnE,SAAU,CACR,OAAQ,CACN,QAAS,gBACT,QAAS,kBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,OAAQ,SACV,CACF,CAAC,EAED,SAAS,EAAiB,CACxB,YACA,SACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAqB,MAAtB,CACE,YAAU,qBACV,UAAW,EAAA,GAAG,EAAc,CAAE,QAAO,CAAC,EAAG,CAAS,EAClD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,KAAC,EAAqB,YAAtB,CACE,YAAU,2BACV,UAAW,EAAA,GAAG,wBAAyB,CAAS,EAChD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,SACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAqB,OAAtB,CACE,UAAW,EAAA,GAAG,EAAA,eAAe,CAAE,QAAO,CAAC,EAAG,CAAS,EACnD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GACwD,CAC3D,OACE,EAAA,EAAA,KAAC,EAAqB,OAAtB,CACE,UAAW,EAAA,GAAG,EAAA,eAAe,CAAE,OAAQ,WAAY,CAAC,EAAG,CAAS,EAChE,GAAI,CACL,CAAA,CAEL"}