@incognia/cosmik 1.1.0 → 1.1.1

package/dist/index14.js

@@ -1,72 +1,89 @@
-import { cva as e } from "./index5.js";
-import { cn as t } from "./index7.js";
-import { require_jsx_runtime as n } from "./index10.js";
+"use client";
+import { cn as e } from "./index6.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "./index15.js";
+import "./index.js";
+import { SearchIcon as o } from "lucide-react";
 import "react";
-import { Slot as r } from "@radix-ui/react-slot";
-//#region src/Badge/index.tsx
-var i = n(), a = e("inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]", {
-	variants: {
-		variant: {
-			green: "bg-green-200/72 text-green-900/88",
-			yellow: "bg-yellow-200/72 text-yellow-900/88",
-			magenta: "bg-magenta-200/56 text-magenta-900/88",
-			gray: "bg-gray-300/80 text-gray-900/88",
-			purple: "bg-purple-200/64 text-purple-900/88",
-			robinblue: "bg-robinblue-200/64 text-robinblue-800/88"
-		},
-		border: {
-			outline: "border",
-			none: "border-0"
-		}
-	},
-	compoundVariants: [
-		{
-			border: "outline",
-			variant: "green",
-			className: "border-green-300"
-		},
-		{
-			border: "outline",
-			variant: "yellow",
-			className: "border-yellow-300"
-		},
-		{
-			border: "outline",
-			variant: "magenta",
-			className: "border-magenta-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 o({ className: e, variant: n, border: o, asChild: s = !1, ...c }) {
-	return /* @__PURE__ */ (0, i.jsx)(s ? r : "span", {
-		"data-slot": "badge",
-		className: t(a({
-			variant: n,
-			border: o
-		}), e),
-		...c
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Command as l } from "cmdk";
+//#region src/Command/index.tsx
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l, {
+		"data-slot": "command",
+		className: e("bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded", t),
+		...n
+	});
+}
+function d({ title: o = "Command Palette", description: l = "Search for a command to run...", children: d, className: f, showCloseButton: p = !0, ...m }) {
+	return /* @__PURE__ */ c(t, {
+		...m,
+		children: [/* @__PURE__ */ c(i, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ s(a, { children: o }), /* @__PURE__ */ s(r, { children: l })]
+		}), /* @__PURE__ */ s(n, {
+			className: e("overflow-hidden p-0", f),
+			showCloseButton: p,
+			children: /* @__PURE__ */ s(u, {
+				className: "[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16",
+				children: d
+			})
+		})]
+	});
+}
+function f({ className: t, inputWrapperClassName: n, ...r }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "command-input-wrapper",
+		className: e("flex items-center gap-8 border-b px-12", n),
+		children: [/* @__PURE__ */ s(o, { className: "size-16 shrink-0" }), /* @__PURE__ */ s(l.Input, {
+			"data-slot": "command-input",
+			className: e("flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64", t),
+			...r
+		})]
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l.List, {
+		"data-slot": "command-list",
+		className: e("max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto", t),
+		...n
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ s(l.Empty, {
+		"data-slot": "command-empty",
+		className: "py-[10px] text-center text-sm",
+		...e
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l.Group, {
+		"data-slot": "command-group",
+		className: e("text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold", t),
+		...n
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l.Separator, {
+		"data-slot": "command-separator",
+		className: e("bg-gray-900/8 -mx-4 h-px", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l.Item, {
+		"data-slot": "command-item",
+		className: e("data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ s("span", {
+		"data-slot": "command-shortcut",
+		className: e("text-gray-700 ml-auto text-xs tracking-widest", t),
+		...n
 	});
 }
 //#endregion
-export { o as Badge, a as badgeVariants };
+export { u as Command, d as CommandDialog, m as CommandEmpty, h as CommandGroup, f as CommandInput, _ as CommandItem, p as CommandList, g as CommandSeparator, v as CommandShortcut };
 
 //# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","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-[16px] 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-200/72 text-green-900/88',\n        yellow: 'bg-yellow-200/72 text-yellow-900/88',\n        magenta: 'bg-magenta-200/56 text-magenta-900/88',\n        gray: 'bg-gray-300/80 text-gray-900/88',\n        purple: 'bg-purple-200/64 text-purple-900/88',\n        robinblue: 'bg-robinblue-200/64 text-robinblue-800/88'\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: 'yellow',\n        className: 'border-yellow-300'\n      },\n      {\n        border: 'outline',\n        variant: 'magenta',\n        className: 'border-magenta-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":";;;;;;aASM,IAAgB,EACpB,mJACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,MAAM;GACN,QAAQ;GACR,WAAW;EACb;EACA,QAAQ;GACN,SAAS;GACT,MAAM;EACR;CACF;CACA,kBAAkB;EAChB;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;AACF,CACF;AAKA,SAAS,EAAM,EACb,cACA,YACA,WACA,aAAU,IACV,GAAG,KACU;CAEb,OACE,iBAAA,GAAA,EAAA,KAFW,IAAU,IAAO,QAE5B;EACE,aAAU;EACV,WAAW,EAAG,EAAc;GAAE;GAAS;EAAO,CAAC,GAAG,CAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index14.js","names":[],"sources":["../src/Command/index.tsx"],"sourcesContent":["'use client'\n\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle\n} from '../'\nimport { cn } from '../lib/utils'\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  inputWrapperClassName,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input> & {\n  inputWrapperClassName?: string\n}) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn(\n        'flex items-center gap-8 border-b px-12',\n        inputWrapperClassName\n      )}\n    >\n      <SearchIcon className=\"size-16 shrink-0\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        'max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-[10px] text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-gray-900/8 -mx-4 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn('text-gray-700 ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut\n}\n"],"mappings":";;;;;;;;;AAcA,SAAS,EAAQ,EACf,cACA,GAAG,KAC6C;CAChD,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,8EACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,WAAQ,mBACR,iBAAc,kCACd,aACA,cACA,qBAAkB,IAClB,GAAG,KAMF;CACD,OACE,kBAAC,GAAD;EAAQ,GAAI;YAAZ,CACE,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD,EAAA,UAAc,EAAmB,CAAA,GACjC,kBAAC,GAAD,EAAA,UAAoB,EAA+B,CAAA,CACvC;MACd,kBAAC,GAAD;GACE,WAAW,EAAG,uBAAuB,CAAS;GAC7B;aAEjB,kBAAC,GAAD;IAAS,WAAU;IAChB;GACM,CAAA;EACI,CAAA,CACT;;AAEZ;AAEA,SAAS,EAAa,EACpB,cACA,0BACA,GAAG,KAGF;CACD,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,0CACA,CACF;YALF,CAOE,kBAAC,GAAD,EAAY,WAAU,mBAAoB,CAAA,GAC1C,kBAAC,EAAiB,OAAlB;GACE,aAAU;GACV,WAAW,EACT,oHACA,CACF;GACA,GAAI;EACL,CAAA,CACE;;AAET;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAiB,MAAlB;EACE,aAAU;EACV,WAAW,EACT,+DACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,GAAG,KACmD;CACtD,OACE,kBAAC,EAAiB,OAAlB;EACE,aAAU;EACV,WAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KACmD;CACtD,OACE,kBAAC,EAAiB,OAAlB;EACE,aAAU;EACV,WAAW,EACT,6MACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KACuD;CAC1D,OACE,kBAAC,EAAiB,WAAlB;EACE,aAAU;EACV,WAAW,EAAG,4BAA4B,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAiB,MAAlB;EACE,aAAU;EACV,WAAW,EACT,qWACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAG,iDAAiD,CAAS;EACxE,GAAI;CACL,CAAA;AAEL"}

package/dist/index15.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);let o=require("react-day-picker");var s=n.default;function c({className:e,classNames:n,showOutsideDays:a=!0,captionLayout:c=`label`,formatters:u,components:d,...f}){let p=(0,o.getDefaultClassNames)();return(0,s.jsx)(o.DayPicker,{showOutsideDays:a,className:t.cn(`bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:c,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...u},classNames:{root:t.cn(`w-fit`,p.root),months:t.cn(`flex gap-16 flex-col md:flex-row relative`,p.months),month:t.cn(`flex flex-col w-full gap-16`,p.month),nav:t.cn(`flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between`,p.nav),button_previous:t.cn(r.buttonVariants({variant:`ghost`,intent:`secondary`,size:`icon`}),`size-(--cell-size) aria-disabled:opacity-48 p-0 select-none`,p.button_previous),button_next:t.cn(r.buttonVariants({variant:`ghost`,intent:`secondary`,size:`icon`}),`size-(--cell-size) aria-disabled:opacity-48 p-0 select-none`,p.button_next),month_caption:t.cn(`text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,p.month_caption),dropdowns:t.cn(`w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]`,p.dropdowns),dropdown_root:t.cn(`relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded`,p.dropdown_root),dropdown:t.cn(`absolute bg-gray-900/48 inset-0 opacity-0`,p.dropdown),caption_label:t.cn(`select-none`,c===`label`?`text-lg`:`rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]`,p.caption_label),table:`w-full border-collapse`,weekdays:t.cn(`flex`,p.weekdays),weekday:t.cn(`text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none`,p.weekday),week:t.cn(`flex w-full mt-8`,p.week),week_number_header:t.cn(`select-none w-(--cell-size)`,p.week_number_header),week_number:t.cn(`text-[0.8rem] select-none text-gray-900`,p.week_number),day:t.cn(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,p.day),range_start:t.cn(`rounded-l bg-purple-800 text-white`,p.range_start),range_middle:t.cn(`rounded-none`,p.range_middle),range_end:t.cn(`rounded-r bg-purple-800 text-white`,p.range_end),today:t.cn(`shadow-100 rounded aria-selected:shadow-none`,p.today),outside:t.cn(`text-gray-900 aria-selected:text-gray-900`,p.outside),disabled:t.cn(`text-gray-900 opacity-48`,p.disabled),hidden:t.cn(`invisible`,p.hidden),...n},components:{Root:({className:e,rootRef:n,...r})=>(0,s.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...r})=>n===`left`?(0,s.jsx)(i.ChevronLeftIcon,{className:t.cn(`size-16`,e),...r}):n===`right`?(0,s.jsx)(i.ChevronRightIcon,{className:t.cn(`size-16`,e),...r}):(0,s.jsx)(i.ChevronDownIcon,{className:t.cn(`size-16`,e),...r}),DayButton:l,WeekNumber:({children:e,...t})=>(0,s.jsx)(`td`,{...t,children:(0,s.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...d},...f})}function l({className:e,day:n,modifiers:i,...c}){let l=(0,o.getDefaultClassNames)(),u=a.useRef(null);return a.useEffect(()=>{i.focused&&u.current?.focus()},[i.focused]),(0,s.jsx)(r.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":n.date.toLocaleDateString(),"data-selected-single":i.selected&&!i.range_start&&!i.range_end&&!i.range_middle,"data-range-start":i.range_start,"data-range-end":i.range_end,"data-range-middle":i.range_middle,className:t.cn(`data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white`,`data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white`,`data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white`,`flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`[&>span]:text-xs [&>span]:opacity-64`,`rounded-none`,`data-[selected-single=true]:rounded`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded-l`,`data-[range-end=true]:rounded-r`,l.day,e),...c})}exports.Calendar=c;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index16.cjs");require("./index.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("cmdk");function s({className:e,...n}){return(0,a.jsx)(o.Command,{"data-slot":`command`,className:t.cn(`bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded`,e),...n})}function c({title:e=`Command Palette`,description:r=`Search for a command to run...`,children:i,className:o,showCloseButton:c=!0,...l}){return(0,a.jsxs)(n.Dialog,{...l,children:[(0,a.jsxs)(n.DialogHeader,{className:`sr-only`,children:[(0,a.jsx)(n.DialogTitle,{children:e}),(0,a.jsx)(n.DialogDescription,{children:r})]}),(0,a.jsx)(n.DialogContent,{className:t.cn(`overflow-hidden p-0`,o),showCloseButton:c,children:(0,a.jsx)(s,{className:`[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16`,children:i})})]})}function l({className:e,inputWrapperClassName:n,...i}){return(0,a.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:t.cn(`flex items-center gap-8 border-b px-12`,n),children:[(0,a.jsx)(r.SearchIcon,{className:`size-16 shrink-0`}),(0,a.jsx)(o.Command.Input,{"data-slot":`command-input`,className:t.cn(`flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64`,e),...i})]})}function u({className:e,...n}){return(0,a.jsx)(o.Command.List,{"data-slot":`command-list`,className:t.cn(`max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto`,e),...n})}function d({...e}){return(0,a.jsx)(o.Command.Empty,{"data-slot":`command-empty`,className:`py-[10px] text-center text-sm`,...e})}function f({className:e,...n}){return(0,a.jsx)(o.Command.Group,{"data-slot":`command-group`,className:t.cn(`text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold`,e),...n})}function p({className:e,...n}){return(0,a.jsx)(o.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`bg-gray-900/8 -mx-4 h-px`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(o.Command.Item,{"data-slot":`command-item`,className:t.cn(`data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16`,e),...n})}function h({className:e,...n}){return(0,a.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`text-gray-700 ml-auto text-xs tracking-widest`,e),...n})}exports.Command=s,exports.CommandDialog=c,exports.CommandEmpty=d,exports.CommandGroup=f,exports.CommandInput=l,exports.CommandItem=m,exports.CommandList=u,exports.CommandSeparator=p,exports.CommandShortcut=h;
 //# sourceMappingURL=index15.cjs.map

package/dist/index15.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index15.cjs","names":[],"sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: date =>\n          date.toLocaleString('default', { month: 'short' }),\n        ...formatters\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn(\n          'flex gap-16 flex-col md:flex-row relative',\n          defaultClassNames.months\n        ),\n        month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n        nav: cn(\n          'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          'absolute bg-gray-900/48 inset-0 opacity-0',\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          'select-none',\n          captionLayout === 'label'\n            ? 'text-lg'\n            : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n          defaultClassNames.weekday\n        ),\n        week: cn('flex w-full mt-8', defaultClassNames.week),\n        week_number_header: cn(\n          'select-none w-(--cell-size)',\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          'text-[0.8rem] select-none text-gray-900',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          'rounded-l bg-purple-800 text-white',\n          defaultClassNames.range_start\n        ),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn(\n          'rounded-r bg-purple-800 text-white',\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          'shadow-100 rounded aria-selected:shadow-none',\n          defaultClassNames.today\n        ),\n        outside: cn(\n          'text-gray-900 aria-selected:text-gray-900',\n          defaultClassNames.outside\n        ),\n        disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return (\n              <ChevronLeftIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          if (orientation === 'right') {\n            return (\n              <ChevronRightIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn('size-16', className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n        'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n        'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n        'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n        'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        '[&>span]:text-xs [&>span]:opacity-64',\n        'rounded-none',\n        'data-[selected-single=true]:rounded', // single-date selection\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-l',\n        'data-[range-end=true]:rounded-r',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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"}
+{"version":3,"file":"index15.cjs","names":[],"sources":["../src/Command/index.tsx"],"sourcesContent":["'use client'\n\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle\n} from '../'\nimport { cn } from '../lib/utils'\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  inputWrapperClassName,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input> & {\n  inputWrapperClassName?: string\n}) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn(\n        'flex items-center gap-8 border-b px-12',\n        inputWrapperClassName\n      )}\n    >\n      <SearchIcon className=\"size-16 shrink-0\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        'max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-[10px] text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-gray-900/8 -mx-4 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn('text-gray-700 ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut\n}\n"],"mappings":"gPAcA,SAAS,EAAQ,CACf,YACA,GAAG,GAC6C,CAChD,OACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,YAAU,UACV,UAAW,EAAA,GACT,6EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,GAAI,WAAZ,EACE,EAAA,EAAA,MAAC,EAAA,aAAD,CAAc,UAAU,mBAAxB,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,CAAmB,CAAA,GACjC,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,KACd,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC7B,4BAEjB,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,4WAChB,UACM,CAAA,CACI,CAAA,CACT,GAEZ,CAEA,SAAS,EAAa,CACpB,YACA,wBACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,YAAU,wBACV,UAAW,EAAA,GACT,yCACA,CACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,kBAAoB,CAAA,GAC1C,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mHACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GAET,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAA,GACT,8DACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAU,gCACV,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,4MACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,UAAlB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,2BAA4B,CAAS,EACnD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAA,GACT,oWACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CACvB,YACA,GAAG,GAC4B,CAC/B,OACE,EAAA,EAAA,KAAC,OAAD,CACE,YAAU,mBACV,UAAW,EAAA,GAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL"}

package/dist/index15.js

@@ -1,106 +1,89 @@
 "use client";
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { Button as n, buttonVariants as r } from "./index12.js";
-import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
-import * as s from "react";
-import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
-//#region src/Calendar/index.tsx
-var u = t();
-function d({ className: t, classNames: n, showOutsideDays: s = !0, captionLayout: d = "label", formatters: p, components: m, ...h }) {
-	let g = l();
-	return /* @__PURE__ */ (0, u.jsx)(c, {
-		showOutsideDays: s,
-		className: e("bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
-		captionLayout: d,
-		formatters: {
-			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
-			...p
-		},
-		classNames: {
-			root: e("w-fit", g.root),
-			months: e("flex gap-16 flex-col md:flex-row relative", g.months),
-			month: e("flex flex-col w-full gap-16", g.month),
-			nav: e("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between", g.nav),
-			button_previous: e(r({
-				variant: "ghost",
-				intent: "secondary",
-				size: "icon"
-			}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_previous),
-			button_next: e(r({
-				variant: "ghost",
-				intent: "secondary",
-				size: "icon"
-			}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_next),
-			month_caption: e("text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", g.month_caption),
-			dropdowns: e("w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]", g.dropdowns),
-			dropdown_root: e("relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded", g.dropdown_root),
-			dropdown: e("absolute bg-gray-900/48 inset-0 opacity-0", g.dropdown),
-			caption_label: e("select-none", d === "label" ? "text-lg" : "rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]", g.caption_label),
-			table: "w-full border-collapse",
-			weekdays: e("flex", g.weekdays),
-			weekday: e("text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none", g.weekday),
-			week: e("flex w-full mt-8", g.week),
-			week_number_header: e("select-none w-(--cell-size)", g.week_number_header),
-			week_number: e("text-[0.8rem] select-none text-gray-900", g.week_number),
-			day: e("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none", g.day),
-			range_start: e("rounded-l bg-purple-800 text-white", g.range_start),
-			range_middle: e("rounded-none", g.range_middle),
-			range_end: e("rounded-r bg-purple-800 text-white", g.range_end),
-			today: e("shadow-100 rounded aria-selected:shadow-none", g.today),
-			outside: e("text-gray-900 aria-selected:text-gray-900", g.outside),
-			disabled: e("text-gray-900 opacity-48", g.disabled),
-			hidden: e("invisible", g.hidden),
-			...n
-		},
-		components: {
-			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ (0, u.jsx)("div", {
-				"data-slot": "calendar",
-				ref: n,
-				className: e(t),
-				...r
-			}),
-			Chevron: ({ className: t, orientation: n, ...r }) => n === "left" ? /* @__PURE__ */ (0, u.jsx)(a, {
-				className: e("size-16", t),
-				...r
-			}) : n === "right" ? /* @__PURE__ */ (0, u.jsx)(o, {
-				className: e("size-16", t),
-				...r
-			}) : /* @__PURE__ */ (0, u.jsx)(i, {
-				className: e("size-16", t),
-				...r
-			}),
-			DayButton: f,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ (0, u.jsx)("td", {
-				...t,
-				children: /* @__PURE__ */ (0, u.jsx)("div", {
-					className: "flex size-(--cell-size) items-center justify-center text-center",
-					children: e
-				})
-			}),
-			...m
-		},
-		...h
+import { cn as e } from "./index6.js";
+import { XIcon as t } from "lucide-react";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-dialog";
+//#region src/Dialog/index.tsx
+function a({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "dialog",
+		...e
 	});
 }
-function f({ className: t, day: r, modifiers: i, ...a }) {
-	let o = l(), c = s.useRef(null);
-	return s.useEffect(() => {
-		i.focused && c.current?.focus();
-	}, [i.focused]), /* @__PURE__ */ (0, u.jsx)(n, {
-		ref: c,
-		variant: "ghost",
-		size: "icon",
-		"data-day": r.date.toLocaleDateString(),
-		"data-selected-single": i.selected && !i.range_start && !i.range_end && !i.range_middle,
-		"data-range-start": i.range_start,
-		"data-range-end": i.range_end,
-		"data-range-middle": i.range_middle,
-		className: e("data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white", "data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white", "data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white", "data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white", "flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative", "group-data-[focused=true]/day:z-10", "[&>span]:text-xs [&>span]:opacity-64", "rounded-none", "data-[selected-single=true]:rounded", "data-[range-middle=true]:rounded-none", "data-[range-start=true]:rounded-l", "data-[range-end=true]:rounded-r", o.day, t),
-		...a
+function o({ ...e }) {
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(i.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: e("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 backdrop-blur-sm overflow-y-auto max-h-screen", t),
+		...r
+	});
+}
+function l({ className: a, children: o, showCloseButton: l = !0, fullscreen: u = !1, onInteractOutside: d, ...f }) {
+	return /* @__PURE__ */ n(s, {
+		"data-slot": "dialog-portal",
+		children: /* @__PURE__ */ n(c, { children: /* @__PURE__ */ r(i.Content, {
+			"data-slot": "dialog-content",
+			className: e("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 w-full translate-x-[-50%] gap-16 rounded border p-24 shadow-200 duration-200", {
+				"grid top-24 rounded max-w-[calc(100%-2rem)] sm:max-w-lg": !u,
+				"flex flex-col top-0 left-0 right-0 w-full min-h-full max-w-full translate-x-0": u
+			}, a),
+			onInteractOutside: (e) => {
+				let { originalEvent: t } = e.detail;
+				t.target instanceof Element && t.target.closest(".group.toast") && e.preventDefault(), d?.(e);
+			},
+			...f,
+			children: [o, l && /* @__PURE__ */ r(i.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring absolute top-8 right-8 rounded opacity-48 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-24",
+				children: [/* @__PURE__ */ n(t, {}), /* @__PURE__ */ n("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		}) })
+	});
+}
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-8", t),
+		...r
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-8 -mx-8 -mb-8 mt-8 sm:flex-row sm:justify-end", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Title, {
+		"data-slot": "dialog-title",
+		className: e("text-lg leading-none font-semibold text-gray-800", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-gray-900 text-base", t),
+		...r
 	});
 }
 //#endregion
-export { d as Calendar };
+export { a as Dialog, l as DialogContent, p as DialogDescription, d as DialogFooter, u as DialogHeader, c as DialogOverlay, s as DialogPortal, f as DialogTitle, o as DialogTrigger };
 
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","names":[],"sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: date =>\n          date.toLocaleString('default', { month: 'short' }),\n        ...formatters\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn(\n          'flex gap-16 flex-col md:flex-row relative',\n          defaultClassNames.months\n        ),\n        month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n        nav: cn(\n          'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          'absolute bg-gray-900/48 inset-0 opacity-0',\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          'select-none',\n          captionLayout === 'label'\n            ? 'text-lg'\n            : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n          defaultClassNames.weekday\n        ),\n        week: cn('flex w-full mt-8', defaultClassNames.week),\n        week_number_header: cn(\n          'select-none w-(--cell-size)',\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          'text-[0.8rem] select-none text-gray-900',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          'rounded-l bg-purple-800 text-white',\n          defaultClassNames.range_start\n        ),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn(\n          'rounded-r bg-purple-800 text-white',\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          'shadow-100 rounded aria-selected:shadow-none',\n          defaultClassNames.today\n        ),\n        outside: cn(\n          'text-gray-900 aria-selected:text-gray-900',\n          defaultClassNames.outside\n        ),\n        disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return (\n              <ChevronLeftIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          if (orientation === 'right') {\n            return (\n              <ChevronRightIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn('size-16', className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n        'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n        'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n        'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n        'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        '[&>span]:text-xs [&>span]:opacity-64',\n        'rounded-none',\n        'data-[selected-single=true]:rounded', // single-date selection\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-l',\n        'data-[range-end=true]:rounded-r',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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"}
+{"version":3,"file":"index15.js","names":[],"sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"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 backdrop-blur-sm overflow-y-auto max-h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  fullscreen = false,\n  onInteractOutside,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n  fullscreen?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"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 w-full translate-x-[-50%] gap-16 rounded border p-24 shadow-200 duration-200',\n            {\n              'grid top-24 rounded max-w-[calc(100%-2rem)] sm:max-w-lg':\n                !fullscreen,\n              'flex flex-col top-0 left-0 right-0 w-full min-h-full max-w-full translate-x-0':\n                fullscreen\n            },\n            className\n          )}\n          onInteractOutside={e => {\n            const { originalEvent } = e.detail\n            // Prevent closing the dialog when clicking on a sonner toast\n            if (\n              originalEvent.target instanceof Element &&\n              originalEvent.target.closest('.group.toast')\n            ) {\n              e.preventDefault()\n            }\n            onInteractOutside?.(e)\n          }}\n          {...props}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className=\"ring-offset-background focus:ring-ring absolute top-8 right-8 rounded opacity-48 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-24\"\n            >\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-8 -mx-8 -mb-8 mt-8 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\n        'text-lg leading-none font-semibold text-gray-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-gray-900 text-base', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAO,EACd,GAAG,KACiD;CACpD,OAAO,kBAAC,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,EAAc,EACrB,GAAG,KACoD;CACvD,OAAO,kBAAC,EAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAa,EACpB,GAAG,KACmD;CACtD,OAAO,kBAAC,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAQA,SAAS,EAAc,EACrB,cACA,GAAG,KACoD;CACvD,OACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,2MACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,aACA,qBAAkB,IAClB,gBAAa,IACb,sBACA,GAAG,KAIF;CACD,OACE,kBAAC,GAAD;EAAc,aAAU;YACtB,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAgB,SAAjB;GACE,aAAU;GACV,WAAW,EACT,oSACA;IACE,2DACE,CAAC;IACH,iFACE;GACJ,GACA,CACF;GACA,oBAAmB,MAAK;IACtB,IAAM,EAAE,qBAAkB,EAAE;IAQ5B,AALE,EAAc,kBAAkB,WAChC,EAAc,OAAO,QAAQ,cAAc,KAE3C,EAAE,eAAe,GAEnB,IAAoB,CAAC;GACvB;GACA,GAAI;aAvBN,CAyBG,GACA,KACC,kBAAC,EAAgB,OAAjB;IACE,aAAU;IACV,WAAU;cAFZ,CAIE,kBAAC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;KAAM,WAAU;eAAU;IAAW,CAAA,CAChB;KAEF;KACZ,CAAA;CACH,CAAA;AAElB;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,2EACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EACT,oDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KACwD;CAC3D,OACE,kBAAC,EAAgB,aAAjB;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL"}

package/dist/index16.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);var i=n.default;function a({className:e,...n}){return(0,i.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 o({className:e,...n}){return(0,i.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 s({className:e,...n}){return(0,i.jsx)(`h3`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-gray-700 text-sm mt-4`,e),...n})}function l({className:e,...n}){return(0,i.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 u({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-24`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-24 [.border-t]:pt-24`,e),...n})}exports.Card=a,exports.CardAction=l,exports.CardContent=u,exports.CardDescription=c,exports.CardFooter=d,exports.CardHeader=o,exports.CardTitle=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-dialog");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`dialog`,...e})}function s({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`dialog-trigger`,...e})}function c({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`dialog-portal`,...e})}function l({className:e,...n}){return(0,i.jsx)(a.Overlay,{"data-slot":`dialog-overlay`,className:t.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 backdrop-blur-sm overflow-y-auto max-h-screen`,e),...n})}function u({className:e,children:r,showCloseButton:o=!0,fullscreen:s=!1,onInteractOutside:u,...d}){return(0,i.jsx)(c,{"data-slot":`dialog-portal`,children:(0,i.jsx)(l,{children:(0,i.jsxs)(a.Content,{"data-slot":`dialog-content`,className:t.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 w-full translate-x-[-50%] gap-16 rounded border p-24 shadow-200 duration-200`,{"grid top-24 rounded max-w-[calc(100%-2rem)] sm:max-w-lg":!s,"flex flex-col top-0 left-0 right-0 w-full min-h-full max-w-full translate-x-0":s},e),onInteractOutside:e=>{let{originalEvent:t}=e.detail;t.target instanceof Element&&t.target.closest(`.group.toast`)&&e.preventDefault(),u?.(e)},...d,children:[r,o&&(0,i.jsxs)(a.Close,{"data-slot":`dialog-close`,className:`ring-offset-background focus:ring-ring absolute top-8 right-8 rounded opacity-48 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-24`,children:[(0,i.jsx)(n.XIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})})})}function d({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-8`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-8 -mx-8 -mb-8 mt-8 sm:flex-row sm:justify-end`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(a.Title,{"data-slot":`dialog-title`,className:t.cn(`text-lg leading-none font-semibold text-gray-800`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(a.Description,{"data-slot":`dialog-description`,className:t.cn(`text-gray-900 text-base`,e),...n})}exports.Dialog=o,exports.DialogContent=u,exports.DialogDescription=m,exports.DialogFooter=f,exports.DialogHeader=d,exports.DialogOverlay=l,exports.DialogPortal=c,exports.DialogTitle=p,exports.DialogTrigger=s;
 //# sourceMappingURL=index16.cjs.map

package/dist/index16.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index16.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":"6IAGA,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"}
+{"version":3,"file":"index16.cjs","names":[],"sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"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 backdrop-blur-sm overflow-y-auto max-h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  fullscreen = false,\n  onInteractOutside,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n  fullscreen?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"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 w-full translate-x-[-50%] gap-16 rounded border p-24 shadow-200 duration-200',\n            {\n              'grid top-24 rounded max-w-[calc(100%-2rem)] sm:max-w-lg':\n                !fullscreen,\n              'flex flex-col top-0 left-0 right-0 w-full min-h-full max-w-full translate-x-0':\n                fullscreen\n            },\n            className\n          )}\n          onInteractOutside={e => {\n            const { originalEvent } = e.detail\n            // Prevent closing the dialog when clicking on a sonner toast\n            if (\n              originalEvent.target instanceof Element &&\n              originalEvent.target.closest('.group.toast')\n            ) {\n              e.preventDefault()\n            }\n            onInteractOutside?.(e)\n          }}\n          {...props}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className=\"ring-offset-background focus:ring-ring absolute top-8 right-8 rounded opacity-48 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-24\"\n            >\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-8 -mx-8 -mb-8 mt-8 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\n        'text-lg leading-none font-semibold text-gray-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-gray-900 text-base', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"mappings":"iOAOA,SAAS,EAAO,CACd,GAAG,GACiD,CACpD,OAAO,EAAA,EAAA,KAAC,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAS,EAAc,CACrB,GAAG,GACoD,CACvD,OAAO,EAAA,EAAA,KAAC,EAAgB,QAAjB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OAAO,EAAA,EAAA,KAAC,EAAgB,OAAjB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAQA,SAAS,EAAc,CACrB,YACA,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EAAA,GACT,0MACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,aAAa,GACb,oBACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAAC,EAAD,CAAc,YAAU,0BACtB,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EAAA,GACT,mSACA,CACE,0DACE,CAAC,EACH,gFACE,CACJ,EACA,CACF,EACA,kBAAmB,GAAK,CACtB,GAAM,CAAE,iBAAkB,EAAE,OAG1B,EAAc,kBAAkB,SAChC,EAAc,OAAO,QAAQ,cAAc,GAE3C,EAAE,eAAe,EAEnB,IAAoB,CAAC,CACvB,EACA,GAAI,WAvBN,CAyBG,EACA,IACC,EAAA,EAAA,MAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAU,uSAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAQ,CAAA,GACR,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,OAAW,CAAA,CAChB,GAEF,GACZ,CAAA,CACH,CAAA,CAElB,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAA,GACT,0EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAA,GACT,mDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GACwD,CAC3D,OACE,EAAA,EAAA,KAAC,EAAgB,YAAjB,CACE,YAAU,qBACV,UAAW,EAAA,GAAG,0BAA2B,CAAS,EAClD,GAAI,CACL,CAAA,CAEL"}