@codefast/ui 0.3.9 → 0.3.10

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('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: cn(buttonVariants({
+                variant: buttonVariant
+            }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next),
+            button_previous: cn(buttonVariants({
+                variant: buttonVariant
+            }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous),
+            caption_label: 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: 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: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),
+            dropdown: cn('absolute bg-popover inset-0 opacity-0', defaultClassNames.dropdown),
+            dropdown_root: 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: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),
+            hidden: cn('invisible', defaultClassNames.hidden),
+            month: cn('flex flex-col w-full gap-4', defaultClassNames.month),
+            month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),
+            months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),
+            nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', 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('bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today),
+            week: cn('flex w-full mt-2', defaultClassNames.week),
+            week_number: cn('text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number),
+            week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),
+            weekday: cn('text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] 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('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
+    });
+}
+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)('bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 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-muted-foreground text-sm', 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
+});

package/dist/components/card.d.ts

@@ -1,17 +1,17 @@
-import type { ComponentProps, JSX } from "react";
-type CardProps = ComponentProps<"div">;
+import type { ComponentProps, JSX } from 'react';
+type CardProps = ComponentProps<'div'>;
 declare function Card({ className, ...props }: CardProps): JSX.Element;
-type CardHeaderProps = ComponentProps<"div">;
+type CardHeaderProps = ComponentProps<'div'>;
 declare function CardHeader({ className, ...props }: CardHeaderProps): JSX.Element;
-type CardTitleProps = ComponentProps<"div">;
+type CardTitleProps = ComponentProps<'div'>;
 declare function CardTitle({ children, className, ...props }: CardTitleProps): JSX.Element;
-type CardDescriptionProps = ComponentProps<"div">;
+type CardDescriptionProps = ComponentProps<'div'>;
 declare function CardDescription({ className, ...props }: CardDescriptionProps): JSX.Element;
-type CardContentProps = ComponentProps<"div">;
+type CardContentProps = ComponentProps<'div'>;
 declare function CardContent({ className, ...props }: CardContentProps): JSX.Element;
-type CardFooterProps = ComponentProps<"div">;
+type CardFooterProps = ComponentProps<'div'>;
 declare function CardFooter({ className, ...props }: CardFooterProps): JSX.Element;
-type CardActionProps = ComponentProps<"div">;
+type CardActionProps = ComponentProps<'div'>;
 declare function CardAction({ className, ...props }: CardActionProps): JSX.Element;
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, };

package/dist/components/card.js

@@ -1 +1,53 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as a}from"@codefast/tailwind-variants";function r({className:r,...o}){return t("div",{className:a("bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm",r),"data-slot":"card",...o})}function o({className:r,...o}){return t("div",{className:a("@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",r),"data-slot":"card-header",...o})}function e({children:r,className:o,...e}){return t("div",{className:a("leading-none font-semibold",o),"data-slot":"card-title",...e,children:r})}function d({className:r,...o}){return t("div",{className:a("text-muted-foreground text-sm",r),"data-slot":"card-description",...o})}function n({className:r,...o}){return t("div",{className:a("px-6",r),"data-slot":"card-content",...o})}function s({className:r,...o}){return t("div",{className:a("flex items-center px-6 [.border-t]:pt-6",r),"data-slot":"card-footer",...o})}function i({className:r,...o}){return t("div",{className:a("col-start-2 row-span-2 row-start-1 self-start justify-self-end",r),"data-slot":"card-action",...o})}export{r as Card,i as CardAction,n as CardContent,d as CardDescription,s as CardFooter,o as CardHeader,e as CardTitle};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+function Card({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm', className),
+        "data-slot": "card",
+        ...props
+    });
+}
+function CardHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: 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__*/ jsx("div", {
+        className: cn('leading-none font-semibold', className),
+        "data-slot": "card-title",
+        ...props,
+        children: children
+    });
+}
+function CardDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('text-muted-foreground text-sm', className),
+        "data-slot": "card-description",
+        ...props
+    });
+}
+function CardContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('px-6', className),
+        "data-slot": "card-content",
+        ...props
+    });
+}
+function CardFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex items-center px-6 [.border-t]:pt-6', className),
+        "data-slot": "card-footer",
+        ...props
+    });
+}
+function CardAction({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className),
+        "data-slot": "card-action",
+        ...props
+    });
+}
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/carousel.cjs

@@ -1,2 +1,211 @@
+"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__.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(a,{a:a}),a},__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__,{CarouselPrevious:()=>CarouselPrevious,Carousel:()=>Carousel,createCarouselScope:()=>createCarouselScope,CarouselContent:()=>CarouselContent,CarouselItem:()=>CarouselItem,CarouselNext:()=>CarouselNext});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_embla_carousel_react_namespaceObject=require("embla-carousel-react");var external_embla_carousel_react_default=__webpack_require__.n(external_embla_carousel_react_namespaceObject);const external_lucide_react_namespaceObject=require("lucide-react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_namespaceObject=require("@radix-ui/react-context"),CAROUSEL_NAME="Carousel",[createCarouselContext,createCarouselScope]=(0,react_context_namespaceObject.createContextScope)(CAROUSEL_NAME),[CarouselContextProvider,useCarouselContext]=createCarouselContext(CAROUSEL_NAME);function Carousel({__scopeCarousel:e,children:a,className:t,opts:r,orientation:s,plugins:_,setApi:c,...o}){let[n,l]=external_embla_carousel_react_default()({...r,axis:"vertical"===s?"y":"x"},_),[u,i]=(0,external_react_namespaceObject.useState)(!1),[p,x]=(0,external_react_namespaceObject.useState)(!1),b=(0,external_react_namespaceObject.useCallback)(e=>{e&&(i(e.canScrollPrev()),x(e.canScrollNext()))},[]),m=(0,external_react_namespaceObject.useCallback)(()=>{l?.scrollPrev()},[l]),C=(0,external_react_namespaceObject.useCallback)(()=>{l?.scrollNext()},[l]),j=(0,external_react_namespaceObject.useCallback)(e=>{"ArrowLeft"===e.key?(e.preventDefault(),m()):"ArrowRight"===e.key&&(e.preventDefault(),C())},[m,C]);return(0,external_react_namespaceObject.useEffect)(()=>{l&&c&&c(l)},[l,c]),(0,external_react_namespaceObject.useEffect)(()=>{if(l)return queueMicrotask(()=>{b(l)}),l.on("reInit",b),l.on("select",b),()=>{l.off("select",b)}},[l,b]),(0,jsx_runtime_namespaceObject.jsx)(CarouselContextProvider,{api:l,canScrollNext:p,canScrollPrev:u,carouselRef:n,opts:r,orientation:s??(r?.axis==="y"?"vertical":"horizontal"),scope:e,scrollNext:C,scrollPrev:m,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("relative",t),"data-slot":"carousel",onKeyDownCapture:j,...o,children:a})})}const CAROUSEL_CONTENT_NAME="CarouselContent";function CarouselContent({__scopeCarousel:e,className:a,classNames:t,...r}){let{carouselRef:s,orientation:_}=useCarouselContext("CarouselContent",e);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,className:(0,tailwind_variants_namespaceObject.cn)("overflow-hidden",t?.wrapper),"data-slot":"carousel-content",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex","horizontal"===_?"-ml-4":"-mt-4 flex-col",t?.content,a),...r})})}const CAROUSEL_ITEM_NAME="CarouselItem";function CarouselItem({__scopeCarousel:e,className:a,...t}){let{orientation:r}=useCarouselContext("CarouselItem",e);return(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-roledescription":"slide",className:(0,tailwind_variants_namespaceObject.cn)("min-w-0 shrink-0 grow-0 basis-full","horizontal"===r?"pl-4":"pt-4",a),"data-slot":"carousel-item",role:"group",...t})}const CAROUSEL_PREVIOUS_NAME="CarouselPrevious";function CarouselPrevious({__scopeCarousel:e,className:a,size:t="icon",variant:r="outline",...s}){let{canScrollPrev:_,orientation:c,scrollPrev:o}=useCarouselContext("CarouselPrevious",e);return(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Previous slide",className:(0,tailwind_variants_namespaceObject.cn)("absolute size-8 shadow-none","horizontal"===c?"top-1/2 -left-12 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",a),"data-slot":"carousel-previous",disabled:!_,size:t,variant:r,onClick:o,...s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowLeftIcon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"Previous slide"})]})}const CAROUSEL_NEXT_NAME="CarouselNext";function CarouselNext({__scopeCarousel:e,className:a,size:t="icon",variant:r="outline",...s}){let{canScrollNext:_,orientation:c,scrollNext:o}=useCarouselContext("CarouselNext",e);return(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Next slide",className:(0,tailwind_variants_namespaceObject.cn)("absolute size-8 shadow-none","horizontal"===c?"top-1/2 -right-12 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",a),"data-slot":"carousel-next",disabled:!_,size:t,variant:r,onClick:o,...s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowRightIcon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"Next slide"})]})}for(var __webpack_i__ in exports.Carousel=__webpack_exports__.Carousel,exports.CarouselContent=__webpack_exports__.CarouselContent,exports.CarouselItem=__webpack_exports__.CarouselItem,exports.CarouselNext=__webpack_exports__.CarouselNext,exports.CarouselPrevious=__webpack_exports__.CarouselPrevious,exports.createCarouselScope=__webpack_exports__.createCarouselScope,__webpack_exports__)-1===["Carousel","CarouselContent","CarouselItem","CarouselNext","CarouselPrevious","createCarouselScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    CarouselPrevious: ()=>CarouselPrevious,
+    Carousel: ()=>Carousel,
+    createCarouselScope: ()=>createCarouselScope,
+    CarouselContent: ()=>CarouselContent,
+    CarouselItem: ()=>CarouselItem,
+    CarouselNext: ()=>CarouselNext
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const external_embla_carousel_react_namespaceObject = require("embla-carousel-react");
+var external_embla_carousel_react_default = /*#__PURE__*/ __webpack_require__.n(external_embla_carousel_react_namespaceObject);
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const CAROUSEL_NAME = 'Carousel';
+const [createCarouselContext, createCarouselScope] = (0, react_context_namespaceObject.createContextScope)(CAROUSEL_NAME);
+const [CarouselContextProvider, useCarouselContext] = createCarouselContext(CAROUSEL_NAME);
+function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }) {
+    const [carouselRef, api] = external_embla_carousel_react_default()({
+        ...opts,
+        axis: 'vertical' === orientation ? 'y' : 'x'
+    }, plugins);
+    const [canScrollPrevious, setCanScrollPrevious] = (0, external_react_namespaceObject.useState)(false);
+    const [canScrollNext, setCanScrollNext] = (0, external_react_namespaceObject.useState)(false);
+    const onSelect = (0, external_react_namespaceObject.useCallback)((carouselApi)=>{
+        if (!carouselApi) return;
+        setCanScrollPrevious(carouselApi.canScrollPrev());
+        setCanScrollNext(carouselApi.canScrollNext());
+    }, []);
+    const scrollPrevious = (0, external_react_namespaceObject.useCallback)(()=>{
+        api?.scrollPrev();
+    }, [
+        api
+    ]);
+    const scrollNext = (0, external_react_namespaceObject.useCallback)(()=>{
+        api?.scrollNext();
+    }, [
+        api
+    ]);
+    const handleKeyDown = (0, external_react_namespaceObject.useCallback)((event)=>{
+        if ('ArrowLeft' === event.key) {
+            event.preventDefault();
+            scrollPrevious();
+        } else if ('ArrowRight' === event.key) {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [
+        scrollPrevious,
+        scrollNext
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!api || !setApi) return;
+        setApi(api);
+    }, [
+        api,
+        setApi
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!api) return;
+        queueMicrotask(()=>{
+            onSelect(api);
+        });
+        api.on('reInit', onSelect);
+        api.on('select', onSelect);
+        return ()=>{
+            api.off('select', onSelect);
+        };
+    }, [
+        api,
+        onSelect
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CarouselContextProvider, {
+        api: api,
+        canScrollNext: canScrollNext,
+        canScrollPrev: canScrollPrevious,
+        carouselRef: carouselRef,
+        opts: opts,
+        orientation: orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+        scope: __scopeCarousel,
+        scrollNext: scrollNext,
+        scrollPrev: scrollPrevious,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, tailwind_variants_namespaceObject.cn)('relative', className),
+            "data-slot": "carousel",
+            onKeyDownCapture: handleKeyDown,
+            ...props,
+            children: children
+        })
+    });
+}
+const CAROUSEL_CONTENT_NAME = 'CarouselContent';
+function CarouselContent({ __scopeCarousel, className, classNames, ...props }) {
+    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: carouselRef,
+        className: (0, tailwind_variants_namespaceObject.cn)('overflow-hidden', classNames?.wrapper),
+        "data-slot": "carousel-content",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, tailwind_variants_namespaceObject.cn)('flex', 'horizontal' === orientation ? '-ml-4' : '-mt-4 flex-col', classNames?.content, className),
+            ...props
+        })
+    });
+}
+const CAROUSEL_ITEM_NAME = 'CarouselItem';
+function CarouselItem({ __scopeCarousel, className, ...props }) {
+    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "aria-roledescription": "slide",
+        className: (0, tailwind_variants_namespaceObject.cn)('min-w-0 shrink-0 grow-0 basis-full', 'horizontal' === orientation ? 'pl-4' : 'pt-4', className),
+        "data-slot": "carousel-item",
+        role: "group",
+        ...props
+    });
+}
+const CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';
+function CarouselPrevious({ __scopeCarousel, className, size = 'icon', variant = 'outline', ...props }) {
+    const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+        "aria-label": "Previous slide",
+        className: (0, tailwind_variants_namespaceObject.cn)('absolute size-8 shadow-none', 'horizontal' === orientation ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className),
+        "data-slot": "carousel-previous",
+        disabled: !canScrollPrev,
+        size: size,
+        variant: variant,
+        onClick: scrollPrev,
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowLeftIcon, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: "Previous slide"
+            })
+        ]
+    });
+}
+const CAROUSEL_NEXT_NAME = 'CarouselNext';
+function CarouselNext({ __scopeCarousel, className, size = 'icon', variant = 'outline', ...props }) {
+    const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+        "aria-label": "Next slide",
+        className: (0, tailwind_variants_namespaceObject.cn)('absolute size-8 shadow-none', 'horizontal' === orientation ? 'top-1/2 -right-12 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className),
+        "data-slot": "carousel-next",
+        disabled: !canScrollNext,
+        size: size,
+        variant: variant,
+        onClick: scrollNext,
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowRightIcon, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: "Next slide"
+            })
+        ]
+    });
+}
+exports.Carousel = __webpack_exports__.Carousel;
+exports.CarouselContent = __webpack_exports__.CarouselContent;
+exports.CarouselItem = __webpack_exports__.CarouselItem;
+exports.CarouselNext = __webpack_exports__.CarouselNext;
+exports.CarouselPrevious = __webpack_exports__.CarouselPrevious;
+exports.createCarouselScope = __webpack_exports__.createCarouselScope;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Carousel",
+    "CarouselContent",
+    "CarouselItem",
+    "CarouselNext",
+    "CarouselPrevious",
+    "createCarouselScope"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/carousel.d.ts

@@ -1,8 +1,8 @@
-import type { UseEmblaCarouselType } from "embla-carousel-react";
-import type { ComponentProps, JSX } from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import type { Scope } from "@radix-ui/react-context";
-import { Button } from "./button";
+import type { Scope } from '@radix-ui/react-context';
+import type { UseEmblaCarouselType } from 'embla-carousel-react';
+import type { ComponentProps, JSX } from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { Button } from './button';
 type ScopedProps<P> = P & {
     __scopeCarousel?: Scope;
 };
@@ -13,25 +13,25 @@ type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
 interface BaseCarouselProps {
     opts?: CarouselOptions;
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
     plugins?: CarouselPlugin;
     setApi?: (api: CarouselApi) => void;
 }
-interface CarouselProps extends BaseCarouselProps, ComponentProps<"div"> {
+interface CarouselProps extends BaseCarouselProps, ComponentProps<'div'> {
 }
 declare function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }: ScopedProps<CarouselProps>): JSX.Element;
-interface CarouselContentProps extends ComponentProps<"div"> {
+interface CarouselContentProps extends ComponentProps<'div'> {
     classNames?: {
         content?: string;
         wrapper?: string;
     };
 }
 declare function CarouselContent({ __scopeCarousel, className, classNames, ...props }: ScopedProps<CarouselContentProps>): JSX.Element;
-type CarouselItemProps = ComponentProps<"div">;
+type CarouselItemProps = ComponentProps<'div'>;
 declare function CarouselItem({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>): JSX.Element;
 type CarouselPreviousProps = ComponentProps<typeof Button>;
 declare function CarouselPrevious({ __scopeCarousel, className, size, variant, ...props }: ScopedProps<CarouselPreviousProps>): JSX.Element;
 type CarouselNextProps = ComponentProps<typeof Button>;
 declare function CarouselNext({ __scopeCarousel, className, size, variant, ...props }: ScopedProps<CarouselNextProps>): JSX.Element;
 export type { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselPreviousProps, CarouselProps, };
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope, };
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope };