@incognia/cosmik 1.1.0 → 1.1.2

package/dist/index10.js

@@ -1,12 +1,72 @@
-import { __commonJSMin as e } from "./index2.js";
-import { require_react_jsx_runtime_production as t } from "./index8.js";
-import { require_react_jsx_runtime_development as n } from "./index9.js";
-//#region node_modules/.pnpm/react@19.1.1/node_modules/react/jsx-runtime.js
-var r = /* @__PURE__ */ e(((e, r) => {
-	process.env.NODE_ENV === "production" ? r.exports = t() : r.exports = n();
-}));
+import { cva as e } from "./index4.js";
+import { cn as t } from "./index6.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as r } from "@radix-ui/react-slot";
+//#region src/Badge/index.tsx
+var i = 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 a({ className: e, variant: a, border: o, asChild: s = !1, ...c }) {
+	return /* @__PURE__ */ n(s ? r : "span", {
+		"data-slot": "badge",
+		className: t(i({
+			variant: a,
+			border: o
+		}), e),
+		...c
+	});
+}
 //#endregion
-export default r();
-export { r as require_jsx_runtime };
+export { a as Badge, i as badgeVariants };
 
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","names":[],"sources":["../node_modules/.pnpm/react@19.1.1/node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;;CAEA,AAAA,QAAA,IAAA,aAA6B,eAC3B,EAAO,UAAA,EAAA,IAEP,EAAO,UAAA,EAAA"}
+{"version":3,"file":"index10.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":";;;;;;AASA,IAAM,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,kBAFW,IAAU,IAAO,QAE5B;EACE,aAAU;EACV,WAAW,EAAG,EAAc;GAAE;GAAS;EAAO,CAAC,GAAG,CAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}

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

package/dist/index11.cjs.map

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

package/dist/index11.js

@@ -1,62 +1,99 @@
-import { cva as e } from "./index5.js";
-import { cn as t } from "./index7.js";
-import { require_jsx_runtime as n } from "./index10.js";
-import { LucideAlertCircle as r, LucideAlertTriangle as i, LucideCheck as a, LucideInfo as o } from "lucide-react";
-import "react";
-//#region src/Alert/index.tsx
-var s = n(), c = e("relative w-full rounded flex items-center [&>svg]:shrink-0", {
-	variants: {
-		variant: {
-			info: "bg-gray-900/8 [&>svg]:text-gray-700",
-			success: "bg-green-50 [&>svg]:text-green-500",
-			error: "bg-magenta-50 [&>svg]:text-magenta-500",
-			warning: "bg-yellow-50 [&>svg]:text-yellow-500"
+"use client";
+import { cn as e } from "./index6.js";
+import { Button as t, buttonVariants as n } from "./index8.js";
+import { ChevronDownIcon as r, ChevronLeftIcon as i, ChevronRightIcon as a } from "lucide-react";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+//#region src/Calendar/index.tsx
+function u({ className: t, classNames: o, showOutsideDays: u = !0, captionLayout: f = "label", formatters: p, components: m, ...h }) {
+	let g = l();
+	return /* @__PURE__ */ s(c, {
+		showOutsideDays: u,
+		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: f,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
+			...p
 		},
-		size: {
-			sm: "py-8 px-12 gap-x-8",
-			md: "p-16 gap-x-12"
-		}
-	},
-	defaultVariants: {
-		variant: "info",
-		size: "md"
-	}
-}), l = {
-	info: /* @__PURE__ */ (0, s.jsx)(o, {}),
-	success: /* @__PURE__ */ (0, s.jsx)(a, {}),
-	error: /* @__PURE__ */ (0, s.jsx)(r, {}),
-	warning: /* @__PURE__ */ (0, s.jsx)(i, {})
-};
-function u({ className: e, variant: n, size: r, icon: i, children: a, ...o }) {
-	return /* @__PURE__ */ (0, s.jsxs)("div", {
-		"data-slot": "alert",
-		role: "alert",
-		className: t(c({
-			variant: n,
-			size: r
-		}), e),
-		...o,
-		children: [i || (n ? l[n] : null), /* @__PURE__ */ (0, s.jsx)("div", {
-			className: "block w-full",
-			children: a
-		})]
-	});
-}
-function d({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, s.jsx)("h3", {
-		"data-slot": "alert-title",
-		className: t("col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight", e),
-		...n
+		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(n({
+				variant: "ghost",
+				intent: "secondary",
+				size: "icon"
+			}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_previous),
+			button_next: e(n({
+				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", f === "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),
+			...o
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...r
+			}),
+			Chevron: ({ className: t, orientation: n, ...o }) => s(n === "left" ? i : n === "right" ? a : r, {
+				className: e("size-16", t),
+				...o
+			}),
+			DayButton: d,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
+				...t,
+				children: /* @__PURE__ */ s("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...m
+		},
+		...h
 	});
 }
-function f({ className: e, ...n }) {
-	return /* @__PURE__ */ (0, s.jsx)("div", {
-		"data-slot": "alert-description",
-		className: t("col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed", e),
-		...n
+function d({ className: n, day: r, modifiers: i, ...a }) {
+	let c = l(), u = o.useRef(null);
+	return o.useEffect(() => {
+		i.focused && u.current?.focus();
+	}, [i.focused]), /* @__PURE__ */ s(t, {
+		ref: u,
+		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", c.day, n),
+		...a
 	});
 }
 //#endregion
-export { u as Alert, f as AlertDescription, d as AlertTitle };
+export { u as Calendar };
 
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

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

package/dist/index12.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 text-base font-semibold outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40`,{variants:{variant:{filled:``,outline:`border`,ghost:``,link:``},intent:{primary:``,secondary:``,warning:``,danger:``,filter:``},size:{md:`h-40 min-w-96 px-24`,sm:`h-32 px-16`,icon:`h-32 w-32`,"fit-content":``}},compoundVariants:[{variant:`filled`,intent:`primary`,className:`bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900`},{variant:`filled`,intent:`secondary`,className:`bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]:bg-gray-900/12 active:bg-gray-900/16`},{variant:`filled`,intent:`warning`,className:`bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 data-[state=open]:bg-yellow-600 active:bg-yellow-700`},{variant:`filled`,intent:`danger`,className:`bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 data-[state=open]:bg-magenta-600 active:bg-magenta-700`},{variant:`filled`,intent:`filter`,className:`bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 data-[state=open]:bg-purple-200 active:bg-purple-300`},{variant:`outline`,intent:`primary`,className:`text-purple-700 fill-purple-700 border-purple-700`},{variant:`outline`,intent:`secondary`,className:`text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]:bg-gray-900/8 active:bg-gray-900/12`},{variant:`outline`,intent:`warning`,className:`text-yellow-500 fill-yellow-500 border-yellow-500`},{variant:`outline`,intent:`danger`,className:`text-magenta-500 fill-magenta-500 border-magenta-500`},{variant:`outline`,intent:`filter`,className:`text-purple-600 fill-purple-600 border-purple-400`},{variant:[`outline`,`ghost`],intent:`primary`,className:`hover:bg-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100`},{variant:[`outline`,`ghost`],intent:`secondary`,className:`hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]:bg-gray-900/8 active:bg-gray-900/12`},{variant:[`outline`,`ghost`],intent:`warning`,className:`bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 data-[state=open]:bg-opacity-8 active:bg-opacity-12`},{variant:[`outline`,`ghost`],intent:`danger`,className:`bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 data-[state=open]:bg-opacity-8 active:bg-opacity-12`},{variant:[`outline`,`ghost`],intent:`filter`,className:`bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 data-[state=open]:bg-opacity-8 active:bg-opacity-12`},{variant:`ghost`,intent:`primary`,className:`text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900`},{variant:`link`,intent:`primary`,className:`text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700`},{variant:[`ghost`,`link`],intent:`secondary`,className:`text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 data-[state=open]:text-gray-800 data-[state=open]:fill-gray-800 active:text-gray-900 active:fill-gray-900 `},{variant:[`ghost`,`link`],intent:`warning`,className:`text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-yellow-600 active:text-yellow-700 active:fill-yellow-700`},{variant:[`ghost`,`link`],intent:`danger`,className:`text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-magenta-600 active:text-magenta-700 active:fill-magenta-700`},{variant:[`ghost`,`link`],intent:`filter`,className:`text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800`}],defaultVariants:{variant:`filled`,intent:`primary`,size:`md`}});function c({className:e,variant:t,size:r,intent:i,asChild:c=!1,...l}){return(0,o.jsx)(c?a.Slot:`button`,{"data-slot":`button`,className:n.cn(s({variant:t,size:r,intent:i,className:e})),...l})}exports.Button=c,exports.buttonVariants=s;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index9.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-day-picker");function s({className:e,classNames:i,showOutsideDays:s=!0,captionLayout:l=`label`,formatters:u,components:d,...f}){let p=(0,o.getDefaultClassNames)();return(0,a.jsx)(o.DayPicker,{showOutsideDays:s,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:l,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(n.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(n.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`,l===`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),...i},components:{Root:({className:e,rootRef:n,...r})=>(0,a.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...i})=>n===`left`?(0,a.jsx)(r.ChevronLeftIcon,{className:t.cn(`size-16`,e),...i}):n===`right`?(0,a.jsx)(r.ChevronRightIcon,{className:t.cn(`size-16`,e),...i}):(0,a.jsx)(r.ChevronDownIcon,{className:t.cn(`size-16`,e),...i}),DayButton:c,WeekNumber:({children:e,...t})=>(0,a.jsx)(`td`,{...t,children:(0,a.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...d},...f})}function c({className:e,day:r,modifiers:s,...c}){let l=(0,o.getDefaultClassNames)(),u=i.useRef(null);return i.useEffect(()=>{s.focused&&u.current?.focus()},[s.focused]),(0,a.jsx)(n.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":r.date.toLocaleDateString(),"data-selected-single":s.selected&&!s.range_start&&!s.range_end&&!s.range_middle,"data-range-start":s.range_start,"data-range-end":s.range_end,"data-range-middle":s.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=s;
 //# sourceMappingURL=index12.cjs.map

package/dist/index12.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index12.cjs","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-base 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-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 data-[state=open]:bg-yellow-600 active:bg-yellow-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'danger',\n        className:\n          'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 data-[state=open]:bg-magenta-600 active:bg-magenta-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'filter',\n        className:\n          'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 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-yellow-500 fill-yellow-500 border-yellow-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'danger',\n        className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'filter',\n        className: 'text-purple-600 fill-purple-600 border-purple-400'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'primary',\n        className:\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-yellow-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-magenta-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-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'danger',\n        className:\n          'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'filter',\n        className:\n          'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 data-[state=open]:text-purple-700 data-[state=open]:fill-text-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":"6MAKM,EAAiB,EAAA,IACrB,6KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EACR,EACA,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EACjB,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kIACJ,EACA,CACE,QAAS,SACT,OAAQ,YACR,UACE,4IACJ,EACA,CACE,QAAS,SACT,OAAQ,UACR,UACE,kIACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,uIACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,4IACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,YACR,UACE,8IACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,2FACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+FACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,sHACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uHACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,sHACJ,EACA,CACE,QAAS,QACT,OAAQ,UACR,UACE,2OACJ,EACA,CACE,QAAS,OACT,OAAQ,UACR,UACE,yQACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wNACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,qPACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,+PACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,qPACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAOA,SAAS,EAAO,CACd,YACA,UACA,OACA,SACA,UAAU,GACV,GAAG,GACW,CAGd,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,SAG5B,CACE,YAAU,SACV,UAAW,EAAA,GAAG,EAAe,CAAE,UAAS,OAAM,SAAQ,WAAU,CAAC,CAAC,EAClE,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index12.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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"}