@omnifyjp/ui 0.5.2 → 1.0.0

package/dist/components/combobox.d.ts

@@ -1 +1,98 @@
-export * from '@omnifyjp/ui-components/components/combobox';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** A single option in the Combobox dropdown. */
+interface ComboboxOption {
+    /** Unique value for this option. */
+    value: string;
+    /** Display label shown in the dropdown list. */
+    label: string;
+    /** Whether this option is non-selectable. */
+    disabled?: boolean;
+}
+interface ComboboxProps {
+    /** Available options to display in the dropdown. */
+    options: ComboboxOption[];
+    /** Currently selected value. */
+    value?: string;
+    /** Callback fired when the selected value changes. */
+    onChange?: (value: string) => void;
+    /** Placeholder text shown when no value is selected. */
+    placeholder?: string;
+    /** Placeholder text for the search input inside the dropdown. */
+    searchPlaceholder?: string;
+    /** Text shown when no options match the search query. */
+    emptyText?: string;
+    /** Additional CSS class for the trigger button. */
+    className?: string;
+    /** Whether the combobox is disabled. */
+    disabled?: boolean;
+    /** Whether to show a clear button when a value is selected. */
+    clearable?: boolean;
+}
+/**
+ * Searchable single-select combobox built on cmdk and Radix Popover.
+ * Combines a text search input with a selectable option list.
+ *
+ * @example
+ * ```tsx
+ * const [value, setValue] = useState("");
+ *
+ * <Combobox
+ *   options={[
+ *     { value: "react", label: "React" },
+ *     { value: "vue", label: "Vue" },
+ *     { value: "svelte", label: "Svelte" },
+ *   ]}
+ *   value={value}
+ *   onChange={setValue}
+ *   placeholder="Select framework..."
+ *   searchPlaceholder="Search..."
+ *   clearable
+ * />
+ * ```
+ */
+declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, className, disabled, clearable, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+interface MultiComboboxProps {
+    /** Available options to display in the dropdown. */
+    options: ComboboxOption[];
+    /** Array of currently selected values. */
+    value?: string[];
+    /** Callback fired when the selection changes. */
+    onChange?: (value: string[]) => void;
+    /** Placeholder text shown when no values are selected. */
+    placeholder?: string;
+    /** Placeholder text for the search input inside the dropdown. */
+    searchPlaceholder?: string;
+    /** Text shown when no options match the search query. */
+    emptyText?: string;
+    /** Additional CSS class for the trigger button. */
+    className?: string;
+    /** Whether the combobox is disabled. */
+    disabled?: boolean;
+    /** Maximum number of items that can be selected. */
+    maxSelected?: number;
+}
+/**
+ * Searchable multi-select combobox that allows selecting multiple values.
+ * Selected items are shown as a count in the trigger button.
+ *
+ * @example
+ * ```tsx
+ * const [selected, setSelected] = useState<string[]>([]);
+ *
+ * <MultiCombobox
+ *   options={[
+ *     { value: "react", label: "React" },
+ *     { value: "vue", label: "Vue" },
+ *     { value: "svelte", label: "Svelte" },
+ *   ]}
+ *   value={selected}
+ *   onChange={setSelected}
+ *   placeholder="Select frameworks..."
+ *   maxSelected={3}
+ * />
+ * ```
+ */
+declare function MultiCombobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, className, disabled, maxSelected, }: MultiComboboxProps): react_jsx_runtime.JSX.Element;
+
+export { Combobox, type ComboboxOption, MultiCombobox };

package/dist/components/combobox.js

@@ -1,3 +1,8 @@
-export * from '@omnifyjp/ui-components/components/combobox';
+export { Combobox, MultiCombobox } from '../chunk-NPL2R5LD.js';
+import '../chunk-C34KSTWA.js';
+import '../chunk-6GWVQB3Q.js';
+import '../chunk-F2ZJLKDP.js';
+import '../chunk-55E7D2HR.js';
+import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=combobox.js.map
 //# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

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

package/dist/components/command.d.ts

@@ -1 +1,63 @@
-export * from '@omnifyjp/ui-components/components/command';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Command as Command$1 } from 'cmdk';
+import { Dialog } from './dialog.js';
+import '@radix-ui/react-dialog';
+
+/**
+ * Command palette component built on cmdk.
+ *
+ * Provides a searchable, keyboard-navigable list of commands or options.
+ * Use `CommandDialog` for a modal command palette, or `Command` inline
+ * for embedded search/filter interfaces like comboboxes.
+ *
+ * @example
+ * ```tsx
+ * <CommandDialog open={open} onOpenChange={setOpen}>
+ *   <CommandInput placeholder="Type a command or search..." />
+ *   <CommandList>
+ *     <CommandEmpty>No results found.</CommandEmpty>
+ *     <CommandGroup heading="Suggestions">
+ *       <CommandItem>
+ *         <CalendarIcon className="size-4" />
+ *         Calendar
+ *       </CommandItem>
+ *       <CommandItem>
+ *         <SearchIcon className="size-4" />
+ *         Search
+ *         <CommandShortcut>Ctrl+K</CommandShortcut>
+ *       </CommandItem>
+ *     </CommandGroup>
+ *     <CommandSeparator />
+ *     <CommandGroup heading="Settings">
+ *       <CommandItem>
+ *         <SettingsIcon className="size-4" />
+ *         Settings
+ *       </CommandItem>
+ *     </CommandGroup>
+ *   </CommandList>
+ * </CommandDialog>
+ * ```
+ */
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+/** Modal wrapper that renders a Command palette inside a Dialog. Accepts optional `title` and `description` for accessibility. */
+declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+}): react_jsx_runtime.JSX.Element;
+/** Search input field with a magnifying glass icon for filtering command items. */
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+/** Scrollable container for command groups and items. */
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+/** Fallback content shown when no command items match the search query. */
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+/** Groups related command items under an optional heading. */
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+/** Visual divider between groups of command items. */
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+/** Selectable command item that can be navigated with keyboard arrows and activated with Enter. */
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+/** Keyboard shortcut hint displayed at the end of a command item. */
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/command.js

@@ -1,3 +1,5 @@
-export * from '@omnifyjp/ui-components/components/command';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../chunk-6GWVQB3Q.js';
+import '../chunk-F2ZJLKDP.js';
+import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=command.js.map
 //# sourceMappingURL=command.js.map

package/dist/components/command.js.map

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

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

@@ -1 +1,70 @@
-export * from '@omnifyjp/ui-components/components/context-menu';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+
+/**
+ * Right-click context menu built on Radix UI ContextMenu.
+ *
+ * Displays a menu of actions when the user right-clicks (or long-presses)
+ * on the trigger area. Supports items, checkbox items, radio items,
+ * sub-menus, separators, labels, and shortcuts.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu>
+ *   <ContextMenuTrigger className="flex h-40 w-64 items-center justify-center rounded-md border border-dashed">
+ *     Right click here
+ *   </ContextMenuTrigger>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem>
+ *       Copy
+ *       <ContextMenuShortcut>Ctrl+C</ContextMenuShortcut>
+ *     </ContextMenuItem>
+ *     <ContextMenuItem>
+ *       Paste
+ *       <ContextMenuShortcut>Ctrl+V</ContextMenuShortcut>
+ *     </ContextMenuItem>
+ *     <ContextMenuSeparator />
+ *     <ContextMenuItem variant="destructive">Delete</ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenu>
+ * ```
+ */
+declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Area that opens the context menu on right-click. */
+declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Groups related context menu items together for accessibility. */
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/** Portal that renders context menu content outside the DOM hierarchy. */
+declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/** Container for a nested sub-menu within the context menu. */
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/** Container for radio context menu items where only one can be selected at a time. */
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/** Menu item that opens a sub-menu on hover. Displays a chevron indicator. */
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Floating container for sub-menu items. */
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+/** Floating container for context menu items, positioned at the cursor location. */
+declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Actionable menu item. Set `variant="destructive"` for dangerous actions, `inset` for left-padding alignment. */
+declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+/** Menu item with a checkbox indicator for toggling options. */
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/** Menu item with a radio indicator for single-selection groups. */
+declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label used to title a group of menu items. */
+declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Visual divider between groups of menu items. */
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Keyboard shortcut hint displayed at the end of a menu item. */
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/context-menu.js

@@ -1,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/context-menu';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../chunk-USIHM7FV.js';
+import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=context-menu.js.map
 //# sourceMappingURL=context-menu.js.map

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

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

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

@@ -1 +1,71 @@
-export * from '@omnifyjp/ui-components/components/date-picker';
+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

@@ -1,3 +1,7 @@
-export * from '@omnifyjp/ui-components/components/date-picker';
+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

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

package/dist/components/dialog.d.ts

@@ -1 +1,58 @@
-export * from '@omnifyjp/ui-components/components/dialog';
+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

@@ -1,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/dialog';
+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

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

package/dist/components/drawer.d.ts

@@ -1 +1,60 @@
-export * from '@omnifyjp/ui-components/components/drawer';
+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

@@ -1,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/drawer';
+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

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

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

@@ -1 +1,76 @@
-export * from '@omnifyjp/ui-components/components/dropdown-menu';
+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

@@ -1,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/dropdown-menu';
+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

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

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

@@ -1 +1,44 @@
-export * from '@omnifyjp/ui-components/components/file-upload';
+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 };