@customafk/lunas-ui 0.2.16 → 0.2.18

package/dist/ui/button.mjs

@@ -1 +1 @@
-"use client";import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";export{e as Button};
+"use client";import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";export{e as Button};

package/dist/ui/buttons/add-new.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{t}from"../../paragraph-Ch5TvEqL.mjs";import{PlusIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});export{a as AddNewBtn};
+import"../../button.variants-B8KCLWPT.mjs";import{t as e}from"../../button-DPABon17.mjs";import{t}from"../../paragraph-jzLzzEYZ.mjs";import{PlusIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});export{a as AddNewBtn};
 //# sourceMappingURL=add-new.mjs.map

package/dist/ui/buttons/edit.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{Edit2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`})});export{r as EditBtn};
+import"../../button.variants-B8KCLWPT.mjs";import{t as e}from"../../button-DPABon17.mjs";import{Edit2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`})});export{r as EditBtn};
 //# sourceMappingURL=edit.mjs.map

package/dist/ui/buttons/refresh.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{t}from"../../paragraph-Ch5TvEqL.mjs";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
+import"../../button.variants-B8KCLWPT.mjs";import{t as e}from"../../button-DPABon17.mjs";import{t}from"../../paragraph-jzLzzEYZ.mjs";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
 //# sourceMappingURL=refresh.mjs.map

package/dist/ui/buttons/trash.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{Trash2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
+import"../../button.variants-B8KCLWPT.mjs";import{t as e}from"../../button-DPABon17.mjs";import{Trash2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
 //# sourceMappingURL=trash.mjs.map

package/dist/ui/buttons/upload-image.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{UploadIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({size:r=`5rem`,onClick:i})=>n(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:n(t,{className:`size-6`})});export{r as UploadImageBtn};
+import"../../button.variants-B8KCLWPT.mjs";import{t as e}from"../../button-DPABon17.mjs";import{UploadIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({size:r=`5rem`,onClick:i})=>n(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:n(t,{className:`size-6`})});export{r as UploadImageBtn};
 //# sourceMappingURL=upload-image.mjs.map

package/dist/ui/calendar.d.cts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-NsDEQZQu.cjs";
-import * as react_jsx_runtime169 from "react/jsx-runtime";
+import { t as Button } from "../button-D_PwLu6A.cjs";
+import * as react_jsx_runtime191 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region packages/components/ui/calendar.d.ts
@@ -9,7 +9,7 @@ declare const CalendarDayButton: ({
   modifiers,
   color: _,
   ...props
-}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime169.JSX.Element;
+}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime191.JSX.Element;
 /**
  * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
  *
@@ -39,7 +39,7 @@ declare function Calendar({
 }: React.ComponentProps<typeof DayPicker> & {
   /** Variant applied to the previous/next navigation buttons. */
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime169.JSX.Element;
+}): react_jsx_runtime191.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.cts.map

package/dist/ui/calendar.d.mts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-By8N7gww.mjs";
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import { t as Button } from "../button-Bu1wgqhO.mjs";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region packages/components/ui/calendar.d.ts
@@ -9,7 +9,7 @@ declare const CalendarDayButton: ({
   modifiers,
   color: _,
   ...props
-}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime99.JSX.Element;
 /**
  * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
  *
@@ -39,7 +39,7 @@ declare function Calendar({
 }: React.ComponentProps<typeof DayPicker> & {
   /** Variant applied to the previous/next navigation buttons. */
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime64.JSX.Element;
+}): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.mts.map

package/dist/ui/calendar.mjs

@@ -1 +1 @@
-"use client";import"../button.variants-DeCyas1F.mjs";import"../button-C6ybzxxj.mjs";import{n as e,t}from"../calendar-WMJIKojX.mjs";export{t as Calendar,e as CalendarDayButton};
+"use client";import"../button.variants-B8KCLWPT.mjs";import"../button-DPABon17.mjs";import{n as e,t}from"../calendar-DJnuujFC.mjs";export{t as Calendar,e as CalendarDayButton};

package/dist/ui/card.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region packages/components/ui/card.d.ts
 
@@ -27,37 +27,37 @@ import * as react_jsx_runtime68 from "react/jsx-runtime";
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 /** Top section of the card that holds the title, description, and optional action slot. */
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 /** Primary heading for the card, styled with the h3 heading variant. */
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 /** Muted supporting text displayed beneath the card title. */
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 /** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 /** Main body area of the card with horizontal padding for content alignment. */
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 /** Bottom section of the card, typically used for supplementary text or secondary actions. */
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.cts.map

package/dist/ui/card.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region packages/components/ui/card.d.ts
 
@@ -27,37 +27,37 @@ import * as react_jsx_runtime47 from "react/jsx-runtime";
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 /** Top section of the card that holds the title, description, and optional action slot. */
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 /** Primary heading for the card, styled with the h3 heading variant. */
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 /** Muted supporting text displayed beneath the card title. */
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 /** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 /** Main body area of the card with horizontal padding for content alignment. */
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 /** Bottom section of the card, typically used for supplementary text or secondary actions. */
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.mts.map

package/dist/ui/card.mjs

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"../heading-DN67djxs.mjs";import{n as t}from"../paragraph-Ch5TvEqL.mjs";import{jsx as n}from"react/jsx-runtime";import{cn as r}from"@customafk/react-toolkit/utils";function i({className:e,...t}){return n(`div`,{"data-slot":`card`,className:r(`flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card`,`transition-[box-shadow,opacity] duration-150 ease-in-out`,`data-[interactive=true]:cursor-pointer`,`data-[interactive=true]:hover:shadow-dropdown`,`data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2`,`data-[interactive=true]:active:opacity-90`,e),...t})}function a({className:e,...t}){return n(`div`,{"data-slot":`card-header`,className:r(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,e),...t})}function o({className:t,...i}){return n(`div`,{"data-slot":`card-title`,className:r(e({level:`h3`}),t),...i})}function s({className:e,...i}){return n(`div`,{"data-slot":`card-description`,className:r(t({variant:`muted`}),e),...i})}function c({className:e,...t}){return n(`div`,{"data-slot":`card-action`,className:r(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...t})}function l({className:e,...t}){return n(`div`,{"data-slot":`card-content`,className:r(`px-6 text-sm`,e),...t})}function u({className:e,...t}){return n(`div`,{"data-slot":`card-footer`,className:r(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...t})}export{i as Card,c as CardAction,l as CardContent,s as CardDescription,u as CardFooter,a as CardHeader,o as CardTitle};
+"use client";import{t as e}from"../heading-D8K7UGv2.mjs";import{n as t}from"../paragraph-jzLzzEYZ.mjs";import{jsx as n}from"react/jsx-runtime";import{cn as r}from"@customafk/react-toolkit/utils";function i({className:e,...t}){return n(`div`,{"data-slot":`card`,className:r(`flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card`,`transition-[box-shadow,opacity] duration-150 ease-in-out`,`data-[interactive=true]:cursor-pointer`,`data-[interactive=true]:hover:shadow-dropdown`,`data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2`,`data-[interactive=true]:active:opacity-90`,e),...t})}function a({className:e,...t}){return n(`div`,{"data-slot":`card-header`,className:r(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,e),...t})}function o({className:t,...i}){return n(`div`,{"data-slot":`card-title`,className:r(e({level:`h3`}),t),...i})}function s({className:e,...i}){return n(`div`,{"data-slot":`card-description`,className:r(t({variant:`muted`}),e),...i})}function c({className:e,...t}){return n(`div`,{"data-slot":`card-action`,className:r(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...t})}function l({className:e,...t}){return n(`div`,{"data-slot":`card-content`,className:r(`px-6 text-sm`,e),...t})}function u({className:e,...t}){return n(`div`,{"data-slot":`card-footer`,className:r(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...t})}export{i as Card,c as CardAction,l as CardContent,s as CardDescription,u as CardFooter,a as CardHeader,o as CardTitle};
 //# sourceMappingURL=card.mjs.map

package/dist/ui/carousel.d.cts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-NsDEQZQu.cjs";
-import * as react_jsx_runtime270 from "react/jsx-runtime";
+import { t as Button } from "../button-D_PwLu6A.cjs";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region packages/components/ui/carousel.d.ts
@@ -41,31 +41,31 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime270.JSX.Element;
+}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime57.JSX.Element;
 /** The scrollable track that holds all CarouselItem elements. */
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime270.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime57.JSX.Element;
 /** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime270.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime57.JSX.Element;
 /** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime270.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime57.JSX.Element;
 /** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime270.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
 //# sourceMappingURL=carousel.d.cts.map

package/dist/ui/carousel.d.mts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-By8N7gww.mjs";
-import * as react_jsx_runtime178 from "react/jsx-runtime";
+import { t as Button } from "../button-Bu1wgqhO.mjs";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region packages/components/ui/carousel.d.ts
@@ -41,31 +41,31 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime36.JSX.Element;
 /** The scrollable track that holds all CarouselItem elements. */
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime36.JSX.Element;
 /** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime36.JSX.Element;
 /** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime36.JSX.Element;
 /** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
 //# sourceMappingURL=carousel.d.mts.map

package/dist/ui/carousel.mjs

@@ -1,2 +1,2 @@
-"use client";import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import{ArrowLeft as t,ArrowRight as n}from"lucide-react";import{createContext as r,use as i,useCallback as a,useEffect as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{cn as u}from"@customafk/react-toolkit/utils";import d from"embla-carousel-react";const f=r(null);function p(){let e=i(f);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function m({orientation:e=`horizontal`,opts:t,setApi:n,plugins:r,className:i,children:l,...p}){let[m,h]=d({...t,axis:e===`horizontal`?`x`:`y`},r),[g,_]=s(!1),[v,y]=s(!1),b=a(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()))},[]),x=a(()=>{h?.scrollPrev()},[h]),S=a(()=>{h?.scrollNext()},[h]),C=a(e=>{e.key===`ArrowLeft`?(e.preventDefault(),x()):e.key===`ArrowRight`&&(e.preventDefault(),S())},[x,S]);return o(()=>{!h||!n||n(h)},[h,n]),o(()=>{if(h)return b(h),h.on(`reInit`,b),h.on(`select`,b),()=>{h?.off(`select`,b)}},[h,b]),c(f.Provider,{value:{carouselRef:m,api:h,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:x,scrollNext:S,canScrollPrev:g,canScrollNext:v},children:c(`div`,{onKeyDownCapture:C,className:u(`relative`,i),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...p,children:l})})}function h({className:e,...t}){let{carouselRef:n,orientation:r}=p();return c(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:c(`div`,{className:u(`flex`,r===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function g({className:e,...t}){let{orientation:n}=p();return c(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:u(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function _({className:n,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollPrev:s,canScrollPrev:d}=p();return l(e,{"data-slot":`carousel-previous`,variant:r,size:i,className:u(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!d,onClick:s,...a,children:[c(t,{}),c(`span`,{className:`sr-only`,children:`Previous slide`})]})}function v({className:t,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollNext:s,canScrollNext:d}=p();return l(e,{"data-slot":`carousel-next`,variant:r,size:i,className:u(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,t),disabled:!d,onClick:s,...a,children:[c(n,{}),c(`span`,{className:`sr-only`,children:`Next slide`})]})}export{m as Carousel,h as CarouselContent,g as CarouselItem,v as CarouselNext,_ as CarouselPrevious};
+"use client";import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import{ArrowLeft as t,ArrowRight as n}from"lucide-react";import{createContext as r,use as i,useCallback as a,useEffect as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{cn as u}from"@customafk/react-toolkit/utils";import d from"embla-carousel-react";const f=r(null);function p(){let e=i(f);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function m({orientation:e=`horizontal`,opts:t,setApi:n,plugins:r,className:i,children:l,...p}){let[m,h]=d({...t,axis:e===`horizontal`?`x`:`y`},r),[g,_]=s(!1),[v,y]=s(!1),b=a(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()))},[]),x=a(()=>{h?.scrollPrev()},[h]),S=a(()=>{h?.scrollNext()},[h]),C=a(e=>{e.key===`ArrowLeft`?(e.preventDefault(),x()):e.key===`ArrowRight`&&(e.preventDefault(),S())},[x,S]);return o(()=>{!h||!n||n(h)},[h,n]),o(()=>{if(h)return b(h),h.on(`reInit`,b),h.on(`select`,b),()=>{h?.off(`select`,b)}},[h,b]),c(f.Provider,{value:{carouselRef:m,api:h,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:x,scrollNext:S,canScrollPrev:g,canScrollNext:v},children:c(`div`,{onKeyDownCapture:C,className:u(`relative`,i),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...p,children:l})})}function h({className:e,...t}){let{carouselRef:n,orientation:r}=p();return c(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:c(`div`,{className:u(`flex`,r===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function g({className:e,...t}){let{orientation:n}=p();return c(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:u(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function _({className:n,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollPrev:s,canScrollPrev:d}=p();return l(e,{"data-slot":`carousel-previous`,variant:r,size:i,className:u(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!d,onClick:s,...a,children:[c(t,{}),c(`span`,{className:`sr-only`,children:`Previous slide`})]})}function v({className:t,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollNext:s,canScrollNext:d}=p();return l(e,{"data-slot":`carousel-next`,variant:r,size:i,className:u(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,t),disabled:!d,onClick:s,...a,children:[c(n,{}),c(`span`,{className:`sr-only`,children:`Next slide`})]})}export{m as Carousel,h as CarouselContent,g as CarouselItem,v as CarouselNext,_ as CarouselPrevious};
 //# sourceMappingURL=carousel.mjs.map

package/dist/ui/checkbox.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime76 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "radix-ui";
 
 //#region packages/components/ui/checkbox.d.ts
@@ -20,7 +20,7 @@ import { Checkbox as Checkbox$1 } from "radix-ui";
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime76.JSX.Element;
+}: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.cts.map

package/dist/ui/checkbox.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "radix-ui";
 
 //#region packages/components/ui/checkbox.d.ts
@@ -20,7 +20,7 @@ import { Checkbox as Checkbox$1 } from "radix-ui";
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime65.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.mts.map

package/dist/ui/checkbox.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../checkbox-Dzo6oI4y.mjs";export{e as Checkbox};
+"use client";import{t as e}from"../checkbox-dDSDiwLB.mjs";export{e as Checkbox};

package/dist/ui/collapsible.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "radix-ui";
 
 //#region packages/components/ui/collapsible.d.ts
@@ -20,15 +20,15 @@ import { Collapsible as Collapsible$1 } from "radix-ui";
  */
 declare function Collapsible({
   ...props
-}: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime26.JSX.Element;
+}: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime54.JSX.Element;
 /** Button or element that expands or collapses the CollapsibleContent. */
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime26.JSX.Element;
+}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime54.JSX.Element;
 /** The section that is shown or hidden based on the Collapsible open state. */
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime26.JSX.Element;
+}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime54.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 //# sourceMappingURL=collapsible.d.cts.map

package/dist/ui/collapsible.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime81 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "radix-ui";
 
 //#region packages/components/ui/collapsible.d.ts
@@ -20,15 +20,15 @@ import { Collapsible as Collapsible$1 } from "radix-ui";
  */
 declare function Collapsible({
   ...props
-}: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime81.JSX.Element;
+}: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime103.JSX.Element;
 /** Button or element that expands or collapses the CollapsibleContent. */
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime81.JSX.Element;
+}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime103.JSX.Element;
 /** The section that is shown or hidden based on the Collapsible open state. */
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime81.JSX.Element;
+}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 //# sourceMappingURL=collapsible.d.mts.map

package/dist/ui/command.d.cts

@@ -1,5 +1,5 @@
-import { t as Dialog } from "../dialog-CI38DMSt.cjs";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import { t as Dialog } from "../dialog-CtO9ie0P.cjs";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
@@ -29,7 +29,7 @@ import { Command as Command$1 } from "cmdk";
 declare function Command({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1>): react_jsx_runtime34.JSX.Element;
 /**
  * A Command palette rendered inside a Dialog overlay.
  *
@@ -49,41 +49,41 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime58.JSX.Element;
+}): react_jsx_runtime34.JSX.Element;
 /** Search input with a leading search icon that filters CommandItems in real time. */
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime34.JSX.Element;
 /** Scrollable list that renders filtered CommandGroups and CommandItems. */
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime34.JSX.Element;
 /** Fallback message displayed when no CommandItems match the current search query. */
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime34.JSX.Element;
 /** Groups CommandItems under an optional heading label. */
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime34.JSX.Element;
 /** Horizontal dividing line between groups in a CommandList. */
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime34.JSX.Element;
 /** A selectable row inside a CommandGroup that is highlighted when active or hovered. */
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime34.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime58.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
 //# sourceMappingURL=command.d.cts.map

package/dist/ui/command.d.mts

@@ -1,5 +1,5 @@
-import { t as Dialog } from "../dialog-Cd9s8XQ6.mjs";
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import { t as Dialog } from "../dialog-DtknheXI.mjs";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
@@ -29,7 +29,7 @@ import { Command as Command$1 } from "cmdk";
 declare function Command({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1>): react_jsx_runtime165.JSX.Element;
 /**
  * A Command palette rendered inside a Dialog overlay.
  *
@@ -49,41 +49,41 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime128.JSX.Element;
+}): react_jsx_runtime165.JSX.Element;
 /** Search input with a leading search icon that filters CommandItems in real time. */
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime165.JSX.Element;
 /** Scrollable list that renders filtered CommandGroups and CommandItems. */
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime165.JSX.Element;
 /** Fallback message displayed when no CommandItems match the current search query. */
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime165.JSX.Element;
 /** Groups CommandItems under an optional heading label. */
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime165.JSX.Element;
 /** Horizontal dividing line between groups in a CommandList. */
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime165.JSX.Element;
 /** A selectable row inside a CommandGroup that is highlighted when active or hovered. */
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime165.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime128.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime165.JSX.Element;
 //#endregion
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
 //# sourceMappingURL=command.d.mts.map

package/dist/ui/command.mjs

@@ -1 +1 @@
-"use client";import"../heading-DN67djxs.mjs";import"../paragraph-Ch5TvEqL.mjs";import"../close-BU0kWRVo.mjs";import"../dialog-BchwY6-N.mjs";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../command-bpcnKEbR.mjs";export{c as Command,i as CommandDialog,o as CommandEmpty,n as CommandGroup,e as CommandInput,a as CommandItem,s as CommandList,t as CommandSeparator,r as CommandShortcut};
+"use client";import"../heading-D8K7UGv2.mjs";import"../paragraph-jzLzzEYZ.mjs";import"../close-BcOkVqd8.mjs";import"../dialog-dqqupmOT.mjs";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../command-B8y4H5q5.mjs";export{c as Command,i as CommandDialog,o as CommandEmpty,n as CommandGroup,e as CommandInput,a as CommandItem,s as CommandList,t as CommandSeparator,r as CommandShortcut};