@incognia/cosmik 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/index12.js

@@ -1,157 +1,57 @@
-import { cva as e } from "./index5.js";
-import { cn as t } from "./index7.js";
-import { require_jsx_runtime as n } from "./index10.js";
+import { cn as e } from "./index6.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
+import { jsx as t } from "react/jsx-runtime";
+//#region src/Card/index.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card",
+		className: e("bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("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", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("h3", {
+		"data-slot": "card-title",
+		className: e("leading-none font-semibold", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-gray-700 text-sm mt-4", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("px-24", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center px-24 [.border-t]:pt-24", n),
+		...r
 	});
 }
 //#endregion
-export { o as Button, a as buttonVariants };
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };
 
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index12.js","names":[],"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"],"mappings":";;;;AAGA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAsC;CAClE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,wJACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,CAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAsC;CAC7E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,CAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,kEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,SAAS,CAAS;EAChC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,CAAS;EACpE,GAAI;CACL,CAAA;AAEL"}

package/dist/index13.cjs

@@ -1,2 +1,2 @@
-"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;
+const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card`,className:t.cn(`bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-header`,className:t.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`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`h3`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-gray-700 text-sm mt-4`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-24`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-24 [.border-t]:pt-24`,e),...n})}exports.Card=i,exports.CardAction=c,exports.CardContent=l,exports.CardDescription=s,exports.CardFooter=u,exports.CardHeader=a,exports.CardTitle=o;
 //# sourceMappingURL=index13.cjs.map

package/dist/index13.cjs.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index13.cjs","names":[],"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"],"mappings":"qIAGA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,OACV,UAAW,EAAA,GACT,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,uJACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GAAG,6BAA8B,CAAS,EACrD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,mBACV,UAAW,EAAA,GAAG,6BAA8B,CAAS,EACrD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,iEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,QAAS,CAAS,EAChC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL"}

package/dist/index13.js

@@ -1,93 +1,23 @@
 "use client";
-import { cva as e } from "./index5.js";
-import { cn as t } from "./index7.js";
-import { require_jsx_runtime as n } from "./index10.js";
-import { buttonVariants as r } from "./index12.js";
+import { cn as e } from "./index6.js";
+import { Check as t, Minus as n } from "lucide-react";
 import "react";
-import * as i from "@radix-ui/react-alert-dialog";
-//#region src/AlertDialog/index.tsx
-var a = n();
-function o({ ...e }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Root, {
-		"data-slot": "alert-dialog",
-		...e
-	});
-}
-function s({ ...e }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...e
-	});
-}
-function c({ ...e }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Portal, {
-		"data-slot": "alert-dialog-portal",
-		...e
-	});
-}
-function l({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Overlay, {
-		"data-slot": "alert-dialog-overlay",
-		className: t("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),
-		...n
-	});
-}
-function u({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, a.jsxs)(c, { children: [/* @__PURE__ */ (0, a.jsx)(l, {}), /* @__PURE__ */ (0, a.jsx)(i.Content, {
-		"data-slot": "alert-dialog-content",
-		className: t("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),
-		...n
-	})] });
-}
-function d({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, a.jsx)("div", {
-		"data-slot": "alert-dialog-header",
-		className: t("flex flex-col gap-8 text-left font-display", e),
-		...n
-	});
-}
-function f({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, a.jsx)("div", {
-		"data-slot": "alert-dialog-footer",
-		className: t("flex gap-8 flex-row justify-end", e),
-		...n
-	});
-}
-var p = e("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 m({ className: e, intent: n, ...r }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Title, {
-		"data-slot": "alert-dialog-title",
-		className: t(p({ intent: n }), e),
-		...r
-	});
-}
-function h({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Description, {
-		"data-slot": "alert-dialog-description",
-		className: t("text-md text-gray-900", e),
-		...n
-	});
-}
-function g({ className: e, intent: n, ...o }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Action, {
-		className: t(r({ intent: n }), e),
-		...o
-	});
-}
-function _({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Cancel, {
-		className: t(r({ intent: "secondary" }), e),
-		...n
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-checkbox";
+//#region src/Checkbox/index.tsx
+function a({ className: a, ...o }) {
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "checkbox",
+		className: e("peer h-16 w-16 shrink-0 rounded border border-gray-900/24", "disabled:cursor-not-allowed disabled:bg-transparent", "disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64", "disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800", "data-[state=checked]:bg-purple-700 data-[state=checked]:text-white", "data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white", "hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800", "focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900", "active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900", a),
+		...o,
+		children: /* @__PURE__ */ r(i.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current transition-none",
+			children: o.checked == "indeterminate" ? /* @__PURE__ */ r(n, { className: "h-[14px] w-[14px]" }) : /* @__PURE__ */ r(t, { className: "h-[14px] w-[14px]" })
+		})
 	});
 }
 //#endregion
-export { o as AlertDialog, g as AlertDialogAction, _ as AlertDialogCancel, u as AlertDialogContent, h as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, m as AlertDialogTitle, s as AlertDialogTrigger };
+export { a as Checkbox };
 
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","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":";;;;;;;;;AAQA,SAAS,EAAY,EACnB,GAAG,KACsD;CACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAmB,EAC1B,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,EAAkB,EACzB,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE7E;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6UACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8CAA8C,CAAS;EACrE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,CAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAgB,EAAI,2CAA2C;CACnE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AAED,SAAS,EAAiB,EACxB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,UAAO,CAAC,GAAG,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,aAAtB;EACE,aAAU;EACV,WAAW,EAAG,yBAAyB,CAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,UAAO,CAAC,GAAG,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,QAAQ,YAAY,CAAC,GAAG,CAAS;EAChE,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index13.js","names":[],"sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n        'disabled:cursor-not-allowed disabled:bg-transparent',\n        'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n        'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n        'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n        'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n        'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n        'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        {props.checked == 'indeterminate' ? (\n          <Minus className=\"h-[14px] w-[14px]\" />\n        ) : (\n          <Check className=\"h-[14px] w-[14px]\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\nexport { Checkbox }\n"],"mappings":";;;;;;;AAOA,SAAS,EAAS,EAChB,cACA,GAAG,KACmD;CACtD,OACE,kBAAC,EAAkB,MAAnB;EACE,aAAU;EACV,WAAW,EACT,6DACA,uDACA,+GACA,uGACA,sEACA,kFACA,+GACA,2IACA,mHACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAET,EAAM,WAAW,kBAChB,kBAAC,GAAD,EAAO,WAAU,oBAAqB,CAAA,IAEtC,kBAAC,GAAD,EAAO,WAAU,oBAAqB,CAAA;EAEb,CAAA;CACP,CAAA;AAE5B"}

package/dist/index14.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-slot");var o=r.default,s=t.cva(`inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]`,{variants:{variant:{green:`bg-green-100 text-green-800`,orange:`bg-orange-100 text-orange-800`,red:`bg-red-100 text-red-800`,gray:`bg-gray-300 text-gray-800`,purple:`bg-purple-100 text-purple-800`,robinblue:`bg-robinblue-100 text-robinblue-800`},border:{outline:`border`,none:`border-0`}},compoundVariants:[{border:`outline`,variant:`green`,className:`border-green-300`},{border:`outline`,variant:`orange`,className:`border-orange-300`},{border:`outline`,variant:`red`,className:`border-red-300`},{border:`outline`,variant:`gray`,className:`border-gray-400`},{border:`outline`,variant:`purple`,className:`border-purple-300`},{border:`outline`,variant:`robinblue`,className:`border-robinblue-300`}],defaultVariants:{variant:`gray`,border:`none`}});function c({className:e,variant:t,border:r,asChild:i=!1,...c}){return(0,o.jsx)(i?a.Slot:`span`,{"data-slot":`badge`,className:n.cn(s({variant:t,border:r}),e),...c})}exports.Badge=c,exports.badgeVariants=s;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-checkbox");a=e.__toESM(a,1);function o({className:e,...r}){return(0,i.jsx)(a.Root,{"data-slot":`checkbox`,className:t.cn(`peer h-16 w-16 shrink-0 rounded border border-gray-900/24`,`disabled:cursor-not-allowed disabled:bg-transparent`,`disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64`,`disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800`,`data-[state=checked]:bg-purple-700 data-[state=checked]:text-white`,`data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white`,`hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800`,`focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900`,`active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900`,e),...r,children:(0,i.jsx)(a.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:r.checked==`indeterminate`?(0,i.jsx)(n.Minus,{className:`h-[14px] w-[14px]`}):(0,i.jsx)(n.Check,{className:`h-[14px] w-[14px]`})})})}exports.Checkbox=o;
 //# sourceMappingURL=index14.cjs.map

package/dist/index14.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index14.cjs","names":[],"sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-100 text-green-800',\n        orange: 'bg-orange-100 text-orange-800',\n        red: 'bg-red-100 text-red-800',\n        gray: 'bg-gray-300 text-gray-800',\n        purple: 'bg-purple-100 text-purple-800',\n        robinblue: 'bg-robinblue-100 text-robinblue-800'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      }\n    },\n    compoundVariants: [\n      {\n        border: 'outline',\n        variant: 'green',\n        className: 'border-green-300'\n      },\n      {\n        border: 'outline',\n        variant: 'orange',\n        className: 'border-orange-300'\n      },\n      {\n        border: 'outline',\n        variant: 'red',\n        className: 'border-red-300'\n      },\n      {\n        border: 'outline',\n        variant: 'gray',\n        className: 'border-gray-400'\n      },\n      {\n        border: 'outline',\n        variant: 'purple',\n        className: 'border-purple-300'\n      },\n      {\n        border: 'outline',\n        variant: 'robinblue',\n        className: 'border-robinblue-300'\n      }\n    ],\n    defaultVariants: {\n      variant: 'gray',\n      border: 'none'\n    }\n  }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n  className,\n  variant,\n  border,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : 'span'\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant, border }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"6MASM,EAAgB,EAAA,IACpB,gJACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8BACP,OAAQ,gCACR,IAAK,0BACL,KAAM,4BACN,OAAQ,gCACR,UAAW,qCACb,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,QAAS,QACT,UAAW,kBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,MACT,UAAW,gBACb,EACA,CACE,OAAQ,UACR,QAAS,OACT,UAAW,iBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,YACT,UAAW,sBACb,CACF,EACA,gBAAiB,CACf,QAAS,OACT,OAAQ,MACV,CACF,CACF,EAKA,SAAS,EAAM,CACb,YACA,UACA,SACA,UAAU,GACV,GAAG,GACU,CAEb,OACE,EAAA,EAAA,KAFW,EAAU,EAAA,KAAO,OAE5B,CACE,YAAU,QACV,UAAW,EAAA,GAAG,EAAc,CAAE,UAAS,QAAO,CAAC,EAAG,CAAS,EAC3D,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index14.cjs","names":[],"sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n        'disabled:cursor-not-allowed disabled:bg-transparent',\n        'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n        'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n        'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n        'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n        'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n        'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        {props.checked == 'indeterminate' ? (\n          <Minus className=\"h-[14px] w-[14px]\" />\n        ) : (\n          <Check className=\"h-[14px] w-[14px]\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\nexport { Checkbox }\n"],"mappings":"mOAOA,SAAS,EAAS,CAChB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAA,GACT,4DACA,sDACA,8GACA,sGACA,qEACA,iFACA,8GACA,0IACA,kHACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,yEAET,EAAM,SAAW,iBAChB,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAqB,CAAA,GAEtC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAqB,CAAA,CAEb,CAAA,CACP,CAAA,CAE5B"}