@incognia/cosmik 1.0.11 → 2.0.0-alpha.1

package/dist/index13.js

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

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n  clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  clearable = true,\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {clearable && value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  function handleApply() {\n    onApply?.(localValue ?? undefined)\n    setIsOpen(false)\n  }\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue ?? undefined)\n        if (open) setLocalValue(value ?? null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <div>\n          <div\n            onKeyDown={e => {\n              if (e.defaultPrevented) return\n              if (e.key !== 'Enter') return\n              const target = e.target as HTMLElement | null\n              if (!target) return\n              const tagName = target.tagName\n              const isInput = tagName === 'INPUT'\n              const isTextarea = tagName === 'TEXTAREA'\n              const isButton = tagName === 'BUTTON'\n              const isContentEditable = target.isContentEditable\n              // Only apply on Enter from filter input fields, not from buttons,\n              // textareas, or other interactive/contenteditable elements.\n              if (!isInput || isTextarea || isButton || isContentEditable) {\n                return\n              }\n              e.preventDefault()\n              e.stopPropagation()\n              handleApply()\n            }}\n          >\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {clearable && localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => setLocalValue(null)}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={e => {\n                  e.preventDefault()\n                  handleApply()\n                }}\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":"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"}
+{"version":3,"file":"index13.js","names":[],"sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-8 text-left font-display', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn('flex gap-8 flex-row justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-orange-600',\n      danger: 'text-red-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nfunction AlertDialogTitle({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n  intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(titleVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-md text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ intent: 'secondary' }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,EAAY,EACnB,GAAG,KACsD;CACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAmB,EAC1B,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,EAAkB,EACzB,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE7E;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6UACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8CAA8C,CAAS;EACrE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,CAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAgB,EAAI,2CAA2C;CACnE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AAED,SAAS,EAAiB,EACxB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,UAAO,CAAC,GAAG,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,aAAtB;EACE,aAAU;EACV,WAAW,EAAG,yBAAyB,CAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,UAAO,CAAC,GAAG,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,QAAQ,YAAY,CAAC,GAAG,CAAS;EAChE,GAAI;CACL,CAAA;AAEL"}

package/dist/index14.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),n=require("./index39.cjs"),l=require("./index40.cjs");function s({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex w-full",e),...t})}function o({variant:e,children:t,...i}){return r.jsxRuntimeExports.jsx(l.GradientScroll,{variant:e,...i,children:r.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-8 w-fit",children:t})})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex space-x-8",e),...t})}exports.FilterBar=s;exports.FilterBarContent=c;exports.FilterBarScrollableContent=o;
-//# sourceMappingURL=index14.cjs.map
+const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-slot");var o=r.default,s=t.cva(`inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]`,{variants:{variant:{green:`bg-green-100 text-green-800`,orange:`bg-orange-100 text-orange-800`,red:`bg-red-100 text-red-800`,gray:`bg-gray-300 text-gray-800`,purple:`bg-purple-100 text-purple-800`,robinblue:`bg-robinblue-100 text-robinblue-800`},border:{outline:`border`,none:`border-0`}},compoundVariants:[{border:`outline`,variant:`green`,className:`border-green-300`},{border:`outline`,variant:`orange`,className:`border-orange-300`},{border:`outline`,variant:`red`,className:`border-red-300`},{border:`outline`,variant:`gray`,className:`border-gray-400`},{border:`outline`,variant:`purple`,className:`border-purple-300`},{border:`outline`,variant:`robinblue`,className:`border-robinblue-300`}],defaultVariants:{variant:`gray`,border:`none`}});function c({className:e,variant:t,border:r,asChild:i=!1,...c}){return(0,o.jsx)(i?a.Slot:`span`,{"data-slot":`badge`,className:n.cn(s({variant:t,border:r}),e),...c})}exports.Badge=c,exports.badgeVariants=s;
+//# sourceMappingURL=index14.cjs.map

package/dist/index14.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index14.cjs","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":"uKASO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EAAI,GAAGC,EAAO,CAClE,CAMO,SAASG,EAA2B,CACzC,QAAAC,EACA,SAAAC,EACA,GAAGL,CACL,EAAoC,CAClC,OACEC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAAF,EAAmB,GAAGJ,EACpC,iCAAC,MAAA,CAAI,UAAU,oCAAqC,SAAAK,CAAA,CAAS,CAAA,CAC/D,CAEJ,CAIO,SAASE,EAAiB,CAC/B,UAAAR,EACA,GAAGC,CACL,EAA0B,CACxB,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,iBAAkBH,CAAS,EAAI,GAAGC,EAAO,CACrE"}
+{"version":3,"file":"index14.cjs","names":[],"sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-100 text-green-800',\n        orange: 'bg-orange-100 text-orange-800',\n        red: 'bg-red-100 text-red-800',\n        gray: 'bg-gray-300 text-gray-800',\n        purple: 'bg-purple-100 text-purple-800',\n        robinblue: 'bg-robinblue-100 text-robinblue-800'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      }\n    },\n    compoundVariants: [\n      {\n        border: 'outline',\n        variant: 'green',\n        className: 'border-green-300'\n      },\n      {\n        border: 'outline',\n        variant: 'orange',\n        className: 'border-orange-300'\n      },\n      {\n        border: 'outline',\n        variant: 'red',\n        className: 'border-red-300'\n      },\n      {\n        border: 'outline',\n        variant: 'gray',\n        className: 'border-gray-400'\n      },\n      {\n        border: 'outline',\n        variant: 'purple',\n        className: 'border-purple-300'\n      },\n      {\n        border: 'outline',\n        variant: 'robinblue',\n        className: 'border-robinblue-300'\n      }\n    ],\n    defaultVariants: {\n      variant: 'gray',\n      border: 'none'\n    }\n  }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n  className,\n  variant,\n  border,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : 'span'\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant, border }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"6MASM,EAAgB,EAAA,IACpB,gJACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8BACP,OAAQ,gCACR,IAAK,0BACL,KAAM,4BACN,OAAQ,gCACR,UAAW,qCACb,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,QAAS,QACT,UAAW,kBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,MACT,UAAW,gBACb,EACA,CACE,OAAQ,UACR,QAAS,OACT,UAAW,iBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,YACT,UAAW,sBACb,CACF,EACA,gBAAiB,CACf,QAAS,OACT,OAAQ,MACV,CACF,CACF,EAKA,SAAS,EAAM,CACb,YACA,UACA,SACA,UAAU,GACV,GAAG,GACU,CAEb,OACE,EAAA,EAAA,KAFW,EAAU,EAAA,KAAO,OAE5B,CACE,YAAU,QACV,UAAW,EAAA,GAAG,EAAc,CAAE,UAAS,QAAO,CAAC,EAAG,CAAS,EAC3D,GAAI,CACL,CAAA,CAEL"}

package/dist/index14.js

@@ -1,25 +1,72 @@
-import { j as t } from "./index37.js";
-import { cn as n } from "./index39.js";
-import { GradientScroll as l } from "./index40.js";
-function c({ className: r, ...e }) {
-  return /* @__PURE__ */ t.jsx("div", { className: n("flex w-full", r), ...e });
+import { cva as e } from "./index5.js";
+import { cn as t } from "./index7.js";
+import { require_jsx_runtime as n } from "./index10.js";
+import "react";
+import { Slot as r } from "@radix-ui/react-slot";
+//#region src/Badge/index.tsx
+var i = n(), a = e("inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]", {
+	variants: {
+		variant: {
+			green: "bg-green-100 text-green-800",
+			orange: "bg-orange-100 text-orange-800",
+			red: "bg-red-100 text-red-800",
+			gray: "bg-gray-300 text-gray-800",
+			purple: "bg-purple-100 text-purple-800",
+			robinblue: "bg-robinblue-100 text-robinblue-800"
+		},
+		border: {
+			outline: "border",
+			none: "border-0"
+		}
+	},
+	compoundVariants: [
+		{
+			border: "outline",
+			variant: "green",
+			className: "border-green-300"
+		},
+		{
+			border: "outline",
+			variant: "orange",
+			className: "border-orange-300"
+		},
+		{
+			border: "outline",
+			variant: "red",
+			className: "border-red-300"
+		},
+		{
+			border: "outline",
+			variant: "gray",
+			className: "border-gray-400"
+		},
+		{
+			border: "outline",
+			variant: "purple",
+			className: "border-purple-300"
+		},
+		{
+			border: "outline",
+			variant: "robinblue",
+			className: "border-robinblue-300"
+		}
+	],
+	defaultVariants: {
+		variant: "gray",
+		border: "none"
+	}
+});
+function 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
+	});
 }
-function x({
-  variant: r,
-  children: e,
-  ...i
-}) {
-  return /* @__PURE__ */ t.jsx(l, { variant: r, ...i, children: /* @__PURE__ */ t.jsx("div", { className: "flex items-center space-x-8 w-fit", children: e }) });
-}
-function f({
-  className: r,
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx("div", { className: n("flex space-x-8", r), ...e });
-}
-export {
-  c as FilterBar,
-  f as FilterBarContent,
-  x as FilterBarScrollableContent
-};
-//# sourceMappingURL=index14.js.map
+//#endregion
+export { o as Badge, a as badgeVariants };
+
+//# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":";;;AASO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,eAAeH,CAAS,GAAI,GAAGC,GAAO;AAClE;AAMO,SAASG,EAA2B;AAAA,EACzC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGL;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA,IAACK,GAAA,EAAe,SAAAF,GAAmB,GAAGJ,GACpC,gCAAC,OAAA,EAAI,WAAU,qCAAqC,UAAAK,EAAA,CAAS,EAAA,CAC/D;AAEJ;AAIO,SAASE,EAAiB;AAAA,EAC/B,WAAAR;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,kBAAkBH,CAAS,GAAI,GAAGC,GAAO;AACrE;"}
+{"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-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-100 text-green-800',\n        orange: 'bg-orange-100 text-orange-800',\n        red: 'bg-red-100 text-red-800',\n        gray: 'bg-gray-300 text-gray-800',\n        purple: 'bg-purple-100 text-purple-800',\n        robinblue: 'bg-robinblue-100 text-robinblue-800'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      }\n    },\n    compoundVariants: [\n      {\n        border: 'outline',\n        variant: 'green',\n        className: 'border-green-300'\n      },\n      {\n        border: 'outline',\n        variant: 'orange',\n        className: 'border-orange-300'\n      },\n      {\n        border: 'outline',\n        variant: 'red',\n        className: 'border-red-300'\n      },\n      {\n        border: 'outline',\n        variant: 'gray',\n        className: 'border-gray-400'\n      },\n      {\n        border: 'outline',\n        variant: 'purple',\n        className: 'border-purple-300'\n      },\n      {\n        border: 'outline',\n        variant: 'robinblue',\n        className: 'border-robinblue-300'\n      }\n    ],\n    defaultVariants: {\n      variant: 'gray',\n      border: 'none'\n    }\n  }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n  className,\n  variant,\n  border,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : 'span'\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant, border }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;;aASM,IAAgB,EACpB,iJACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,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"}

package/dist/index15.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),l=require("./index39.cjs");function s({className:e,type:t,...i}){return o.jsxRuntimeExports.jsx("input",{type:t,"data-slot":"input",className:l.cn("flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base","file:border-0 file:bg-white file:text-base file:font-semibold","placeholder:text-gray-400","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),...i})}exports.Input=s;
-//# sourceMappingURL=index15.cjs.map
+"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-md 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 rounded overflow-hidden`,p.weekdays),weekday:t.cn(`text-gray-700 bg-gray-900/4 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;
+//# sourceMappingURL=index15.cjs.map

package/dist/index15.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index15.cjs","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-semibold',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":"4IAGA,SAASA,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAAF,EACA,YAAU,QACV,UAAWG,EAAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}
+{"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-md 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(\n          'flex rounded overflow-hidden',\n          defaultClassNames.weekdays\n        ),\n        weekday: cn(\n          'text-gray-700 bg-gray-900/4 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/index15.js

@@ -1,26 +1,106 @@
-import { j as i } from "./index37.js";
-import { cn as a } from "./index39.js";
-function r({ className: e, type: o, ...t }) {
-  return /* @__PURE__ */ i.jsx(
-    "input",
-    {
-      type: o,
-      "data-slot": "input",
-      className: a(
-        "flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base",
-        "file:border-0 file:bg-white file:text-base file:font-semibold",
-        "placeholder:text-gray-400",
-        "hover:shadow-field-hover",
-        "active:shadow-field-active",
-        "focus-visible:outline-none focus:shadow-field-active",
-        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
-        e
-      ),
-      ...t
-    }
-  );
+"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-md 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 rounded overflow-hidden", g.weekdays),
+			weekday: e("text-gray-700 bg-gray-900/4 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
+	});
 }
-export {
-  r as Input
-};
-//# sourceMappingURL=index15.js.map
+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
+	});
+}
+//#endregion
+export { d as Calendar };
+
+//# sourceMappingURL=index15.js.map