@customafk/lunas-ui 0.2.0 → 0.2.2

package/dist/ui/file-uploader.mjs

@@ -1,3 +1,3 @@
-"use client";import"../button.variants-DuuH1O0_.mjs";import{t as e}from"../button-6-3G2PiR.mjs";import{Progress as t}from"./progress.mjs";import{cn as n,formatBytes as r}from"@customafk/react-toolkit/utils";import{useCallback as i,useEffect as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{FileText as c,Image as l,Trash2 as u,Upload as d}from"lucide-react";import f from"react-dropzone";import{useControllableState as p}from"@customafk/react-toolkit/hooks/useControllableState";import{toast as m}from"sonner";function h(e){let{value:t,onValueChange:c,onUpload:h,progresses:v,accept:y={"image/*":[]},maxSize:b=1024*1024*2,maxFileCount:x=1,multiple:S=!1,disabled:C=!1,showText:w=!0,iconSize:T,className:E,...D}=e,[O,k]=p({prop:t,onChange:c}),A=i((e,t)=>{if(!S&&x===1&&e.length>1){m.error(`Cannot upload more than 1 file at a time`);return}if((O?.length??0)+e.length>x){m.error(`Cannot upload more than ${x} files`);return}let n=e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)})),r=O?[...O,...n]:n;if(k(r),t.length>0&&t.forEach(({file:e})=>{m.error(`File ${e.name} was rejected`)}),h&&r.length>0&&r.length<=x){let e=r.length>0?`${r.length} files`:`file`;h(r).then(()=>{k([]),m(`${e} uploaded`)})}},[O,x,S,h,k]);function j(e){if(!O)return;_(O[e])&&URL.revokeObjectURL(O[e].preview);let t=O.filter((t,n)=>n!==e);k(t),c?.(t)}a(()=>()=>{O&&O.forEach(e=>{_(e)&&URL.revokeObjectURL(e.preview)})},[]);let M=C||(O?.length??0)>=x;return s(`div`,{className:`relative flex w-full flex-col gap-6`,children:[o(f,{onDrop:A,accept:y,maxSize:b,maxFiles:x,multiple:x>1||S,disabled:M,children:({getRootProps:e,getInputProps:t,isDragActive:i})=>s(`div`,{...e(),className:n(`group`,`border-border-weak`,`hover:bg-border-weak/20`,`relative grid h-52 w-full cursor-pointer place-items-center rounded-lg border-2 border-dashed px-5 py-2.5 text-center transition`,`ring-offset-background`,`focus-visible:ring-primary-weak`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:outline-hidden`,i&&`border-border-primary-strong bg-border-weak/40`,M&&`pointer-events-none opacity-60`,E),...D,children:[o(`input`,{...t()}),i?s(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[o(`div`,{className:`rounded-full border border-dashed p-3`,children:o(d,{className:`text-text-positive-muted size-7`,"aria-hidden":`true`})}),o(`p`,{className:`text-text-positive-muted font-medium`,children:`Drop the files here`})]}):s(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[o(`div`,{className:`rounded-full border border-dashed p-3`,children:o(d,{size:T||24,className:`text-muted-foreground`,"aria-hidden":`true`})}),w&&s(`div`,{className:`flex flex-col gap-px`,children:[s(`p`,{className:`text-text-positive-weak text-xs font-medium`,children:[`Drag `,`'n'`,` drop files here, or click to select files`]}),s(`p`,{className:`text-text-positive-muted text-xs`,children:[`You can upload`,x>1?` ${x===1/0?`multiple`:x}
+"use client";import"../button.variants-DuuH1O0_.mjs";import{t as e}from"../button-B2FJrOBP.mjs";import{Progress as t}from"./progress.mjs";import{cn as n,formatBytes as r}from"@customafk/react-toolkit/utils";import{useCallback as i,useEffect as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{FileText as c,Image as l,Trash2 as u,Upload as d}from"lucide-react";import f from"react-dropzone";import{useControllableState as p}from"@customafk/react-toolkit/hooks/useControllableState";import{toast as m}from"sonner";function h(e){let{value:t,onValueChange:c,onUpload:h,progresses:v,accept:y={"image/*":[]},maxSize:b=1024*1024*2,maxFileCount:x=1,multiple:S=!1,disabled:C=!1,showText:w=!0,iconSize:T,className:E,...D}=e,[O,k]=p({prop:t,onChange:c}),A=i((e,t)=>{if(!S&&x===1&&e.length>1){m.error(`Cannot upload more than 1 file at a time`);return}if((O?.length??0)+e.length>x){m.error(`Cannot upload more than ${x} files`);return}let n=e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)})),r=O?[...O,...n]:n;if(k(r),t.length>0&&t.forEach(({file:e})=>{m.error(`File ${e.name} was rejected`)}),h&&r.length>0&&r.length<=x){let e=r.length>0?`${r.length} files`:`file`;h(r).then(()=>{k([]),m(`${e} uploaded`)})}},[O,x,S,h,k]);function j(e){if(!O)return;_(O[e])&&URL.revokeObjectURL(O[e].preview);let t=O.filter((t,n)=>n!==e);k(t),c?.(t)}a(()=>()=>{O&&O.forEach(e=>{_(e)&&URL.revokeObjectURL(e.preview)})},[]);let M=C||(O?.length??0)>=x;return s(`div`,{className:`relative flex w-full flex-col gap-6`,children:[o(f,{onDrop:A,accept:y,maxSize:b,maxFiles:x,multiple:x>1||S,disabled:M,children:({getRootProps:e,getInputProps:t,isDragActive:i})=>s(`div`,{...e(),className:n(`group`,`border-border-weak`,`hover:bg-border-weak/20`,`relative grid h-52 w-full cursor-pointer place-items-center rounded-lg border-2 border-dashed px-5 py-2.5 text-center transition`,`ring-offset-background`,`focus-visible:ring-primary-weak`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:outline-hidden`,i&&`border-border-primary-strong bg-border-weak/40`,M&&`pointer-events-none opacity-60`,E),...D,children:[o(`input`,{...t()}),i?s(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[o(`div`,{className:`rounded-full border border-dashed p-3`,children:o(d,{className:`text-text-positive-muted size-7`,"aria-hidden":`true`})}),o(`p`,{className:`text-text-positive-muted font-medium`,children:`Drop the files here`})]}):s(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[o(`div`,{className:`rounded-full border border-dashed p-3`,children:o(d,{size:T||24,className:`text-muted-foreground`,"aria-hidden":`true`})}),w&&s(`div`,{className:`flex flex-col gap-px`,children:[s(`p`,{className:`text-text-positive-weak text-xs font-medium`,children:[`Drag `,`'n'`,` drop files here, or click to select files`]}),s(`p`,{className:`text-text-positive-muted text-xs`,children:[`You can upload`,x>1?` ${x===1/0?`multiple`:x}
                       files (up to ${r(b)} each)`:` a file with ${r(b)}`]})]})]})]})}),O?.length?s(`div`,{className:`h-fit w-full overflow-y-auto`,children:[s(`div`,{className:`flex items-center justify-between px-3 py-2.5`,children:[s(`div`,{className:`text-text-positive-weak flex items-center gap-1`,children:[o(l,{size:16,"aria-hidden":`true`}),s(`p`,{className:`text-sm`,children:[`Ảnh đã tải lên (`,O.length,`)`]})]}),s(`button`,{className:`hover:text-text-positive text-text-positive-muted flex cursor-pointer items-center gap-1 transition-colors duration-200`,onClick:()=>{O&&(O.forEach(e=>{_(e)&&URL.revokeObjectURL(e.preview)}),k([]),c?.([]))},children:[o(u,{size:16,"aria-hidden":`true`}),o(`p`,{className:`text-sm`,children:`Xóa tất cả`})]})]}),o(`div`,{className:`flex flex-col gap-2.5`,children:O?.map((e,t)=>o(g,{file:e,onRemove:()=>j(t),progress:v?.[e.name]},t))})]}):null]})}function g({file:n,progress:i,onRemove:a}){return s(`div`,{className:`border-border-weak hover:border-border relative flex items-center gap-4 rounded-md border py-2 pr-3 pl-2 shadow-xs transition-colors`,children:[s(`div`,{className:`flex flex-1 gap-2.5`,children:[_(n)?o(v,{file:n}):null,s(`div`,{className:`flex w-full flex-col gap-2`,children:[s(`div`,{className:`flex flex-col gap-y-0.5`,children:[o(`p`,{className:`text-text-positive line-clamp-1 text-sm`,children:n.name}),o(`p`,{className:`text-text-positive-muted text-xs`,children:r(n.size)})]}),i?o(t,{value:i}):null]})]}),o(`div`,{className:`flex items-center gap-2`,children:s(e,{type:`button`,variant:`ghost`,color:`secondary`,size:`icon`,className:`size-7`,onClick:a,children:[o(u,{size:16,className:`text-text-positive-muted`,"aria-hidden":`true`}),o(`span`,{className:`sr-only`,children:`Remove file`})]})})]})}function _(e){return`preview`in e&&typeof e.preview==`string`}function v({file:e}){return e.type.startsWith(`image/`)?o(`img`,{src:e.preview,className:`border-border aspect-square size-10 shrink-0 rounded border object-cover object-top shadow-sm`}):o(c,{className:`text-text-positive-muted size-10 border`,"aria-hidden":`true`})}export{h as FileUploader};
 //# sourceMappingURL=file-uploader.mjs.map

package/dist/ui/form.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime117 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 import * as react11 from "react";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
@@ -8,7 +8,7 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime117.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime113.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -29,22 +29,22 @@ declare const FormItem: react11.MemoExoticComponent<({
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react_jsx_runtime117.JSX.Element>;
+}) => react_jsx_runtime113.JSX.Element>;
 declare const FormLabel: react11.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime117.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime113.JSX.Element>;
 declare const FormControl: react11.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime117.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime113.JSX.Element>;
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime113.JSX.Element;
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.cts.map

package/dist/ui/form.d.mts

@@ -1,5 +1,5 @@
-import * as react23 from "react";
-import * as react_jsx_runtime216 from "react/jsx-runtime";
+import * as react13 from "react";
+import * as react_jsx_runtime184 from "react/jsx-runtime";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -8,7 +8,7 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime216.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime184.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -23,28 +23,28 @@ declare const useFormField: () => {
   formDescriptionId: string;
   formMessageId: string;
 };
-declare const FormItem: react23.MemoExoticComponent<({
+declare const FormItem: react13.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react_jsx_runtime216.JSX.Element>;
-declare const FormLabel: react23.MemoExoticComponent<({
+}) => react_jsx_runtime184.JSX.Element>;
+declare const FormLabel: react13.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime216.JSX.Element>;
-declare const FormControl: react23.MemoExoticComponent<({
+}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime184.JSX.Element>;
+declare const FormControl: react13.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime216.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime184.JSX.Element>;
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime216.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime184.JSX.Element;
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime216.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime184.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.mts.map

package/dist/ui/hover-card.d.cts

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime123 from "react/jsx-runtime";
+import * as react_jsx_runtime198 from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime123.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime198.JSX.Element;
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime123.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime198.JSX.Element;
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime123.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime198.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.cts.map

package/dist/ui/hover-card.d.mts

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime279 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime279.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime125.JSX.Element;
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime279.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime125.JSX.Element;
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime279.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime125.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.mts.map

package/dist/ui/input-otp.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime133 from "react/jsx-runtime";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -8,21 +8,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime152.JSX.Element;
+}): react_jsx_runtime133.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime133.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime152.JSX.Element;
+}): react_jsx_runtime133.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime133.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.cts.map

package/dist/ui/input-otp.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -8,21 +8,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime112.JSX.Element;
+}): react_jsx_runtime146.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime112.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime146.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime112.JSX.Element;
+}): react_jsx_runtime146.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime112.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.mts.map

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-C3M7uZqX.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-Bm0YXroi.cjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.d.mts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-C9dS5env.mjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-CLlVXOR2.mjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/inputs/search-input.d.cts

@@ -1,12 +1,12 @@
-import { t as Input } from "../../input-C3M7uZqX.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { t as Input } from "../../input-Bm0YXroi.cjs";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react_jsx_runtime8.JSX.Element;
+}: Props) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.cts.map

package/dist/ui/inputs/search-input.d.mts

@@ -1,12 +1,12 @@
-import { t as Input } from "../../input-C9dS5env.mjs";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import { t as Input } from "../../input-CLlVXOR2.mjs";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react_jsx_runtime33.JSX.Element;
+}: Props) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.mts.map

package/dist/ui/item.d.cts

@@ -1,21 +1,21 @@
 import { Separator } from "./separator.cjs";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/item.d.ts
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime120.JSX.Element;
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 declare function Item({
   className,
   variant,
@@ -24,39 +24,39 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime177.JSX.Element;
+}): react_jsx_runtime120.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime120.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime120.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime177.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.cts.map

package/dist/ui/item.d.mts

@@ -1,21 +1,21 @@
 import { Separator } from "./separator.mjs";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime118 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region packages/components/ui/item.d.ts
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime167.JSX.Element;
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
 declare function Item({
   className,
   variant,
@@ -24,39 +24,39 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime118.JSX.Element;
+}): react_jsx_runtime167.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime167.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime167.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.mts.map

package/dist/ui/label.d.cts

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

package/dist/ui/label.d.mts

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

package/dist/ui/menubar.d.cts

@@ -1,34 +1,34 @@
-import * as react_jsx_runtime189 from "react/jsx-runtime";
+import * as react_jsx_runtime138 from "react/jsx-runtime";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime138.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime138.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime138.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime138.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime138.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime138.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime138.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
@@ -37,36 +37,36 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime189.JSX.Element;
+}): react_jsx_runtime138.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime138.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime138.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime189.JSX.Element;
+}): react_jsx_runtime138.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime138.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime138.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime138.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
@@ -74,11 +74,11 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime189.JSX.Element;
+}): react_jsx_runtime138.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime189.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime138.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.cts.map