@codefast/ui 0.3.9 → 0.3.10

package/dist/components/button-group.cjs

@@ -1,2 +1,87 @@
+"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,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__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__,{ButtonGroup:()=>ButtonGroup,ButtonGroupSeparator:()=>ButtonGroupSeparator,buttonGroupVariants:()=>buttonGroupVariants,ButtonGroupText:()=>ButtonGroupText});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_separator_cjs_namespaceObject=require("./separator.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slot_namespaceObject=require("@radix-ui/react-slot"),buttonGroupVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.cn)("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2","[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit","[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1","has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),defaultVariants:{orientation:"horizontal"},variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}}});function ButtonGroup({className:e,orientation:t,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)(buttonGroupVariants({orientation:t}),e),"data-orientation":t,"data-slot":"button-group",role:"group",...r})}function ButtonGroupText({asChild:e=!1,className:t,...r}){let a=e?react_slot_namespaceObject.Slot:"div";return(0,jsx_runtime_namespaceObject.jsx)(a,{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",t),...r})}function ButtonGroupSeparator({className:e,orientation:t="vertical",...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",e),"data-slot":"button-group-separator",orientation:t,...r})}for(var __webpack_i__ in exports.ButtonGroup=__webpack_exports__.ButtonGroup,exports.ButtonGroupSeparator=__webpack_exports__.ButtonGroupSeparator,exports.ButtonGroupText=__webpack_exports__.ButtonGroupText,exports.buttonGroupVariants=__webpack_exports__.buttonGroupVariants,__webpack_exports__)-1===["ButtonGroup","ButtonGroupSeparator","ButtonGroupText","buttonGroupVariants"].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__, {
+    ButtonGroup: ()=>ButtonGroup,
+    ButtonGroupSeparator: ()=>ButtonGroupSeparator,
+    buttonGroupVariants: ()=>buttonGroupVariants,
+    ButtonGroupText: ()=>ButtonGroupText
+});
+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 external_separator_cjs_namespaceObject = require("./separator.cjs");
+const buttonGroupVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)('flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2', "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", '[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1', 'has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg'),
+    defaultVariants: {
+        orientation: 'horizontal'
+    },
+    variants: {
+        orientation: {
+            horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+            vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none'
+        }
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)(buttonGroupVariants({
+            orientation
+        }), className),
+        "data-orientation": orientation,
+        "data-slot": "button-group",
+        role: "group",
+        ...props
+    });
+}
+function ButtonGroupText({ asChild = false, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'div';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto', className),
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        ...props
+    });
+}
+exports.ButtonGroup = __webpack_exports__.ButtonGroup;
+exports.ButtonGroupSeparator = __webpack_exports__.ButtonGroupSeparator;
+exports.ButtonGroupText = __webpack_exports__.ButtonGroupText;
+exports.buttonGroupVariants = __webpack_exports__.buttonGroupVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ButtonGroup",
+    "ButtonGroupSeparator",
+    "ButtonGroupText",
+    "buttonGroupVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/button-group.d.ts

@@ -1,15 +1,15 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { Separator } from "./separator";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import { Separator } from './separator';
 declare const buttonGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     orientation: {
         horizontal: string;
         vertical: string;
     };
 }, Record<string, never>>;
-type ButtonGroupProps = ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
+type ButtonGroupProps = ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
 declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): JSX.Element;
-interface ButtonGroupTextProps extends ComponentProps<"div"> {
+interface ButtonGroupTextProps extends ComponentProps<'div'> {
     asChild?: boolean;
 }
 declare function ButtonGroupText({ asChild, className, ...props }: ButtonGroupTextProps): JSX.Element;

package/dist/components/button-group.js

@@ -1,2 +1,44 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{Separator as o}from"./separator.js";import{cn as r,tv as e}from"@codefast/tailwind-variants";import{Slot as a}from"@radix-ui/react-slot";let n=e({base:r("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2","[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit","[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1","has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),defaultVariants:{orientation:"horizontal"},variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}}});function i({className:o,orientation:e,...a}){return t("div",{className:r(n({orientation:e}),o),"data-orientation":e,"data-slot":"button-group",role:"group",...a})}function s({asChild:o=!1,className:e,...n}){return t(o?a:"div",{className:r("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",e),...n})}function l({className:e,orientation:a="vertical",...n}){return t(o,{className:r("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",e),"data-slot":"button-group-separator",orientation:a,...n})}export{i as ButtonGroup,l as ButtonGroupSeparator,s as ButtonGroupText,n as buttonGroupVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { Slot } from "@radix-ui/react-slot";
+import { Separator } from "./separator.js";
+const buttonGroupVariants = tv({
+    base: cn('flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2', "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", '[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1', 'has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg'),
+    defaultVariants: {
+        orientation: 'horizontal'
+    },
+    variants: {
+        orientation: {
+            horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+            vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none'
+        }
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        "data-orientation": orientation,
+        "data-slot": "button-group",
+        role: "group",
+        ...props
+    });
+}
+function ButtonGroupText({ asChild = false, className, ...props }) {
+    const Component = asChild ? Slot : 'div';
+    return /*#__PURE__*/ jsx(Component, {
+        className: cn("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn('bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto', className),
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        ...props
+    });
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

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: "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 = 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,10 +1,10 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
+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;
+        'icon-sm': string;
         icon: string;
-        "icon-lg": string;
+        'icon-lg': string;
         sm: string;
         md: string;
         lg: string;
@@ -18,9 +18,9 @@ declare const buttonVariants: import("@codefast/tailwind-variants").VariantFunct
         secondary: string;
     };
 }, Record<string, never>>;
-type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-    type?: ComponentProps<"button">["type"];
+    type?: ComponentProps<'button'>['type'];
 };
 declare function Button({ asChild, children, className, size, type, variant, ...props }: ButtonProps): JSX.Element;
 export { buttonVariants };

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: "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 = 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)('bg-background group/calendar 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) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next),
+            button_previous: (0, tailwind_variants_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
+                variant: buttonVariant
+            }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous),
+            caption_label: (0, tailwind_variants_namespaceObject.cn)('select-none font-medium', 'label' === captionLayout ? 'text-sm' : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5', defaultClassNames.caption_label),
+            day: (0, tailwind_variants_namespaceObject.cn)('relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', 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 bg-popover inset-0 opacity-0', defaultClassNames.dropdown),
+            dropdown_root: (0, tailwind_variants_namespaceObject.cn)('relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-3 rounded-md', defaultClassNames.dropdown_root),
+            dropdowns: (0, tailwind_variants_namespaceObject.cn)('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),
+            hidden: (0, tailwind_variants_namespaceObject.cn)('invisible', defaultClassNames.hidden),
+            month: (0, tailwind_variants_namespaceObject.cn)('flex flex-col w-full gap-4', defaultClassNames.month),
+            month_caption: (0, tailwind_variants_namespaceObject.cn)('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),
+            months: (0, tailwind_variants_namespaceObject.cn)('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),
+            nav: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', 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)('bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today),
+            week: (0, tailwind_variants_namespaceObject.cn)('flex w-full mt-2', defaultClassNames.week),
+            week_number: (0, tailwind_variants_namespaceObject.cn)('text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number),
+            week_number_header: (0, tailwind_variants_namespaceObject.cn)('select-none w-(--cell-size)', defaultClassNames.week_number_header),
+            weekday: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] 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)('data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground 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:ring-3 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>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 { 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 type { ComponentProps, JSX } from 'react';
+import type { DayButton } from 'react-day-picker';
+import { DayPicker } from 'react-day-picker';
+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 };