@omnifyjp/ui 0.5.3 → 1.0.0

package/dist/components/menubar.d.ts

@@ -0,0 +1,82 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+
+/**
+ * Horizontal menu bar component built on Radix UI Menubar.
+ *
+ * Provides a desktop-style menu bar with multiple dropdown menus.
+ * Each menu is defined by a `MenubarMenu` containing a `MenubarTrigger`
+ * and `MenubarContent` with items.
+ *
+ * @example
+ * ```tsx
+ * <Menubar>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>File</MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>
+ *         New Tab
+ *         <MenubarShortcut>Ctrl+T</MenubarShortcut>
+ *       </MenubarItem>
+ *       <MenubarItem>New Window</MenubarItem>
+ *       <MenubarSeparator />
+ *       <MenubarSub>
+ *         <MenubarSubTrigger>Share</MenubarSubTrigger>
+ *         <MenubarSubContent>
+ *           <MenubarItem>Email Link</MenubarItem>
+ *           <MenubarItem>Messages</MenubarItem>
+ *         </MenubarSubContent>
+ *       </MenubarSub>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>Edit</MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>Undo</MenubarItem>
+ *       <MenubarItem>Redo</MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ */
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Wraps a single menu within the menu bar, containing a trigger and content. */
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+/** Groups related menubar items together for accessibility. */
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/** Portal that renders menubar content outside the DOM hierarchy. */
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/** Container for radio menubar items where only one can be selected at a time. */
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/** Button label in the menu bar that opens its associated dropdown content on click. */
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Floating container for menubar items, positioned below the trigger. */
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Actionable menu item. Set `variant="destructive"` for dangerous actions, `inset` for left-padding alignment. */
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+/** Menu item with a checkbox indicator for toggling options. */
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/** Menu item with a radio indicator for single-selection groups. */
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label used to title a group of menu items. */
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Visual divider between groups of menu items. */
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Keyboard shortcut hint displayed at the end of a menu item. */
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+/** Container for a nested sub-menu within the menubar. */
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/** Menu item that opens a sub-menu on hover. Displays a chevron indicator. */
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Floating container for sub-menu items. */
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/components/menubar.js

@@ -0,0 +1,4 @@
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../chunk-INLM7UJC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=menubar.js.map
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

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

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

@@ -0,0 +1,64 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+
+/**
+ * Accessible navigation menu built on Radix UI NavigationMenu.
+ *
+ * Provides a horizontal navigation bar with dropdown content panels,
+ * suitable for site-wide navigation with rich sub-menus. Set `viewport={false}`
+ * to render content inline instead of in a shared viewport container.
+ *
+ * @example
+ * ```tsx
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
+ *       <NavigationMenuContent>
+ *         <ul className="grid gap-3 p-4 w-[400px]">
+ *           <li>
+ *             <NavigationMenuLink href="/docs">
+ *               <div className="font-medium">Introduction</div>
+ *               <p className="text-muted-foreground">
+ *                 Learn the basics of the component library.
+ *               </p>
+ *             </NavigationMenuLink>
+ *           </li>
+ *         </ul>
+ *       </NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuLink
+ *         className={navigationMenuTriggerStyle()}
+ *         href="/docs"
+ *       >
+ *         Documentation
+ *       </NavigationMenuLink>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ * ```
+ */
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Horizontal list container for navigation menu items. */
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+/** Individual navigation menu item that can contain a trigger and content or a direct link. */
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
+/** Shared style variant for navigation menu trigger buttons and standalone links. Apply with `className={navigationMenuTriggerStyle()}`. */
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/** Button that opens the associated NavigationMenuContent dropdown. Displays a chevron indicator. */
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Shared viewport container that displays the active NavigationMenuContent with animated transitions. */
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+/** Accessible link element within navigation menu content. Supports `data-[active=true]` styling. */
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+/** Animated arrow indicator that tracks the active menu trigger position. */
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/components/navigation-menu.js

@@ -0,0 +1,4 @@
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from '../chunk-YBMEQZX7.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=navigation-menu.js.map
+//# sourceMappingURL=navigation-menu.js.map

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

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

package/dist/components/pagination.d.ts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../lib/types.js';
+
+/**
+ * Page navigation component with numbered links, previous/next buttons, and ellipsis indicators.
+ *
+ * Renders as a `<nav>` with `aria-label="pagination"` for accessibility.
+ * Compose with `PaginationContent`, `PaginationItem`, `PaginationLink`,
+ * `PaginationPrevious`, `PaginationNext`, and `PaginationEllipsis`.
+ *
+ * @example
+ * ```tsx
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem>
+ *       <PaginationPrevious href="#" />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#" isActive>1</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#">2</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationEllipsis />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#">10</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationNext href="#" />
+ *     </PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+/** Flex container for pagination items. Renders as a `<ul>`. */
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+/** List item wrapper for a single pagination element. */
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    /** When true, renders the link with an `outline` variant and `aria-current="page"`. */
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+/** Styled pagination link using button variants. Supports `isActive` for the current page. */
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+/** "Previous" pagination link with a left chevron icon. */
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+/** "Next" pagination link with a right chevron icon. */
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+/** Ellipsis indicator for omitted page numbers. Renders a `MoreHorizontal` icon with screen-reader text. */
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/pagination.js

@@ -0,0 +1,5 @@
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../chunk-7IRLBU2I.js';
+import '../chunk-55E7D2HR.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

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

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from './input.js';
+import 'class-variance-authority/types';
+
+interface PasswordInputProps extends Omit<React.ComponentProps<"input">, "type" | "size">, VariantProps<typeof inputVariants> {
+}
+/**
+ * Password input with a built-in show/hide toggle button.
+ *
+ * Extends native `<input>` (minus `type` which is managed internally).
+ * Shares the same size variants as `Input`.
+ *
+ * @example
+ * ```tsx
+ * // Default size
+ * <PasswordInput placeholder="Enter password" />
+ *
+ * // Sizes: xs (24px) | sm (28px) | default (32px) | lg (36px) | xl (44px)
+ * <PasswordInput size="xl" placeholder="Password" />
+ *
+ * // Controlled
+ * <PasswordInput
+ *   value={password}
+ *   onChange={(e) => setPassword(e.target.value)}
+ *   placeholder="Password"
+ * />
+ * ```
+ */
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordInput, type PasswordInputProps };

package/dist/components/password-input.js

@@ -0,0 +1,5 @@
+export { PasswordInput } from '../chunk-WS6E7HBT.js';
+import '../chunk-3VU56V66.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=password-input.js.map
+//# sourceMappingURL=password-input.js.map

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

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

package/dist/components/permission-grid.d.ts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** A single permission action (e.g. "view", "create", "delete"). */
+interface PermissionDefinition {
+    /** Unique key for this permission (e.g. "view", "create"). Used to build `module:action` IDs. */
+    key: string;
+    /** Display label shown in the column header. */
+    label: string;
+}
+/** A module (row) in the permission grid containing its available permission actions. */
+interface PermissionModule {
+    /** Unique key for this module (e.g. "users", "projects"). Used to build `module:action` IDs. */
+    key: string;
+    /** Display label shown in the first column. */
+    label: string;
+    /** List of permission actions available for this module. */
+    permissions: PermissionDefinition[];
+}
+/** Localizable labels for the permission grid. */
+interface PermissionGridLabels {
+    /** Header text for the module name column. */
+    moduleHeader: string;
+    /** Header text for the "Select All" column. */
+    selectAll: string;
+}
+interface PermissionGridProps {
+    /** List of modules (rows) to display, each with its available permission actions. */
+    modules: PermissionModule[];
+    /** Currently selected permission IDs in `module:action` format (e.g. `["users:view", "users:create"]`). */
+    selectedIds: string[];
+    /** Callback with the updated list of selected permission IDs when checkboxes change. */
+    onChange?: (ids: string[]) => void;
+    /** When true, all checkboxes are disabled and the "Select All" column is hidden. Defaults to `false`. */
+    readOnly?: boolean;
+    /** Localizable UI labels with English defaults. */
+    labels?: Partial<PermissionGridLabels>;
+}
+/**
+ * Builds a permission ID from module key and permission key.
+ * Used internally and exposed for consumers to construct IDs.
+ */
+declare function buildPermissionId(moduleKey: string, permissionKey: string): string;
+/**
+ * Table-based permission matrix with modules as rows and permission actions
+ * as columns. Each cell is a checkbox. Permission IDs use `module:action`
+ * format (built via {@link buildPermissionId}). Includes per-row "Select All"
+ * toggles. Supports read-only mode.
+ *
+ * @example
+ * ```tsx
+ * const modules: PermissionModule[] = [
+ *   { key: "users", label: "Users", permissions: [
+ *     { key: "view", label: "View" },
+ *     { key: "create", label: "Create" },
+ *   ]},
+ * ];
+ *
+ * <PermissionGrid
+ *   modules={modules}
+ *   selectedIds={["users:view"]}
+ *   onChange={(ids) => setPermissions(ids)}
+ * />
+ * ```
+ */
+declare function PermissionGrid({ modules, selectedIds, onChange, readOnly, labels: labelOverrides, }: PermissionGridProps): react_jsx_runtime.JSX.Element;
+
+export { type PermissionDefinition, PermissionGrid, type PermissionGridLabels, type PermissionGridProps, type PermissionModule, buildPermissionId };

package/dist/components/permission-grid.js

@@ -0,0 +1,5 @@
+export { PermissionGrid, buildPermissionId } from '../chunk-TJMK2KBE.js';
+import '../chunk-WL4ZO2H3.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=permission-grid.js.map
+//# sourceMappingURL=permission-grid.js.map

package/dist/components/permission-grid.js.map

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

package/dist/components/popover.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+/**
+ * Floating popover component built on Radix UI Popover.
+ *
+ * Displays rich content in a floating panel anchored to a trigger element.
+ * Supports controlled (`open`/`onOpenChange`) and uncontrolled usage.
+ * Content is portaled and positioned automatically.
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Open Popover</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <div className="space-y-2">
+ *       <h4 className="font-medium text-sm">Dimensions</h4>
+ *       <p className="text-sm text-muted-foreground">
+ *         Set the dimensions for the layer.
+ *       </p>
+ *     </div>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Element that toggles the popover when clicked. Use `asChild` to merge into your own button. */
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Floating content panel positioned relative to the trigger. */
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Custom anchor element for positioning the popover content relative to a different element than the trigger. */
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/popover.js

@@ -0,0 +1,4 @@
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../chunk-C34KSTWA.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=popover.js.map
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

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

package/dist/components/progress.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+
+type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>;
+/**
+ * Horizontal bar that indicates the completion progress of a task or operation.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage (65% complete)
+ * <Progress value={65} />
+ *
+ * // With custom styling
+ * <Progress value={40} className="h-3" />
+ * ```
+ */
+declare function Progress({ className, value, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+
+export { Progress, type ProgressProps };

package/dist/components/progress.js

@@ -0,0 +1,4 @@
+export { Progress } from '../chunk-R2CDE5DO.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=progress.js.map
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

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

package/dist/components/radio-group.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root>;
+/**
+ * Container for a set of mutually exclusive radio options.
+ * Use with {@link RadioGroupItem} to build single-selection groups.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup defaultValue="option-1">
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="option-1" id="opt1" />
+ *     <Label htmlFor="opt1">Option 1</Label>
+ *   </div>
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="option-2" id="opt2" />
+ *     <Label htmlFor="opt2">Option 2</Label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ */
+declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item>;
+/**
+ * Individual radio option within a {@link RadioGroup}.
+ * Renders as a circular indicator that fills when selected.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroupItem value="dark" id="theme-dark" />
+ * <Label htmlFor="theme-dark">Dark mode</Label>
+ * ```
+ */
+declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
+
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/components/radio-group.js

@@ -0,0 +1,4 @@
+export { RadioGroup, RadioGroupItem } from '../chunk-BRSM3SZP.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=radio-group.js.map
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

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

package/dist/components/rating.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface RatingProps {
+    /** Current rating value (e.g., `3` or `3.5` with half stars). */
+    value?: number;
+    /** Callback fired when the user clicks a star. Receives the new rating number. */
+    onChange?: (value: number) => void;
+    /** Maximum number of stars. Defaults to `5`. */
+    max?: number;
+    /** Size of the star icons. Defaults to `"md"`. */
+    size?: "sm" | "md" | "lg";
+    /** Whether the rating is display-only (non-interactive). Defaults to `false`. */
+    readonly?: boolean;
+    /** Whether half-star ratings are enabled. Defaults to `false`. */
+    allowHalf?: boolean;
+    /** Additional CSS class for the outer container. */
+    className?: string;
+}
+/**
+ * Star rating component with hover preview and optional half-star support.
+ * Shows filled/empty/half star icons and displays the numeric value beside the stars.
+ *
+ * @example
+ * ```tsx
+ * const [rating, setRating] = useState(0);
+ *
+ * <Rating value={rating} onChange={setRating} max={5} />
+ *
+ * // Read-only display with half stars:
+ * <Rating value={3.5} readonly allowHalf />
+ * ```
+ */
+declare function Rating({ value, onChange, max, size, readonly, allowHalf, className, }: RatingProps): react_jsx_runtime.JSX.Element;
+
+export { Rating };

package/dist/components/rating.js

@@ -0,0 +1,4 @@
+export { Rating } from '../chunk-35U6QG4P.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=rating.js.map
+//# sourceMappingURL=rating.js.map

package/dist/components/rating.js.map

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

package/dist/components/resizable.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+
+/**
+ * Resizable panel layout built on `react-resizable-panels`.
+ *
+ * Groups multiple `ResizablePanel` components separated by `ResizableHandle` drag handles.
+ * Supports horizontal (default) and vertical layouts via the `direction` prop.
+ *
+ * @example
+ * ```tsx
+ * <ResizablePanelGroup direction="horizontal">
+ *   <ResizablePanel defaultSize={50}>
+ *     <div className="p-4">Left panel</div>
+ *   </ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={50}>
+ *     <div className="p-4">Right panel</div>
+ *   </ResizablePanel>
+ * </ResizablePanelGroup>
+ * ```
+ */
+declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
+/** Individual resizable panel. Use `defaultSize` (percentage) to set the initial width/height. */
+declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
+/**
+ * Draggable handle between resizable panels.
+ *
+ * @param withHandle - When true, renders a visible grip icon on the handle for better discoverability.
+ */
+declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/resizable.js

@@ -0,0 +1,4 @@
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../chunk-FRKG7JQY.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=resizable.js.map
+//# sourceMappingURL=resizable.js.map

package/dist/components/resizable.js.map

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