@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/button.cjs

@@ -1 +1,92 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slot_namespaceObject=require("@radix-ui/react-slot"),buttonVariants=(0,tailwind_variants_namespaceObject.tv)({base:"focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{"icon-sm":"size-8",icon:"size-9","icon-lg":"size-10",sm:"h-8 px-3 has-[>svg]:px-2.5",md:"h-9 px-4 has-[>svg]:px-3",lg:"h-10 px-6 has-[>svg]:px-4"},variant:{default:"bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80",destructive:"bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white",ghost:"hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",link:"text-primary hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4",outline:"border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 hover:not-disabled:border-ring/60 border",secondary:"bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"}}});function Button({asChild:e=!1,children:r,className:t,size:i,type:a="button",variant:n,...s}){let o=e?react_slot_namespaceObject.Slot:"button";return e?(0,jsx_runtime_namespaceObject.jsx)(o,{className:buttonVariants({className:t,size:i,variant:n}),"data-slot":"button","data-variant":n,...s,children:r}):(0,jsx_runtime_namespaceObject.jsx)("button",{className:buttonVariants({className:t,size:i,variant:n}),"data-slot":"button","data-variant":n,type:a,...s,children:r})}for(var __webpack_i__ in exports.Button=__webpack_exports__.Button,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Button","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    buttonVariants: ()=>buttonVariants,
+    Button: ()=>Button
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const buttonVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    defaultVariants: {
+        size: "md",
+        variant: "default"
+    },
+    variants: {
+        size: {
+            "icon-sm": "size-8",
+            icon: "size-9",
+            "icon-lg": "size-10",
+            sm: "h-8 px-3 has-[>svg]:px-2.5",
+            md: "h-9 px-4 has-[>svg]:px-3",
+            lg: "h-10 px-6 has-[>svg]:px-4"
+        },
+        variant: {
+            default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
+            destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+            ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
+            link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
+            outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
+            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
+        }
+    }
+});
+function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
+    const Comp = asChild ? react_slot_namespaceObject.Slot : "button";
+    if (asChild) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "button",
+        "data-variant": variant,
+        ...props,
+        children: children
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "button",
+        "data-variant": variant,
+        type: type,
+        ...props,
+        children: children
+    });
+}
+exports.Button = __webpack_exports__.Button;
+exports.buttonVariants = __webpack_exports__.buttonVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Button",
+    "buttonVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/button.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
 import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 declare const buttonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     size: {
         "icon-sm": string;

package/dist/components/button.js

@@ -1 +1,55 @@
-import{jsx as i}from"react/jsx-runtime";import{tv as e}from"@codefast/tailwind-variants";import{Slot as r}from"@radix-ui/react-slot";let t=e({base:"focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{"icon-sm":"size-8",icon:"size-9","icon-lg":"size-10",sm:"h-8 px-3 has-[>svg]:px-2.5",md:"h-9 px-4 has-[>svg]:px-3",lg:"h-10 px-6 has-[>svg]:px-4"},variant:{default:"bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80",destructive:"bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white",ghost:"hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",link:"text-primary hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4",outline:"border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 hover:not-disabled:border-ring/60 border",secondary:"bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"}}});function s({asChild:e=!1,children:s,className:n,size:a,type:o="button",variant:d,...l}){return e?i(e?r:"button",{className:t({className:n,size:a,variant:d}),"data-slot":"button","data-variant":d,...l,children:s}):i("button",{className:t({className:n,size:a,variant:d}),"data-slot":"button","data-variant":d,type:o,...l,children:s})}export{s as Button,t as buttonVariants};
+import { jsx } from "react/jsx-runtime";
+import { tv } from "@codefast/tailwind-variants";
+import { Slot } from "@radix-ui/react-slot";
+const buttonVariants = tv({
+    base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    defaultVariants: {
+        size: "md",
+        variant: "default"
+    },
+    variants: {
+        size: {
+            "icon-sm": "size-8",
+            icon: "size-9",
+            "icon-lg": "size-10",
+            sm: "h-8 px-3 has-[>svg]:px-2.5",
+            md: "h-9 px-4 has-[>svg]:px-3",
+            lg: "h-10 px-6 has-[>svg]:px-4"
+        },
+        variant: {
+            default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
+            destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+            ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
+            link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
+            outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
+            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
+        }
+    }
+});
+function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    if (asChild) return /*#__PURE__*/ jsx(Comp, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "button",
+        "data-variant": variant,
+        ...props,
+        children: children
+    });
+    return /*#__PURE__*/ jsx("button", {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "button",
+        "data-variant": variant,
+        type: type,
+        ...props,
+        children: children
+    });
+}
+export { Button, buttonVariants };

package/dist/components/calendar.cjs

@@ -1,2 +1,151 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Calendar:()=>Calendar,CalendarRangeLabel:()=>CalendarRangeLabel,CalendarLabel:()=>CalendarLabel});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_date_fns_namespaceObject=require("date-fns"),external_lucide_react_namespaceObject=require("lucide-react"),external_react_day_picker_namespaceObject=require("react-day-picker"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Chevron({className:e,orientation:a,...t}){switch(a){case"up":return(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon,{className:(0,tailwind_variants_namespaceObject.cn)("size-4",e),...t});case"down":return(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon,{className:(0,tailwind_variants_namespaceObject.cn)("size-4",e),...t});case"left":return(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon,{className:(0,tailwind_variants_namespaceObject.cn)("size-4",e),...t});case"right":return(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{className:(0,tailwind_variants_namespaceObject.cn)("size-4",e),...t});case void 0:throw Error("Not implemented yet: undefined case");default:return(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon,{className:(0,tailwind_variants_namespaceObject.cn)("size-4",e),...t})}}function Calendar({classNames:e,showOutsideDays:a=!0,...t}){let c=void 0!==t.mode||void 0!==t.onDayClick;return(0,jsx_runtime_namespaceObject.jsx)(external_react_day_picker_namespaceObject.DayPicker,{classNames:{[external_react_day_picker_namespaceObject.UI.CaptionLabel]:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-2 [&>svg]:opacity-50",e?.[external_react_day_picker_namespaceObject.UI.CaptionLabel]),[external_react_day_picker_namespaceObject.UI.Chevron]:(0,tailwind_variants_namespaceObject.cn)(e?.[external_react_day_picker_namespaceObject.UI.Chevron]),[external_react_day_picker_namespaceObject.UI.Day]:(0,tailwind_variants_namespaceObject.cn)("grid place-items-center text-center text-sm",c?"min-w-8.5 has-focus-visible:z-20 group":"min-w-8.5 h-8",e?.[external_react_day_picker_namespaceObject.UI.Day]),[external_react_day_picker_namespaceObject.UI.DayButton]:(0,tailwind_variants_namespaceObject.cn)("group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50",e?.[external_react_day_picker_namespaceObject.UI.DayButton]),[external_react_day_picker_namespaceObject.UI.Dropdown]:(0,tailwind_variants_namespaceObject.cn)("absolute opacity-0",e?.[external_react_day_picker_namespaceObject.UI.Dropdown]),[external_react_day_picker_namespaceObject.UI.DropdownRoot]:(0,tailwind_variants_namespaceObject.cn)("relative",e?.[external_react_day_picker_namespaceObject.UI.DropdownRoot]),[external_react_day_picker_namespaceObject.UI.Dropdowns]:(0,tailwind_variants_namespaceObject.cn)("flex gap-4",e?.[external_react_day_picker_namespaceObject.UI.Dropdowns]),[external_react_day_picker_namespaceObject.UI.Footer]:(0,tailwind_variants_namespaceObject.cn)(e?.[external_react_day_picker_namespaceObject.UI.Footer]),[external_react_day_picker_namespaceObject.UI.Month]:(0,tailwind_variants_namespaceObject.cn)("flex flex-col gap-4",e?.[external_react_day_picker_namespaceObject.UI.Month]),[external_react_day_picker_namespaceObject.UI.MonthCaption]:(0,tailwind_variants_namespaceObject.cn)("py-1 text-sm font-medium",e?.[external_react_day_picker_namespaceObject.UI.MonthCaption]),[external_react_day_picker_namespaceObject.UI.MonthGrid]:(0,tailwind_variants_namespaceObject.cn)(e?.[external_react_day_picker_namespaceObject.UI.MonthGrid]),[external_react_day_picker_namespaceObject.UI.Months]:(0,tailwind_variants_namespaceObject.cn)("relative flex gap-4",e?.[external_react_day_picker_namespaceObject.UI.Months]),[external_react_day_picker_namespaceObject.UI.MonthsDropdown]:(0,tailwind_variants_namespaceObject.cn)(e?.[external_react_day_picker_namespaceObject.UI.MonthsDropdown]),[external_react_day_picker_namespaceObject.UI.Nav]:(0,tailwind_variants_namespaceObject.cn)("absolute end-0 flex gap-2",e?.[external_react_day_picker_namespaceObject.UI.Nav]),[external_react_day_picker_namespaceObject.UI.NextMonthButton]:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["size-7",e?.[external_react_day_picker_namespaceObject.UI.NextMonthButton]],size:"icon",variant:"ghost"}),[external_react_day_picker_namespaceObject.UI.PreviousMonthButton]:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["size-7",e?.[external_react_day_picker_namespaceObject.UI.PreviousMonthButton]],size:"icon",variant:"ghost"}),[external_react_day_picker_namespaceObject.UI.Root]:(0,tailwind_variants_namespaceObject.cn)("p-3",e?.[external_react_day_picker_namespaceObject.UI.Root]),[external_react_day_picker_namespaceObject.UI.Week]:(0,tailwind_variants_namespaceObject.cn)("mt-2 flex justify-between",e?.[external_react_day_picker_namespaceObject.UI.Week]),[external_react_day_picker_namespaceObject.UI.Weekday]:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground min-w-8.5 text-xs font-medium",e?.[external_react_day_picker_namespaceObject.UI.Weekday]),[external_react_day_picker_namespaceObject.UI.Weekdays]:(0,tailwind_variants_namespaceObject.cn)("flex w-full justify-between",e?.[external_react_day_picker_namespaceObject.UI.Weekdays]),[external_react_day_picker_namespaceObject.UI.WeekNumber]:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg",e?.[external_react_day_picker_namespaceObject.UI.WeekNumber]),[external_react_day_picker_namespaceObject.UI.WeekNumberHeader]:(0,tailwind_variants_namespaceObject.cn)("min-w-8.5",e?.[external_react_day_picker_namespaceObject.UI.WeekNumberHeader]),[external_react_day_picker_namespaceObject.UI.Weeks]:(0,tailwind_variants_namespaceObject.cn)(e?.[external_react_day_picker_namespaceObject.UI.Weeks]),[external_react_day_picker_namespaceObject.UI.YearsDropdown]:(0,tailwind_variants_namespaceObject.cn)(e?.[external_react_day_picker_namespaceObject.UI.YearsDropdown]),[external_react_day_picker_namespaceObject.SelectionState.range_end]:(0,tailwind_variants_namespaceObject.cn)("to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg",e?.[external_react_day_picker_namespaceObject.SelectionState.range_end]),[external_react_day_picker_namespaceObject.SelectionState.range_middle]:(0,tailwind_variants_namespaceObject.cn)("is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg",e?.[external_react_day_picker_namespaceObject.SelectionState.range_middle]),[external_react_day_picker_namespaceObject.SelectionState.range_start]:(0,tailwind_variants_namespaceObject.cn)("to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg",e?.[external_react_day_picker_namespaceObject.SelectionState.range_start]),[external_react_day_picker_namespaceObject.SelectionState.selected]:(0,tailwind_variants_namespaceObject.cn)("is-selected",e?.[external_react_day_picker_namespaceObject.SelectionState.selected]),[external_react_day_picker_namespaceObject.DayFlag.disabled]:(0,tailwind_variants_namespaceObject.cn)("is-disabled",e?.[external_react_day_picker_namespaceObject.DayFlag.disabled]),[external_react_day_picker_namespaceObject.DayFlag.focused]:(0,tailwind_variants_namespaceObject.cn)("is-focused",e?.[external_react_day_picker_namespaceObject.DayFlag.focused]),[external_react_day_picker_namespaceObject.DayFlag.hidden]:(0,tailwind_variants_namespaceObject.cn)("is-hidden size-8",e?.[external_react_day_picker_namespaceObject.DayFlag.hidden]),[external_react_day_picker_namespaceObject.DayFlag.outside]:(0,tailwind_variants_namespaceObject.cn)("is-outside",e?.[external_react_day_picker_namespaceObject.DayFlag.outside]),[external_react_day_picker_namespaceObject.DayFlag.today]:(0,tailwind_variants_namespaceObject.cn)("is-today",e?.[external_react_day_picker_namespaceObject.DayFlag.today])},components:{Chevron},showOutsideDays:a,...t})}function CalendarRangeLabel({date:e,formatStr:a="LLL dd, y",placeholder:t="Pick a date"}){if(!e?.from)return(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:t});let c=(0,external_date_fns_namespaceObject.format)(e.from,a);if(!e.to)return(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:c});let n=(0,external_date_fns_namespaceObject.format)(e.to,a);return(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"truncate",children:[c," - ",n]})}function CalendarLabel({date:e,formatStr:a="PPP",placeholder:t="Pick a date"}){return e?(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:(0,external_date_fns_namespaceObject.format)(e,a)}):(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:t})}for(var __webpack_i__ in exports.Calendar=__webpack_exports__.Calendar,exports.CalendarLabel=__webpack_exports__.CalendarLabel,exports.CalendarRangeLabel=__webpack_exports__.CalendarRangeLabel,__webpack_exports__)-1===["Calendar","CalendarLabel","CalendarRangeLabel"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Calendar: ()=>Calendar,
+    CalendarDayButton: ()=>CalendarDayButton
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_react_day_picker_namespaceObject = require("react-day-picker");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+function Calendar({ buttonVariant = "ghost", captionLayout = "label", className, classNames, components, formatters, showOutsideDays = true, ...props }) {
+    const defaultClassNames = (0, external_react_day_picker_namespaceObject.getDefaultClassNames)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_day_picker_namespaceObject.DayPicker, {
+        captionLayout: captionLayout,
+        className: (0, tailwind_variants_namespaceObject.cn)("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", "rtl:**:[.rdp-button_next>svg]:rotate-180", "rtl:**:[.rdp-button_previous>svg]:rotate-180", className),
+        classNames: {
+            button_next: (0, tailwind_variants_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
+                variant: buttonVariant
+            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
+            button_previous: (0, tailwind_variants_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
+                variant: buttonVariant
+            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
+            caption_label: (0, tailwind_variants_namespaceObject.cn)("font-medium select-none", "label" === captionLayout ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
+            day: (0, tailwind_variants_namespaceObject.cn)("group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
+            disabled: (0, tailwind_variants_namespaceObject.cn)("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            dropdown: (0, tailwind_variants_namespaceObject.cn)("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
+            dropdown_root: (0, tailwind_variants_namespaceObject.cn)("relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-3 has-focus:ring-ring/50", defaultClassNames.dropdown_root),
+            dropdowns: (0, tailwind_variants_namespaceObject.cn)("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+            hidden: (0, tailwind_variants_namespaceObject.cn)("invisible", defaultClassNames.hidden),
+            month: (0, tailwind_variants_namespaceObject.cn)("flex w-full flex-col gap-4", defaultClassNames.month),
+            month_caption: (0, tailwind_variants_namespaceObject.cn)("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+            months: (0, tailwind_variants_namespaceObject.cn)("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+            nav: (0, tailwind_variants_namespaceObject.cn)("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+            outside: (0, tailwind_variants_namespaceObject.cn)("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            range_end: (0, tailwind_variants_namespaceObject.cn)("rounded-r-md bg-accent", defaultClassNames.range_end),
+            range_middle: (0, tailwind_variants_namespaceObject.cn)("rounded-none", defaultClassNames.range_middle),
+            range_start: (0, tailwind_variants_namespaceObject.cn)("rounded-l-md bg-accent", defaultClassNames.range_start),
+            root: (0, tailwind_variants_namespaceObject.cn)("w-fit", defaultClassNames.root),
+            table: "w-full border-collapse",
+            today: (0, tailwind_variants_namespaceObject.cn)("rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
+            week: (0, tailwind_variants_namespaceObject.cn)("mt-2 flex w-full", defaultClassNames.week),
+            week_number: (0, tailwind_variants_namespaceObject.cn)("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
+            week_number_header: (0, tailwind_variants_namespaceObject.cn)("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+            weekday: (0, tailwind_variants_namespaceObject.cn)("flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
+            weekdays: (0, tailwind_variants_namespaceObject.cn)("flex", defaultClassNames.weekdays),
+            ...classNames
+        },
+        components: {
+            Chevron: CalendarChevron,
+            DayButton: CalendarDayButton,
+            Root: CalendarRoot,
+            WeekNumber: CalendarWeekNumber,
+            ...components
+        },
+        formatters: {
+            formatMonthDropdown: (date)=>date.toLocaleString("default", {
+                    month: "short"
+                }),
+            ...formatters
+        },
+        showOutsideDays: showOutsideDays,
+        ...props
+    });
+}
+function CalendarChevron({ className, orientation, ...props }) {
+    if ("left" === orientation) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon, {
+        className: (0, tailwind_variants_namespaceObject.cn)("size-4", className),
+        ...props
+    });
+    if ("right" === orientation) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+        className: (0, tailwind_variants_namespaceObject.cn)("size-4", className),
+        ...props
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {
+        className: (0, tailwind_variants_namespaceObject.cn)("size-4", className),
+        ...props
+    });
+}
+function CalendarRoot({ className, rootRef, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: rootRef,
+        className: (0, tailwind_variants_namespaceObject.cn)(className),
+        "data-slot": "calendar",
+        ...props
+    });
+}
+function CalendarWeekNumber({ children, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("td", {
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "flex size-(--cell-size) items-center justify-center text-center",
+            children: children
+        })
+    });
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = (0, external_react_day_picker_namespaceObject.getDefaultClassNames)();
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (modifiers.focused) ref.current?.focus();
+    }, [
+        modifiers.focused
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        ref: ref,
+        className: (0, tailwind_variants_namespaceObject.cn)("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-3 group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+        "data-day": day.date.toLocaleDateString(),
+        "data-range-end": modifiers.range_end,
+        "data-range-middle": modifiers.range_middle,
+        "data-range-start": modifiers.range_start,
+        "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+        size: "icon",
+        variant: "ghost",
+        ...props
+    });
+}
+exports.Calendar = __webpack_exports__.Calendar;
+exports.CalendarDayButton = __webpack_exports__.CalendarDayButton;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Calendar",
+    "CalendarDayButton"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/calendar.d.ts

@@ -1,19 +1,12 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
-import type { DateRange } from "react-day-picker";
+import type { ComponentProps, JSX } from "react";
+import type { DayButton } from "react-day-picker";
 import { DayPicker } from "react-day-picker";
-type CalendarProps = ComponentProps<typeof DayPicker>;
-declare function Calendar({ classNames, showOutsideDays, ...props }: CalendarProps): JSX.Element;
-interface CalendarRangeLabelProps {
-    date: DateRange | undefined;
-    formatStr?: string;
-    placeholder?: string;
-}
-declare function CalendarRangeLabel({ date, formatStr: formatString, placeholder, }: CalendarRangeLabelProps): ReactNode;
-interface CalendarLabelProps {
-    date: Date | undefined;
-    formatStr?: string;
-    placeholder?: string;
-}
-declare function CalendarLabel({ date, formatStr: formatString, placeholder, }: CalendarLabelProps): ReactNode;
-export { Calendar, CalendarLabel, CalendarRangeLabel };
-export type { CalendarLabelProps, CalendarProps, CalendarRangeLabelProps };
+import { Button } from "./button";
+type CalendarProps = ComponentProps<typeof DayPicker> & {
+    buttonVariant?: ComponentProps<typeof Button>["variant"];
+};
+declare function Calendar({ buttonVariant, captionLayout, className, classNames, components, formatters, showOutsideDays, ...props }: CalendarProps): JSX.Element;
+type CalendarDayButtonProps = ComponentProps<typeof DayButton>;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): JSX.Element;
+export { Calendar, CalendarDayButton };
+export type { CalendarDayButtonProps, CalendarProps };

package/dist/components/calendar.js

@@ -1,2 +1,114 @@
 "use client";
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{format as t}from"date-fns";import{ChevronDownIcon as o,ChevronLeftIcon as a,ChevronRightIcon as n,ChevronUpIcon as s,DotIcon as d}from"lucide-react";import{DayFlag as i,DayPicker as l,SelectionState as u,UI as c}from"react-day-picker";import{buttonVariants as g}from"./button.js";import{cn as m}from"@codefast/tailwind-variants";function p({className:r,orientation:t,...i}){switch(t){case"up":return e(s,{className:m("size-4",r),...i});case"down":return e(o,{className:m("size-4",r),...i});case"left":return e(a,{className:m("size-4",r),...i});case"right":return e(n,{className:m("size-4",r),...i});case void 0:throw Error("Not implemented yet: undefined case");default:return e(d,{className:m("size-4",r),...i})}}function f({classNames:r,showOutsideDays:t=!0,...o}){let a=void 0!==o.mode||void 0!==o.onDayClick;return e(l,{classNames:{[c.CaptionLabel]:m("flex items-center gap-2 [&>svg]:opacity-50",r?.[c.CaptionLabel]),[c.Chevron]:m(r?.[c.Chevron]),[c.Day]:m("grid place-items-center text-center text-sm",a?"min-w-8.5 has-focus-visible:z-20 group":"min-w-8.5 h-8",r?.[c.Day]),[c.DayButton]:m("group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50",r?.[c.DayButton]),[c.Dropdown]:m("absolute opacity-0",r?.[c.Dropdown]),[c.DropdownRoot]:m("relative",r?.[c.DropdownRoot]),[c.Dropdowns]:m("flex gap-4",r?.[c.Dropdowns]),[c.Footer]:m(r?.[c.Footer]),[c.Month]:m("flex flex-col gap-4",r?.[c.Month]),[c.MonthCaption]:m("py-1 text-sm font-medium",r?.[c.MonthCaption]),[c.MonthGrid]:m(r?.[c.MonthGrid]),[c.Months]:m("relative flex gap-4",r?.[c.Months]),[c.MonthsDropdown]:m(r?.[c.MonthsDropdown]),[c.Nav]:m("absolute end-0 flex gap-2",r?.[c.Nav]),[c.NextMonthButton]:g({className:["size-7",r?.[c.NextMonthButton]],size:"icon",variant:"ghost"}),[c.PreviousMonthButton]:g({className:["size-7",r?.[c.PreviousMonthButton]],size:"icon",variant:"ghost"}),[c.Root]:m("p-3",r?.[c.Root]),[c.Week]:m("mt-2 flex justify-between",r?.[c.Week]),[c.Weekday]:m("text-muted-foreground min-w-8.5 text-xs font-medium",r?.[c.Weekday]),[c.Weekdays]:m("flex w-full justify-between",r?.[c.Weekdays]),[c.WeekNumber]:m("text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg",r?.[c.WeekNumber]),[c.WeekNumberHeader]:m("min-w-8.5",r?.[c.WeekNumberHeader]),[c.Weeks]:m(r?.[c.Weeks]),[c.YearsDropdown]:m(r?.[c.YearsDropdown]),[u.range_end]:m("to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg",r?.[u.range_end]),[u.range_middle]:m("is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg",r?.[u.range_middle]),[u.range_start]:m("to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg",r?.[u.range_start]),[u.selected]:m("is-selected",r?.[u.selected]),[i.disabled]:m("is-disabled",r?.[i.disabled]),[i.focused]:m("is-focused",r?.[i.focused]),[i.hidden]:m("is-hidden size-8",r?.[i.hidden]),[i.outside]:m("is-outside",r?.[i.outside]),[i.today]:m("is-today",r?.[i.today])},components:{Chevron:p},showOutsideDays:t,...o})}function y({date:o,formatStr:a="LLL dd, y",placeholder:n="Pick a date"}){if(!o?.from)return e("span",{className:"truncate",children:n});let s=t(o.from,a);return o.to?r("span",{className:"truncate",children:[s," - ",t(o.to,a)]}):e("span",{className:"truncate",children:s})}function b({date:r,formatStr:o="PPP",placeholder:a="Pick a date"}){return r?e("span",{className:"truncate",children:t(r,o)}):e("span",{className:"truncate",children:a})}export{f as Calendar,b as CalendarLabel,y as CalendarRangeLabel};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { useEffect, useRef } from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { Button, buttonVariants } from "./button.js";
+function Calendar({ buttonVariant = "ghost", captionLayout = "label", className, classNames, components, formatters, showOutsideDays = true, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    return /*#__PURE__*/ jsx(DayPicker, {
+        captionLayout: captionLayout,
+        className: cn("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", "rtl:**:[.rdp-button_next>svg]:rotate-180", "rtl:**:[.rdp-button_previous>svg]:rotate-180", className),
+        classNames: {
+            button_next: cn(buttonVariants({
+                variant: buttonVariant
+            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
+            button_previous: cn(buttonVariants({
+                variant: buttonVariant
+            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
+            caption_label: cn("font-medium select-none", "label" === captionLayout ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
+            day: cn("group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
+            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
+            dropdown_root: cn("relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-3 has-focus:ring-ring/50", defaultClassNames.dropdown_root),
+            dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+            hidden: cn("invisible", defaultClassNames.hidden),
+            month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+            month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+            range_middle: cn("rounded-none", defaultClassNames.range_middle),
+            range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+            root: cn("w-fit", defaultClassNames.root),
+            table: "w-full border-collapse",
+            today: cn("rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
+            week: cn("mt-2 flex w-full", defaultClassNames.week),
+            week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
+            week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+            weekday: cn("flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
+            weekdays: cn("flex", defaultClassNames.weekdays),
+            ...classNames
+        },
+        components: {
+            Chevron: CalendarChevron,
+            DayButton: CalendarDayButton,
+            Root: CalendarRoot,
+            WeekNumber: CalendarWeekNumber,
+            ...components
+        },
+        formatters: {
+            formatMonthDropdown: (date)=>date.toLocaleString("default", {
+                    month: "short"
+                }),
+            ...formatters
+        },
+        showOutsideDays: showOutsideDays,
+        ...props
+    });
+}
+function CalendarChevron({ className, orientation, ...props }) {
+    if ("left" === orientation) return /*#__PURE__*/ jsx(ChevronLeftIcon, {
+        className: cn("size-4", className),
+        ...props
+    });
+    if ("right" === orientation) return /*#__PURE__*/ jsx(ChevronRightIcon, {
+        className: cn("size-4", className),
+        ...props
+    });
+    return /*#__PURE__*/ jsx(ChevronDownIcon, {
+        className: cn("size-4", className),
+        ...props
+    });
+}
+function CalendarRoot({ className, rootRef, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: rootRef,
+        className: cn(className),
+        "data-slot": "calendar",
+        ...props
+    });
+}
+function CalendarWeekNumber({ children, ...props }) {
+    return /*#__PURE__*/ jsx("td", {
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: "flex size-(--cell-size) items-center justify-center text-center",
+            children: children
+        })
+    });
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = useRef(null);
+    useEffect(()=>{
+        if (modifiers.focused) ref.current?.focus();
+    }, [
+        modifiers.focused
+    ]);
+    return /*#__PURE__*/ jsx(Button, {
+        ref: ref,
+        className: cn("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-3 group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+        "data-day": day.date.toLocaleDateString(),
+        "data-range-end": modifiers.range_end,
+        "data-range-middle": modifiers.range_middle,
+        "data-range-start": modifiers.range_start,
+        "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+        size: "icon",
+        variant: "ghost",
+        ...props
+    });
+}
+export { Calendar, CalendarDayButton };

package/dist/components/card.cjs

@@ -1 +1,105 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CardFooter:()=>CardFooter,CardAction:()=>CardAction,CardContent:()=>CardContent,CardDescription:()=>CardDescription,CardHeader:()=>CardHeader,CardTitle:()=>CardTitle,Card:()=>Card});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Card({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm",e),"data-slot":"card",...r})}function CardHeader({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",e),"data-slot":"card-header",...r})}function CardTitle({children:e,className:r,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("leading-none font-semibold",r),"data-slot":"card-title",...a,children:e})}function CardDescription({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground text-sm",e),"data-slot":"card-description",...r})}function CardContent({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("px-6",e),"data-slot":"card-content",...r})}function CardFooter({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center px-6 [.border-t]:pt-6",e),"data-slot":"card-footer",...r})}function CardAction({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end",e),"data-slot":"card-action",...r})}for(var __webpack_i__ in exports.Card=__webpack_exports__.Card,exports.CardAction=__webpack_exports__.CardAction,exports.CardContent=__webpack_exports__.CardContent,exports.CardDescription=__webpack_exports__.CardDescription,exports.CardFooter=__webpack_exports__.CardFooter,exports.CardHeader=__webpack_exports__.CardHeader,exports.CardTitle=__webpack_exports__.CardTitle,__webpack_exports__)-1===["Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CardFooter: ()=>CardFooter,
+    CardAction: ()=>CardAction,
+    CardContent: ()=>CardContent,
+    CardDescription: ()=>CardDescription,
+    CardHeader: ()=>CardHeader,
+    CardTitle: ()=>CardTitle,
+    Card: ()=>Card
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+function Card({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex flex-col gap-6 overflow-auto rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className),
+        "data-slot": "card",
+        ...props
+    });
+}
+function CardHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+        "data-slot": "card-header",
+        ...props
+    });
+}
+function CardTitle({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("leading-none font-semibold", className),
+        "data-slot": "card-title",
+        ...props,
+        children: children
+    });
+}
+function CardDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("text-sm text-muted-foreground", className),
+        "data-slot": "card-description",
+        ...props
+    });
+}
+function CardContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("px-6", className),
+        "data-slot": "card-content",
+        ...props
+    });
+}
+function CardFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center px-6 [.border-t]:pt-6", className),
+        "data-slot": "card-footer",
+        ...props
+    });
+}
+function CardAction({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+        "data-slot": "card-action",
+        ...props
+    });
+}
+exports.Card = __webpack_exports__.Card;
+exports.CardAction = __webpack_exports__.CardAction;
+exports.CardContent = __webpack_exports__.CardContent;
+exports.CardDescription = __webpack_exports__.CardDescription;
+exports.CardFooter = __webpack_exports__.CardFooter;
+exports.CardHeader = __webpack_exports__.CardHeader;
+exports.CardTitle = __webpack_exports__.CardTitle;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Card",
+    "CardAction",
+    "CardContent",
+    "CardDescription",
+    "CardFooter",
+    "CardHeader",
+    "CardTitle"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});