@customafk/lunas-ui 0.2.65 → 0.2.67

package/dist/ui/dropdown-menu.d.mts

@@ -1,125 +1,2 @@
-import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
-
-//#region packages/components/ui/dropdown-menu.d.ts
-/**
- * Root provider for the DropdownMenu — wraps all sub-components and controls open state.
- *
- * @example
- * ```tsx
- * import {
- *   DropdownMenu, DropdownMenuTrigger, DropdownMenuContent,
- *   DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator,
- * } from '@customafk/lunas-ui/ui/dropdown-menu';
- *
- * <DropdownMenu>
- *   <DropdownMenuTrigger>Options</DropdownMenuTrigger>
- *   <DropdownMenuContent>
- *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
- *     <DropdownMenuSeparator />
- *     <DropdownMenuItem>Profile</DropdownMenuItem>
- *     <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
- */
-declare function DropdownMenu({
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Root>): import("react").JSX.Element;
-/** Portals DropdownMenu content outside the current DOM hierarchy. */
-declare function DropdownMenuPortal({
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Portal>): import("react").JSX.Element;
-/** Element that opens the DropdownMenu when activated. */
-declare function DropdownMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): import("react").JSX.Element;
-/** Animated floating panel that contains the dropdown items. */
-declare function DropdownMenuContent({
-  className,
-  sideOffset,
-  align,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Content>): import("react").JSX.Element;
-/** Groups related DropdownMenuItems under a shared logical section. */
-declare function DropdownMenuGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Group>): import("react").JSX.Element;
-/**
- * A single clickable row inside a DropdownMenuContent.
- *
- * @param inset - When true, adds left padding to align with items that have icons.
- * @param variant - Visual style: `'default'` or `'destructive'`.
- */
-declare function DropdownMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Item> & {
-  inset?: boolean;
-  variant?: 'default' | 'destructive';
-}): import("react").JSX.Element;
-/** A checkable menu item that displays a checkmark when selected. */
-declare function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): import("react").JSX.Element;
-/** Groups DropdownMenuRadioItems so only one can be selected at a time. */
-declare function DropdownMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): import("react").JSX.Element;
-/** A radio-button menu item; shows a filled circle when selected. */
-declare function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): import("react").JSX.Element;
-/**
- * Non-interactive label used to describe a group of items.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Label> & {
-  inset?: boolean;
-}): import("react").JSX.Element;
-/** Horizontal dividing line between groups of dropdown items. */
-declare function DropdownMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Separator>): import("react").JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a menu item. */
-declare function DropdownMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): import("react").JSX.Element;
-/** Root container for a nested sub-menu inside a DropdownMenu. */
-declare function DropdownMenuSub({
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Sub>): import("react").JSX.Element;
-/**
- * Menu item that reveals a nested DropdownMenuSubContent on hover or activation.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
-  inset?: boolean;
-}): import("react").JSX.Element;
-/** Floating panel that contains the items of a nested sub-menu. */
-declare function DropdownMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): import("react").JSX.Element;
-//#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.d.mts.map
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-CcMccVns.mjs";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/ui/empty.d.cts

@@ -1,65 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/empty.d.ts
-/**
- * Full-page or section empty-state container with centred layout and dashed border, composed with EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent.
- *
- * @example
- * ```tsx
- * import {
- *   Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent,
- * } from '@customafk/lunas-ui/ui/empty';
- * import { SearchX } from 'lucide-react';
- *
- * <Empty>
- *   <EmptyHeader>
- *     <EmptyMedia variant="icon"><SearchX /></EmptyMedia>
- *     <EmptyTitle>No results found</EmptyTitle>
- *     <EmptyDescription>Try adjusting your search filters.</EmptyDescription>
- *   </EmptyHeader>
- *   <EmptyContent>
- *     <button>Reset filters</button>
- *   </EmptyContent>
- * </Empty>
- * ```
- */
-declare function Empty({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Centred column container for the media, title, and description of an empty state. */
-declare function EmptyHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-  variant?: "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Container for the visual element (illustration, icon, or image) in an empty state.
- *
- * @param variant - `'default'` renders a transparent wrapper; `'icon'` renders a rounded muted square with the icon centred inside.
- */
-declare function EmptyMedia({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
-/** Prominent heading text for the empty state. */
-declare function EmptyTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Supporting body text that explains the empty state to the user. */
-declare function EmptyDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): import("react").JSX.Element;
-/** Action area below the header — typically holds buttons or links to help the user proceed. */
-declare function EmptyContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-//#endregion
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
-//# sourceMappingURL=empty.d.cts.map
+import { a as EmptyMedia, i as EmptyHeader, n as EmptyContent, o as EmptyTitle, r as EmptyDescription, t as Empty } from "../empty-CaNJjp05.cjs";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/ui/empty.d.mts

@@ -1,65 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/empty.d.ts
-/**
- * Full-page or section empty-state container with centred layout and dashed border, composed with EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent.
- *
- * @example
- * ```tsx
- * import {
- *   Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent,
- * } from '@customafk/lunas-ui/ui/empty';
- * import { SearchX } from 'lucide-react';
- *
- * <Empty>
- *   <EmptyHeader>
- *     <EmptyMedia variant="icon"><SearchX /></EmptyMedia>
- *     <EmptyTitle>No results found</EmptyTitle>
- *     <EmptyDescription>Try adjusting your search filters.</EmptyDescription>
- *   </EmptyHeader>
- *   <EmptyContent>
- *     <button>Reset filters</button>
- *   </EmptyContent>
- * </Empty>
- * ```
- */
-declare function Empty({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Centred column container for the media, title, and description of an empty state. */
-declare function EmptyHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-  variant?: "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Container for the visual element (illustration, icon, or image) in an empty state.
- *
- * @param variant - `'default'` renders a transparent wrapper; `'icon'` renders a rounded muted square with the icon centred inside.
- */
-declare function EmptyMedia({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
-/** Prominent heading text for the empty state. */
-declare function EmptyTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Supporting body text that explains the empty state to the user. */
-declare function EmptyDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): import("react").JSX.Element;
-/** Action area below the header — typically holds buttons or links to help the user proceed. */
-declare function EmptyContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-//#endregion
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
-//# sourceMappingURL=empty.d.mts.map
+import { a as EmptyMedia, i as EmptyHeader, n as EmptyContent, o as EmptyTitle, r as EmptyDescription, t as Empty } from "../empty-CaNJjp05.mjs";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/ui/field.d.cts

@@ -1,4 +1,4 @@
-import { Label } from "./label.cjs";
+import { t as Label } from "../label-DPG_GY7h.cjs";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/field.d.ts

package/dist/ui/field.d.mts

@@ -1,4 +1,4 @@
-import { Label } from "./label.mjs";
+import { t as Label } from "../label-DPG_GY7h.mjs";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/field.d.ts

package/dist/ui/file-uploader.d.cts

@@ -1,101 +1,2 @@
-import { DropzoneProps } from "react-dropzone";
-
-//#region packages/components/ui/file-uploader.d.ts
-/**
- * Props for the FileUploader component.
- *
- * @example
- * ```tsx
- * import { FileUploader } from '@customafk/lunas-ui/ui/file-uploader';
- *
- * <FileUploader
- *   accept={{ 'image/*': [] }}
- *   maxSize={1024 * 1024 * 5}
- *   maxFileCount={3}
- *   multiple
- *   onUpload={async (files) => { await uploadFiles(files); }}
- * />
- * ```
- */
-interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Value of the uploader.
-   * @type File[]
-   * @default undefined
-   * @example value={files}
-   */
-  value?: File[];
-  /**
-   * Function to be called when the value changes.
-   * @type (files: File[]) => void
-   * @default undefined
-   * @example onValueChange={(files) => setFiles(files)}
-   */
-  onValueChange?: (files: File[]) => void;
-  /**
-   * Function to be called when files are uploaded.
-   * @type (files: File[]) => Promise<void>
-   * @default undefined
-   * @example onUpload={(files) => uploadFiles(files)}
-   */
-  onUpload?: (files: File[]) => Promise<void>;
-  /**
-   * Progress of the uploaded files.
-   * @type Record<string, number> | undefined
-   * @default undefined
-   * @example progresses={{ "file1.png": 50 }}
-   */
-  progresses?: Record<string, number>;
-  /**
-   * Accepted file types for the uploader.
-   * @type { [key: string]: string[]}
-   * @default
-   * ```ts
-   * { "image/*": [] }
-   * ```
-   * @example accept={["image/png", "image/jpeg"]}
-   */
-  accept?: DropzoneProps['accept'];
-  /**
-   * Maximum file size for the uploader.
-   * @type number | undefined
-   * @default 1024 * 1024 * 2 // 2MB
-   * @example maxSize={1024 * 1024 * 2} // 2MB
-   */
-  maxSize?: DropzoneProps['maxSize'];
-  /**
-   * Maximum number of files for the uploader.
-   * @type number | undefined
-   * @default 1
-   * @example maxFileCount={4}
-   */
-  maxFileCount?: DropzoneProps['maxFiles'];
-  /**
-   * Whether the uploader should accept multiple files.
-   * @type boolean
-   * @default false
-   * @example multiple
-   */
-  multiple?: boolean;
-  /**
-   * Whether the uploader is disabled.
-   * @type boolean
-   * @default false
-   * @example disabled
-   */
-  disabled?: boolean;
-  /**
-   * Whether to show the instructional drag-and-drop text inside the drop zone.
-   * @default true
-   */
-  showText?: boolean;
-  /** Size in pixels for the upload icon. */
-  iconSize?: number;
-}
-/**
- * A drag-and-drop file upload zone that manages file selection, validation, preview generation, and optional async upload with progress tracking.
- */
-declare function FileUploader(props: FileUploaderProps): import("react").JSX.Element;
-//#endregion
-export { FileUploader };
-//# sourceMappingURL=file-uploader.d.cts.map
+import { t as FileUploader } from "../file-uploader-U64lH0zG.cjs";
+export { FileUploader };

package/dist/ui/file-uploader.d.mts

@@ -1,101 +1,2 @@
-import { DropzoneProps } from "react-dropzone";
-
-//#region packages/components/ui/file-uploader.d.ts
-/**
- * Props for the FileUploader component.
- *
- * @example
- * ```tsx
- * import { FileUploader } from '@customafk/lunas-ui/ui/file-uploader';
- *
- * <FileUploader
- *   accept={{ 'image/*': [] }}
- *   maxSize={1024 * 1024 * 5}
- *   maxFileCount={3}
- *   multiple
- *   onUpload={async (files) => { await uploadFiles(files); }}
- * />
- * ```
- */
-interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Value of the uploader.
-   * @type File[]
-   * @default undefined
-   * @example value={files}
-   */
-  value?: File[];
-  /**
-   * Function to be called when the value changes.
-   * @type (files: File[]) => void
-   * @default undefined
-   * @example onValueChange={(files) => setFiles(files)}
-   */
-  onValueChange?: (files: File[]) => void;
-  /**
-   * Function to be called when files are uploaded.
-   * @type (files: File[]) => Promise<void>
-   * @default undefined
-   * @example onUpload={(files) => uploadFiles(files)}
-   */
-  onUpload?: (files: File[]) => Promise<void>;
-  /**
-   * Progress of the uploaded files.
-   * @type Record<string, number> | undefined
-   * @default undefined
-   * @example progresses={{ "file1.png": 50 }}
-   */
-  progresses?: Record<string, number>;
-  /**
-   * Accepted file types for the uploader.
-   * @type { [key: string]: string[]}
-   * @default
-   * ```ts
-   * { "image/*": [] }
-   * ```
-   * @example accept={["image/png", "image/jpeg"]}
-   */
-  accept?: DropzoneProps['accept'];
-  /**
-   * Maximum file size for the uploader.
-   * @type number | undefined
-   * @default 1024 * 1024 * 2 // 2MB
-   * @example maxSize={1024 * 1024 * 2} // 2MB
-   */
-  maxSize?: DropzoneProps['maxSize'];
-  /**
-   * Maximum number of files for the uploader.
-   * @type number | undefined
-   * @default 1
-   * @example maxFileCount={4}
-   */
-  maxFileCount?: DropzoneProps['maxFiles'];
-  /**
-   * Whether the uploader should accept multiple files.
-   * @type boolean
-   * @default false
-   * @example multiple
-   */
-  multiple?: boolean;
-  /**
-   * Whether the uploader is disabled.
-   * @type boolean
-   * @default false
-   * @example disabled
-   */
-  disabled?: boolean;
-  /**
-   * Whether to show the instructional drag-and-drop text inside the drop zone.
-   * @default true
-   */
-  showText?: boolean;
-  /** Size in pixels for the upload icon. */
-  iconSize?: number;
-}
-/**
- * A drag-and-drop file upload zone that manages file selection, validation, preview generation, and optional async upload with progress tracking.
- */
-declare function FileUploader(props: FileUploaderProps): import("react").JSX.Element;
-//#endregion
-export { FileUploader };
-//# sourceMappingURL=file-uploader.d.mts.map
+import { t as FileUploader } from "../file-uploader-U64lH0zG.mjs";
+export { FileUploader };

package/dist/ui/form.d.cts

@@ -1,109 +1,2 @@
-import { Label, Slot } from "radix-ui";
-import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/ui/form.d.ts
-/**
- * Re-export of react-hook-form's `FormProvider`; wrap your form with this to give all nested form components access to the form context.
- *
- * @example
- * ```tsx
- * import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from '@customafk/lunas-ui/ui/form';
- * import { useForm } from 'react-hook-form';
- *
- * const form = useForm<{ username: string }>();
- *
- * <Form {...form}>
- *   <form onSubmit={form.handleSubmit(onSubmit)}>
- *     <FormField
- *       control={form.control}
- *       name="username"
- *       render={({ field }) => (
- *         <FormItem>
- *           <FormLabel>Username</FormLabel>
- *           <FormControl><input {...field} /></FormControl>
- *           <FormMessage />
- *         </FormItem>
- *       )}
- *     />
- *   </form>
- * </Form>
- * ```
- */
-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
-}: import("react-hook-form").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>) => import("react").JSX.Element;
-/**
- * Hook that returns the field state and IDs for the enclosing FormField.
- * Must be called inside a component rendered within a `<FormField>`.
- */
-declare const useFormField: () => {
-  invalid: boolean;
-  isDirty: boolean;
-  isTouched: boolean;
-  isValidating: boolean;
-  error?: import("react-hook-form").FieldError;
-  id: string;
-  control: import("react-hook-form").Control<FieldValues, any, FieldValues>;
-  resetField: import("react-hook-form").UseFormResetField<FieldValues>;
-  name: string;
-  formItemId: string;
-  formDescriptionId: string;
-  formMessageId: string;
-};
-/**
- * Container for a single form field — generates a unique ID and provides it via context to FormLabel, FormControl, and FormMessage.
- *
- * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
- */
-declare const FormItem: import("react").MemoExoticComponent<({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & {
-  orientation?: "vertical" | "horizontal" | "responsive";
-}) => import("react").JSX.Element>;
-/** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: import("react").MemoExoticComponent<({
-  ...props
-}: React.ComponentProps<typeof Label.Root>) => import("react").JSX.Element>;
-/** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: import("react").MemoExoticComponent<({
-  ...props
-}: React.ComponentProps<typeof Slot.Slot>) => import("react").JSX.Element>;
-/** Helper text displayed below the control that provides additional context about the field. */
-declare function FormDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): import("react").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'>): import("react").JSX.Element;
-//#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
-//# sourceMappingURL=form.d.cts.map
+import { a as FormItem, c as useFormField, i as FormField, n as FormControl, o as FormLabel, r as FormDescription, s as FormMessage, t as Form } from "../form-CMP15S4r.cjs";
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };