@omnifyjp/ui 0.5.3 → 1.0.0

package/dist/components/date-picker.d.ts

@@ -0,0 +1,71 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Locale } from 'date-fns';
+
+interface DatePickerProps {
+    /** Currently selected date. */
+    value?: Date;
+    /** Callback fired when a date is selected or cleared. */
+    onChange?: (date: Date | undefined) => void;
+    /** Placeholder text shown when no date is selected. */
+    placeholder?: string;
+    /** Additional CSS class for the trigger button. */
+    className?: string;
+    /** Whether the date picker is disabled. */
+    disabled?: boolean;
+    /** date-fns Locale object for date formatting (e.g., `ja` for Japanese). */
+    locale?: Locale;
+}
+/**
+ * Single date picker with a calendar popover.
+ * Displays the selected date formatted with date-fns and opens a calendar on click.
+ *
+ * @example
+ * ```tsx
+ * const [date, setDate] = useState<Date>();
+ *
+ * <DatePicker
+ *   value={date}
+ *   onChange={setDate}
+ *   placeholder="Pick a date"
+ * />
+ * ```
+ */
+declare function DatePicker({ value, onChange, placeholder, className, disabled, locale, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+interface DateRangePickerProps {
+    /** Currently selected date range with `from` and optional `to`. */
+    value?: {
+        from: Date | undefined;
+        to?: Date | undefined;
+    };
+    /** Callback fired when the date range changes. */
+    onChange?: (range: {
+        from: Date | undefined;
+        to?: Date | undefined;
+    } | undefined) => void;
+    /** Placeholder text shown when no range is selected. */
+    placeholder?: string;
+    /** Additional CSS class for the trigger button. */
+    className?: string;
+    /** Whether the date range picker is disabled. */
+    disabled?: boolean;
+    /** date-fns Locale object for date formatting (e.g., `ja` for Japanese). */
+    locale?: Locale;
+}
+/**
+ * Date range picker with a two-month calendar popover.
+ * Allows selecting a start and end date displayed as a range string.
+ *
+ * @example
+ * ```tsx
+ * const [range, setRange] = useState<{ from: Date | undefined; to?: Date }>();
+ *
+ * <DateRangePicker
+ *   value={range}
+ *   onChange={setRange}
+ *   placeholder="Select date range"
+ * />
+ * ```
+ */
+declare function DateRangePicker({ value, onChange, placeholder, className, disabled, locale, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+export { DatePicker, DateRangePicker };

package/dist/components/date-picker.js

@@ -0,0 +1,7 @@
+export { DatePicker, DateRangePicker } from '../chunk-HWTW64R5.js';
+import '../chunk-C34KSTWA.js';
+import '../chunk-QB3UWRZH.js';
+import '../chunk-55E7D2HR.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=date-picker.js.map
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker.js"}

package/dist/components/dialog.d.ts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+/**
+ * Modal dialog component built on Radix UI Dialog.
+ *
+ * Renders a centered overlay panel that interrupts the user with important content
+ * and expects a response. Supports controlled (`open`/`onOpenChange`) and
+ * uncontrolled usage (via `DialogTrigger`).
+ *
+ * @example
+ * ```tsx
+ * <Dialog open={open} onOpenChange={setOpen}>
+ *   <DialogTrigger asChild>
+ *     <Button>Open Dialog</Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Edit Profile</DialogTitle>
+ *       <DialogDescription>
+ *         Make changes to your profile here.
+ *       </DialogDescription>
+ *     </DialogHeader>
+ *     <div className="space-y-4">
+ *       <Input placeholder="Name" />
+ *     </div>
+ *     <DialogFooter>
+ *       <Button variant="outline" onClick={() => setOpen(false)}>
+ *         Cancel
+ *       </Button>
+ *       <Button>Save Changes</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Element that opens the dialog when clicked. Use `asChild` to merge into your own button. */
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Portal that renders dialog content outside the DOM hierarchy. */
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/** Button that closes the dialog. Use `asChild` to merge into your own button. */
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+/** Semi-transparent backdrop rendered behind the dialog content. */
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Dialog content panel with overlay backdrop and a built-in close button. */
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Container for DialogTitle and DialogDescription at the top of the dialog. */
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Container for action buttons at the bottom of the dialog. */
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Accessible title rendered inside DialogHeader. */
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+/** Accessible description rendered inside DialogHeader below the title. */
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/dialog.js

@@ -0,0 +1,4 @@
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../chunk-F2ZJLKDP.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=dialog.js.map
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dialog.js"}

package/dist/components/drawer.d.ts

@@ -0,0 +1,60 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Drawer as Drawer$1 } from 'vaul';
+
+/**
+ * Swipeable drawer component built on Vaul.
+ *
+ * Slides from any edge of the screen and can be dismissed by swiping.
+ * Set the `direction` prop on the root to control direction (`"top"`, `"bottom"`,
+ * `"left"`, `"right"`). Always wrap content in `DrawerBody` for proper scrolling.
+ *
+ * @example
+ * ```tsx
+ * <Drawer open={open} onOpenChange={setOpen}>
+ *   <DrawerTrigger asChild>
+ *     <Button variant="outline">Open Drawer</Button>
+ *   </DrawerTrigger>
+ *   <DrawerContent>
+ *     <DrawerHeader>
+ *       <DrawerTitle>Task Details</DrawerTitle>
+ *       <DrawerDescription>
+ *         View and edit task information.
+ *       </DrawerDescription>
+ *     </DrawerHeader>
+ *     <DrawerBody>
+ *       <p>Scrollable content goes here.</p>
+ *     </DrawerBody>
+ *     <DrawerFooter>
+ *       <Button>Save</Button>
+ *       <DrawerClose asChild>
+ *         <Button variant="outline">Cancel</Button>
+ *       </DrawerClose>
+ *     </DrawerFooter>
+ *   </DrawerContent>
+ * </Drawer>
+ * ```
+ */
+declare function Drawer({ ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+/** Element that opens the drawer when clicked. Use `asChild` to merge into your own button. */
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
+/** Portal that renders drawer content outside the DOM hierarchy. */
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+/** Button that closes the drawer. Use `asChild` to merge into your own button. */
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+/** Semi-transparent backdrop rendered behind the drawer panel. */
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+/** Drawer content panel that slides in from the configured direction. Includes a drag handle for bottom drawers. */
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+/** Container for DrawerTitle and DrawerDescription at the top of the drawer. */
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Scrollable body area for drawer content. Always wrap main content in this component. */
+declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Container for action buttons at the bottom of the drawer. Pushed to the bottom via `mt-auto`. */
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Accessible title rendered inside DrawerHeader. */
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+/** Accessible description rendered inside DrawerHeader below the title. */
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/drawer.js

@@ -0,0 +1,4 @@
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../chunk-7XH3MGBR.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=drawer.js.map
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"drawer.js"}

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+/**
+ * Dropdown menu component built on Radix UI DropdownMenu.
+ *
+ * Displays a menu of actions or options triggered by a button click.
+ * Supports items, checkbox items, radio items, sub-menus, separators,
+ * labels, shortcuts, and destructive variants.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild>
+ *     <Button variant="outline">Actions</Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem>
+ *       <UserIcon className="size-4" />
+ *       Profile
+ *       <DropdownMenuShortcut>Ctrl+P</DropdownMenuShortcut>
+ *     </DropdownMenuItem>
+ *     <DropdownMenuItem>
+ *       <SettingsIcon className="size-4" />
+ *       Settings
+ *     </DropdownMenuItem>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem variant="destructive">
+ *       <TrashIcon className="size-4" />
+ *       Delete
+ *     </DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Portal that renders dropdown content outside the DOM hierarchy. */
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/** Element that opens the dropdown menu when clicked. Use `asChild` to merge into your own button. */
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Floating container for menu items, positioned relative to the trigger. */
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Groups related menu items together for accessibility. */
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/** Actionable menu item. Set `variant="destructive"` for dangerous actions, `inset` for left-padding alignment. */
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+/** Menu item with a checkbox indicator for toggling options. */
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/** Container for radio menu items where only one can be selected at a time. */
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/** Menu item with a radio indicator for single-selection groups. */
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label used to title a group of menu items. */
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Visual divider between groups of menu items. */
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Keyboard shortcut hint displayed at the end of a menu item. */
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+/** Container for a nested sub-menu within the dropdown. */
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/** Menu item that opens a sub-menu on hover. Displays a chevron indicator. */
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Floating container for sub-menu items. */
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/dropdown-menu.js

@@ -0,0 +1,4 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../chunk-IAWKX5W4.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=dropdown-menu.js.map
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dropdown-menu.js"}

package/dist/components/file-upload.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface FileUploadProps {
+    /** Array of currently uploaded File objects. */
+    value?: File[];
+    /** Callback fired when files are added or removed. */
+    onChange?: (files: File[]) => void;
+    /** Accepted file types (e.g., `"image/*,.pdf"`). Maps to the HTML `accept` attribute. */
+    accept?: string;
+    /** Whether multiple files can be selected at once. Defaults to `false`. */
+    multiple?: boolean;
+    /** Maximum file size in bytes. Defaults to 10 MB. */
+    maxSize?: number;
+    /** Maximum number of files allowed. */
+    maxFiles?: number;
+    /** Whether the upload area is disabled. */
+    disabled?: boolean;
+    /** Additional CSS class for the outer wrapper. */
+    className?: string;
+    /** Whether to show the file list with previews below the drop zone. Defaults to `true`. */
+    showPreview?: boolean;
+}
+/**
+ * File upload component with drag-and-drop support and file previews.
+ * Validates file size and count, shows image thumbnails, and provides remove buttons.
+ *
+ * @example
+ * ```tsx
+ * const [files, setFiles] = useState<File[]>([]);
+ *
+ * <FileUpload
+ *   value={files}
+ *   onChange={setFiles}
+ *   accept="image/*,.pdf"
+ *   multiple
+ *   maxSize={5 * 1024 * 1024}
+ *   maxFiles={3}
+ * />
+ * ```
+ */
+declare function FileUpload({ value, onChange, accept, multiple, maxSize, // 10MB default
+maxFiles, disabled, className, showPreview, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
+export { FileUpload };

package/dist/components/file-upload.js

@@ -0,0 +1,5 @@
+export { FileUpload } from '../chunk-G7HTZBUR.js';
+import '../chunk-55E7D2HR.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=file-upload.js.map
+//# sourceMappingURL=file-upload.js.map

package/dist/components/file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"file-upload.js"}

package/dist/components/form.d.ts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+
+/**
+ * Form provider component built on react-hook-form's FormProvider.
+ * Wraps form fields and provides form context for validation, error display, and accessibility.
+ *
+ * @example
+ * ```tsx
+ * const form = useForm({ defaultValues: { email: "" } });
+ *
+ * <Form {...form}>
+ *   <form onSubmit={form.handleSubmit(onSubmit)}>
+ *     <FormField
+ *       control={form.control}
+ *       name="email"
+ *       render={({ field }) => (
+ *         <FormItem>
+ *           <FormLabel>Email</FormLabel>
+ *           <FormControl>
+ *             <Input placeholder="you@example.com" {...field} />
+ *           </FormControl>
+ *           <FormDescription>Your work email address.</FormDescription>
+ *           <FormMessage />
+ *         </FormItem>
+ *       )}
+ *     />
+ *     <Button type="submit">Submit</Button>
+ *   </form>
+ * </Form>
+ * ```
+ */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/** Connects a form field to react-hook-form's Controller and provides field context. */
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+/**
+ * Hook that returns field state, IDs, and error information for the current form field.
+ * Must be used within a `FormField` component.
+ */
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+/** Container for a single form field, grouping label, control, description, and message. */
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Label for a form field that turns red on validation error. */
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Slot wrapper that wires up aria attributes for the form control. */
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element;
+/** Helper text displayed below the form control. */
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+/** Displays the validation error message for the form field. */
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
+
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/components/form.js

@@ -0,0 +1,5 @@
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../chunk-LVZNNIK4.js';
+import '../chunk-P3M5TZD2.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=form.js.map
+//# sourceMappingURL=form.js.map

package/dist/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"form.js"}

package/dist/components/hover-card.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+
+/**
+ * Hover-activated floating card built on Radix UI HoverCard.
+ *
+ * Displays a preview card when the user hovers over a trigger element.
+ * Ideal for showing user profiles, link previews, or supplementary info
+ * without requiring a click.
+ *
+ * @example
+ * ```tsx
+ * <HoverCard>
+ *   <HoverCardTrigger asChild>
+ *     <a href="/user/john" className="underline">
+ *       @john
+ *     </a>
+ *   </HoverCardTrigger>
+ *   <HoverCardContent>
+ *     <div className="flex gap-4">
+ *       <Avatar>
+ *         <AvatarImage src="/avatars/john.png" />
+ *         <AvatarFallback>JD</AvatarFallback>
+ *       </Avatar>
+ *       <div>
+ *         <h4 className="text-sm font-semibold">John Doe</h4>
+ *         <p className="text-sm text-muted-foreground">
+ *           Software Engineer
+ *         </p>
+ *       </div>
+ *     </div>
+ *   </HoverCardContent>
+ * </HoverCard>
+ * ```
+ */
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Element that shows the hover card on mouse enter. Use `asChild` to merge into your own element. */
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Floating content panel that appears on hover. */
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/hover-card.js

@@ -0,0 +1,4 @@
+export { HoverCard, HoverCardContent, HoverCardTrigger } from '../chunk-JRU2QX7T.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=hover-card.js.map
+//# sourceMappingURL=hover-card.js.map

package/dist/components/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"hover-card.js"}

package/dist/components/input-otp.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { OTPInput } from 'input-otp';
+
+/**
+ * One-time password input component built on the `input-otp` library.
+ * Renders a segmented input for entering verification codes.
+ *
+ * @example
+ * ```tsx
+ * <InputOTP maxLength={6} value={otp} onChange={setOtp}>
+ *   <InputOTPGroup>
+ *     <InputOTPSlot index={0} />
+ *     <InputOTPSlot index={1} />
+ *     <InputOTPSlot index={2} />
+ *   </InputOTPGroup>
+ *   <InputOTPSeparator />
+ *   <InputOTPGroup>
+ *     <InputOTPSlot index={3} />
+ *     <InputOTPSlot index={4} />
+ *     <InputOTPSlot index={5} />
+ *   </InputOTPGroup>
+ * </InputOTP>
+ * ```
+ */
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+/** Groups adjacent OTP slots together visually. */
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Individual character slot within an OTP group. */
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+/** Visual separator (dash) between OTP groups. */
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/input-otp.js

@@ -0,0 +1,4 @@
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '../chunk-RQNZDWY3.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=input-otp.js.map
+//# sourceMappingURL=input-otp.js.map

package/dist/components/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"input-otp.js"}

package/dist/components/input.d.ts

@@ -0,0 +1,38 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
+}
+/**
+ * Text input component with multiple size variants.
+ *
+ * Extends native `<input>` — all standard HTML input attributes are supported.
+ *
+ * @example
+ * ```tsx
+ * // Default input
+ * <Input placeholder="Enter text..." />
+ *
+ * // Sizes: xs (24px) | sm (28px) | default (32px) | lg (36px) | xl (44px)
+ * <Input size="xs" placeholder="Tiny" />
+ * <Input size="sm" placeholder="Small" />
+ * <Input size="lg" placeholder="Large" />
+ * <Input size="xl" placeholder="Extra large" />
+ *
+ * // With type
+ * <Input type="email" placeholder="email@example.com" />
+ * <Input type="number" placeholder="0" />
+ * <Input type="date" />
+ *
+ * // Disabled / invalid
+ * <Input disabled placeholder="Disabled" />
+ * <Input aria-invalid placeholder="Error state" />
+ * ```
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

package/dist/components/input.js

@@ -0,0 +1,4 @@
+export { Input, inputVariants } from '../chunk-3VU56V66.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"input.js"}

package/dist/components/label.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
+/**
+ * Accessible label for form controls, automatically associated via `htmlFor`.
+ *
+ * @example
+ * ```tsx
+ * // With an input
+ * <Label htmlFor="email">Email address</Label>
+ * <Input id="email" type="email" />
+ *
+ * // Disabled state (responds to group/peer disabled)
+ * <Label htmlFor="name">Name</Label>
+ * ```
+ */
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+
+export { Label, type LabelProps };

package/dist/components/label.js

@@ -0,0 +1,4 @@
+export { Label } from '../chunk-P3M5TZD2.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=label.js.map
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"label.js"}