@customafk/lunas-ui 0.2.25 → 0.2.27

package/dist/ui/form.d.cts

@@ -1,5 +1,4 @@
-import * as react_jsx_runtime158 from "react/jsx-runtime";
-import * as react23 from "react";
+import * as react151 from "react";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -33,13 +32,32 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
  * </Form>
  * ```
  */
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
+  children,
+  watch,
+  getValues,
+  getFieldState,
+  setError,
+  clearErrors,
+  setValue,
+  setValues,
+  trigger,
+  formState,
+  resetField,
+  reset,
+  handleSubmit,
+  unregister,
+  control,
+  register,
+  setFocus,
+  subscribe
+}: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 /**
  * Connects a single react-hook-form field to the form context; renders a `Controller` and passes `name` down to nested FormItem, FormLabel, FormControl, and FormMessage.
  */
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime158.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react151.JSX.Element;
 /**
  * Hook that returns the field state and IDs for the enclosing FormField.
  * Must be called inside a component rendered within a `<FormField>`.
@@ -63,32 +81,32 @@ declare const useFormField: () => {
  *
  * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
  */
-declare const FormItem: react23.MemoExoticComponent<({
+declare const FormItem: react151.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react_jsx_runtime158.JSX.Element>;
+}) => react151.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react23.MemoExoticComponent<({
+declare const FormLabel: react151.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime158.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react151.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react23.MemoExoticComponent<({
+declare const FormControl: react151.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime158.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react151.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<'p'>): react151.JSX.Element;
 /** Displays the validation error message for the field, or falls back to `children` when there is no error. */
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<'p'>): react151.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,4 @@
-import * as react13 from "react";
-import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as react153 from "react";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -33,13 +32,32 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
  * </Form>
  * ```
  */
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
+  children,
+  watch,
+  getValues,
+  getFieldState,
+  setError,
+  clearErrors,
+  setValue,
+  setValues,
+  trigger,
+  formState,
+  resetField,
+  reset,
+  handleSubmit,
+  unregister,
+  control,
+  register,
+  setFocus,
+  subscribe
+}: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 /**
  * Connects a single react-hook-form field to the form context; renders a `Controller` and passes `name` down to nested FormItem, FormLabel, FormControl, and FormMessage.
  */
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime159.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react153.JSX.Element;
 /**
  * Hook that returns the field state and IDs for the enclosing FormField.
  * Must be called inside a component rendered within a `<FormField>`.
@@ -63,32 +81,32 @@ declare const useFormField: () => {
  *
  * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
  */
-declare const FormItem: react13.MemoExoticComponent<({
+declare const FormItem: react153.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react_jsx_runtime159.JSX.Element>;
+}) => react153.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react13.MemoExoticComponent<({
+declare const FormLabel: react153.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime159.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react153.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react13.MemoExoticComponent<({
+declare const FormControl: react153.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime159.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react153.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime159.JSX.Element;
+}: React.ComponentProps<'p'>): react153.JSX.Element;
 /** Displays the validation error message for the field, or falls back to `children` when there is no error. */
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime159.JSX.Element;
+}: React.ComponentProps<'p'>): react153.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.mts.map

package/dist/ui/form.mjs

@@ -1,2 +1,2 @@
-"use client";import"../separator-DXnFHf3v.mjs";import"../label-BukQnBn7.mjs";import{o as e,r as t,t as n}from"../field-Mn2bf2Ns.mjs";import{createContext as r,memo as i,use as a,useId as o}from"react";import{jsx as s}from"react/jsx-runtime";import{cn as c}from"@customafk/react-toolkit/utils";import{Slot as l}from"radix-ui";import{Controller as u,FormProvider as d,useFormContext as f,useFormState as p}from"react-hook-form";const m=d,h=r({}),g=({...e})=>s(h.Provider,{value:{name:e.name},children:s(u,{...e})}),_=()=>{let e=a(h),t=a(v),{getFieldState:n,control:r,resetField:i}=f(),o=p({name:e.name}),s=n(e.name,o);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:c}=t;return{id:c,control:r,resetField:i,name:e.name,formItemId:`${c}-form-item`,formDescriptionId:`${c}-form-item-description`,formMessageId:`${c}-form-item-message`,...s}},v=r({}),y=i(({className:e,orientation:t=`responsive`,...r})=>{let i=o();return s(v.Provider,{value:{id:i},children:s(n,{orientation:t,...r,className:e})})});y.displayName=`FormItem`;const b=i(({...t})=>{let{formItemId:n}=_();return s(e,{htmlFor:n,...t})});b.displayName=`FormLabel`;const x=i(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=_();return s(l.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${i}`:`${r}`,"aria-invalid":!!t,...e})});x.displayName=`FormControl`;function S({className:e,...n}){let{formDescriptionId:r}=_();return s(t,{id:r,className:c(`text-text-positive-weak text-sm/6 leading-normal font-normal`,`group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function C({className:e,children:t,...n}){let{error:r,formMessageId:i}=_();return s(`span`,{"data-slot":`form-message`,id:i,className:c(`text-danger text-xs`,e),...n,children:r?String(r?.message??``):t})}export{m as Form,x as FormControl,S as FormDescription,g as FormField,y as FormItem,b as FormLabel,C as FormMessage,_ as useFormField};
+"use client";import"../separator-yTKDuMWb.mjs";import"../label-CE2m0U_j.mjs";import{o as e,r as t,t as n}from"../field-Bh7Hq4Lo.mjs";import{createContext as r,memo as i,use as a,useId as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{Slot as l}from"radix-ui";import{Controller as u,FormProvider as d,useFormContext as f,useFormState as p}from"react-hook-form";const m=d,h=r({}),g=({...e})=>c(h.Provider,{value:{name:e.name},children:c(u,{...e})}),_=()=>{let e=a(h),t=a(v),{getFieldState:n,control:r,resetField:i}=f(),o=p({name:e.name}),s=n(e.name,o);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:c}=t;return{id:c,control:r,resetField:i,name:e.name,formItemId:`${c}-form-item`,formDescriptionId:`${c}-form-item-description`,formMessageId:`${c}-form-item-message`,...s}},v=r({}),y=i(({className:e,orientation:t=`responsive`,...r})=>{let i=o();return c(v.Provider,{value:{id:i},children:c(n,{orientation:t,...r,className:e})})});y.displayName=`FormItem`;const b=i(({...t})=>{let{formItemId:n}=_();return c(e,{htmlFor:n,...t})});b.displayName=`FormLabel`;const x=i(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=_();return c(l.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${i}`:`${r}`,"aria-invalid":!!t,...e})});x.displayName=`FormControl`;function S({className:e,...n}){let{formDescriptionId:r}=_();return c(t,{id:r,className:s(`text-text-positive-weak text-sm/6 leading-normal font-normal`,`group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function C({className:e,children:t,...n}){let{error:r,formMessageId:i}=_();return c(`span`,{"data-slot":`form-message`,id:i,className:s(`text-danger text-xs`,e),...n,children:r?String(r?.message??``):t})}export{m as Form,x as FormControl,S as FormDescription,g as FormField,y as FormItem,b as FormLabel,C as FormMessage,_ as useFormField};
 //# sourceMappingURL=form.mjs.map

package/dist/ui/hover-card.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`@customafk/react-toolkit/utils`),r=require(`radix-ui`);function i({...e}){return(0,t.jsx)(r.HoverCard.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return(0,t.jsx)(r.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:e,align:i=`center`,sideOffset:a=4,...o}){return(0,t.jsx)(r.HoverCard.Portal,{"data-slot":`hover-card-portal`,children:(0,t.jsx)(r.HoverCard.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}exports.HoverCard=i,exports.HoverCardContent=o,exports.HoverCardTrigger=a;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({...e}){return(0,n.jsx)(r.HoverCard.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return(0,n.jsx)(r.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:e,align:i=`center`,sideOffset:a=4,...o}){return(0,n.jsx)(r.HoverCard.Portal,{"data-slot":`hover-card-portal`,children:(0,n.jsx)(r.HoverCard.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:(0,t.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}exports.HoverCard=i,exports.HoverCardContent=o,exports.HoverCardTrigger=a;
 //# sourceMappingURL=hover-card.cjs.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime200 from "react/jsx-runtime";
+import * as react132 from "react";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
@@ -20,18 +20,18 @@ import { HoverCard as HoverCard$1 } from "radix-ui";
  */
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react132.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react132.JSX.Element;
 /** The floating card panel displayed when the trigger is hovered. */
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react132.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime165 from "react/jsx-runtime";
+import * as react149 from "react";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
@@ -20,18 +20,18 @@ import { HoverCard as HoverCard$1 } from "radix-ui";
  */
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react149.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react149.JSX.Element;
 /** The floating card panel displayed when the trigger is hovered. */
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react149.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.mts.map

package/dist/ui/hover-card.mjs

@@ -1,2 +1,2 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{cn as t}from"@customafk/react-toolkit/utils";import{HoverCard as n}from"radix-ui";function r({...t}){return e(n.Root,{"data-slot":`hover-card`,...t})}function i({...t}){return e(n.Trigger,{"data-slot":`hover-card-trigger`,...t})}function a({className:r,align:i=`center`,sideOffset:a=4,...o}){return e(n.Portal,{"data-slot":`hover-card-portal`,children:e(n.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:t(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,r),...o})})}export{r as HoverCard,a as HoverCardContent,i as HoverCardTrigger};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{HoverCard as n}from"radix-ui";function r({...e}){return t(n.Root,{"data-slot":`hover-card`,...e})}function i({...e}){return t(n.Trigger,{"data-slot":`hover-card-trigger`,...e})}function a({className:r,align:i=`center`,sideOffset:a=4,...o}){return t(n.Portal,{"data-slot":`hover-card-portal`,children:t(n.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,r),...o})})}export{r as HoverCard,a as HoverCardContent,i as HoverCardTrigger};
 //# sourceMappingURL=hover-card.mjs.map

package/dist/ui/image.cjs

@@ -1 +1 @@
-require(`../skeleton-BfMCjXYM.cjs`);const e=require(`../image-B1Dm5LWk.cjs`);exports.Image=e.t;
+require(`../skeleton-CHympz8k.cjs`);const e=require(`../image-Y7gCz7uE.cjs`);exports.Image=e.t;

package/dist/ui/image.mjs

@@ -1 +1 @@
-import"../skeleton-BLwzHejl.mjs";import{t as e}from"../image-C-CdKKP1.mjs";export{e as Image};
+import"../skeleton-Czl96pWA.mjs";import{t as e}from"../image-C4gMBmyV.mjs";export{e as Image};

package/dist/ui/input-otp.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`),a=require(`input-otp`);function o({className:e,containerClassName:t,...n}){return(0,r.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,i.cn)(`flex items-center gap-2 has-disabled:opacity-50`,t),className:(0,i.cn)(`disabled:cursor-not-allowed`,e),...n})}function s({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,i.cn)(`flex items-center`,e),...t})}function c({index:e,className:t,...o}){let{char:s,hasFakeCaret:c,isActive:l}=(0,n.use)(a.OTPInputContext)?.slots[e]??{};return(0,r.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":l,className:(0,i.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,t),...o,children:[s,c&&(0,r.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,r.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,r.jsx)(t.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`input-otp`);function o({className:e,containerClassName:t,...n}){return(0,i.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,r.cn)(`flex items-center gap-2 has-disabled:opacity-50`,t),className:(0,r.cn)(`disabled:cursor-not-allowed`,e),...n})}function s({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,r.cn)(`flex items-center`,e),...t})}function c({index:e,className:t,...o}){let{char:s,hasFakeCaret:c,isActive:l}=(0,n.use)(a.OTPInputContext)?.slots[e]??{};return(0,i.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":l,className:(0,r.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,t),...o,children:[s,c&&(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,i.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,i.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,i.jsx)(t.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
 //# sourceMappingURL=input-otp.cjs.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react241 from "react";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -32,12 +32,12 @@ declare function InputOTP({
 }: React.ComponentProps<typeof OTPInput> & {
   /** Class name applied to the outer container div. */
   containerClassName?: string;
-}): react_jsx_runtime4.JSX.Element;
+}): react241.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime4.JSX.Element;
+}: React.ComponentProps<'div'>): react241.JSX.Element;
 /**
  * A single character slot in an InputOTP — displays the typed character and a blinking caret when focused.
  *
@@ -49,11 +49,11 @@ declare function InputOTPSlot({
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime4.JSX.Element;
+}): react241.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime4.JSX.Element;
+}: React.ComponentProps<'div'>): react241.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_runtime170 from "react/jsx-runtime";
+import * as react194 from "react";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -32,12 +32,12 @@ declare function InputOTP({
 }: React.ComponentProps<typeof OTPInput> & {
   /** Class name applied to the outer container div. */
   containerClassName?: string;
-}): react_jsx_runtime170.JSX.Element;
+}): react194.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime170.JSX.Element;
+}: React.ComponentProps<'div'>): react194.JSX.Element;
 /**
  * A single character slot in an InputOTP — displays the typed character and a blinking caret when focused.
  *
@@ -49,11 +49,11 @@ declare function InputOTPSlot({
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime170.JSX.Element;
+}): react194.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime170.JSX.Element;
+}: React.ComponentProps<'div'>): react194.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.mts.map

package/dist/ui/input-otp.mjs

@@ -1,2 +1,2 @@
-"use client";import{MinusIcon as e}from"lucide-react";import{use as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cn as i}from"@customafk/react-toolkit/utils";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:e,containerClassName:t,...r}){return n(a,{"data-slot":`input-otp`,containerClassName:i(`flex items-center gap-2 has-disabled:opacity-50`,t),className:i(`disabled:cursor-not-allowed`,e),...r})}function c({className:e,...t}){return n(`div`,{"data-slot":`input-otp-group`,className:i(`flex items-center`,e),...t})}function l({index:e,className:a,...s}){let{char:c,hasFakeCaret:l,isActive:u}=t(o)?.slots[e]??{};return r(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:i(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[c,l&&n(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:n(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...t}){return n(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...t,children:n(e,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
+"use client";import{MinusIcon as e}from"lucide-react";import{use as t}from"react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:e,containerClassName:t,...i}){return r(a,{"data-slot":`input-otp`,containerClassName:n(`flex items-center gap-2 has-disabled:opacity-50`,t),className:n(`disabled:cursor-not-allowed`,e),...i})}function c({className:e,...t}){return r(`div`,{"data-slot":`input-otp-group`,className:n(`flex items-center`,e),...t})}function l({index:e,className:a,...s}){let{char:c,hasFakeCaret:l,isActive:u}=t(o)?.slots[e]??{};return i(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:n(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[c,l&&r(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:r(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...t}){return r(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...t,children:r(e,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
 //# sourceMappingURL=input-otp.mjs.map

package/dist/ui/input.cjs

@@ -1 +1 @@
-"use client";const e=require(`../input-BMOYFJYM.cjs`);exports.Input=e.t,exports.inputVariants=e.n;
+"use client";const e=require(`../input-1ceJxxFI.cjs`);exports.Input=e.t,exports.inputVariants=e.n;

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-CjubfyGk.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-B9XN8dsE.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-DEChxakv.mjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-ZL65yvYU.mjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../input-DLRypEj3.mjs";export{t as Input,e as inputVariants};
+"use client";import{n as e,t}from"../input-CKFQdvqY.mjs";export{t as Input,e as inputVariants};

package/dist/ui/inputs/search-input.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../input-BMOYFJYM.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`);const a=({className:e,...a})=>(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(t.t,{...a,type:`search`,className:(0,i.cn)(`ps-9 pe-9`,e)}),(0,r.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:(0,r.jsx)(n.SearchIcon,{size:16})}),(0,r.jsx)(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,r.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
+const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../input-1ceJxxFI.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.t,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
 //# sourceMappingURL=search-input.cjs.map

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

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

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

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

package/dist/ui/inputs/search-input.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../../input-DLRypEj3.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cn as a}from"@customafk/react-toolkit/utils";const o=({className:o,...s})=>i(`div`,{className:`relative`,children:[r(e,{...s,type:`search`,className:a(`ps-9 pe-9`,o)}),r(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:r(n,{size:16})}),r(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:r(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
+import{t as e}from"../../input-CKFQdvqY.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:i(n,{size:16})}),i(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:i(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
 //# sourceMappingURL=search-input.mjs.map

package/dist/ui/item.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-Dh8WwRa8.cjs`),n=require(`../separator-BwZb12bh.cjs`);let r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`),a=require(`class-variance-authority`);function o({className:e,...t}){return(0,r.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,i.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,r.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,i.cn)(`my-0`,e),...t})}const c=(0,a.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:a=`default`,asChild:o=!1,...s}){return(0,r.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":a,className:(0,i.cn)(c({variant:n,size:a,className:e})),...s})}const u=(0,a.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,r.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,i.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`item-content`,className:(0,i.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`item-title`,className:(0,i.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(`p`,{"data-slot":`item-description`,className:(0,i.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`item-actions`,className:(0,i.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`item-header`,className:(0,i.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`item-footer`,className:(0,i.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-CAeolvAH.cjs`),n=require(`../separator-jytY1CPq.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);function o({className:e,...t}){return(0,a.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,r.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,a.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,r.cn)(`my-0`,e),...t})}const c=(0,i.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:i=`default`,asChild:o=!1,...s}){return(0,a.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":i,className:(0,r.cn)(c({variant:n,size:i,className:e})),...s})}const u=(0,i.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,a.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,r.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-content`,className:(0,r.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-title`,className:(0,r.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`p`,{"data-slot":`item-description`,className:(0,r.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-actions`,className:(0,r.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-header`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-footer`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
 //# sourceMappingURL=item.cjs.map

package/dist/ui/item.d.cts

@@ -1,6 +1,6 @@
 import { Separator } from "./separator.cjs";
-import * as react_jsx_runtime64 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react280 from "react";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/item.d.ts
@@ -28,16 +28,16 @@ import { VariantProps } from "class-variance-authority";
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'>): react280.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react280.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "outline" | "muted" | "default" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime64.JSX.Element;
+}): react280.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "image" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react280.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'>): react280.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'>): react280.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'p'>): react280.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'>): react280.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'>): react280.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'div'>): react280.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,5 +1,5 @@
 import { Separator } from "./separator.mjs";
-import * as react_jsx_runtime174 from "react/jsx-runtime";
+import * as react184 from "react";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types8 from "class-variance-authority/types";
 
@@ -28,14 +28,14 @@ import * as class_variance_authority_types8 from "class-variance-authority/types
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'>): react184.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react184.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "outline" | "muted" | "default" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
 } & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
@@ -53,9 +53,9 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime174.JSX.Element;
+}): react184.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "image" | null | undefined;
+  variant?: "default" | "image" | "icon" | null | undefined;
 } & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react184.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'>): react184.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'>): react184.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'p'>): react184.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'>): react184.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'>): react184.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<'div'>): react184.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.mts.map