@omnifyjp/ui 0.1.6 → 0.2.0

package/dist/components/pagination.d.ts

@@ -3,16 +3,57 @@ import * as React from 'react';
 import { Button } from './button.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import '../types-CBVkScfB.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

@@ -1,5 +1,5 @@
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../chunk-QMABUSSD.js';
-import '../chunk-Y65FNGEE.js';
+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/permission-grid.d.ts

@@ -1,23 +1,38 @@
 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>;
 }
 /**
@@ -25,6 +40,28 @@ interface PermissionGridProps {
  * 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

@@ -1,5 +1,5 @@
-export { PermissionGrid, buildPermissionId } from '../chunk-RVJDDGQW.js';
-import '../chunk-PPZSGU2L.js';
+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/popover.d.ts

@@ -2,9 +2,36 @@ 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

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

package/dist/components/progress.d.ts

@@ -2,6 +2,19 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
+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 };
+export { Progress, type ProgressProps };

package/dist/components/progress.js

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

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

@@ -2,7 +2,37 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+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 };
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/components/radio-group.js

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

package/dist/components/rating.d.ts

@@ -1,14 +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

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

package/dist/components/resizable.d.ts

@@ -2,8 +2,33 @@ 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;

package/dist/components/resizable.js

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

package/dist/components/scope-tree.d.ts

@@ -1,35 +1,78 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LucideIcon } from 'lucide-react';
 
+/** A small badge displayed next to a tree node name. */
 interface ScopeTreeBadge {
+    /** Badge display text. */
     label: string;
+    /** Optional className to style this badge. */
     className?: string;
 }
+/** A node in the scope tree hierarchy. */
 interface ScopeTreeNode {
+    /** Unique identifier for this node, or `null` for root/global nodes. */
     id: string | null;
+    /** Display name of this scope. */
     name: string;
+    /** Scope type key (e.g. "global", "organization", "branch", "location"). Determines the icon. */
     type: string;
+    /** Optional child nodes for nested hierarchy. */
     children?: ScopeTreeNode[];
+    /** Optional badges displayed next to the node name. */
     badges?: ScopeTreeBadge[];
 }
+/** Represents the currently selected scope in the tree. */
 interface ScopeTreeSelectedScope {
+    /** The scope type key of the selected node. */
     type: string;
+    /** The ID of the selected node, or `null` for root/global nodes. */
     id: string | null;
 }
+/** Localizable labels for the scope tree. Currently reserved for future extensibility. */
 interface ScopeTreeLabels {
     /** No labels are required by default; provided for future extensibility. */
     [key: string]: string;
 }
 interface ScopeTreeProps {
+    /** Tree data: an array of root-level scope nodes. */
     nodes: ScopeTreeNode[];
+    /** The currently selected scope (type + id). Used for highlighting. */
     selectedScope?: ScopeTreeSelectedScope;
+    /** Callback when a node is clicked. */
     onSelect?: (scope: ScopeTreeSelectedScope) => void;
+    /** Localizable labels. Currently reserved for future extensibility. */
     labels?: Partial<ScopeTreeLabels>;
-    /** Default expansion depth. Nodes at depth < this value start expanded. Defaults to 1. */
+    /** Default expansion depth. Nodes at depth < this value start expanded. Defaults to `1`. */
     defaultExpandDepth?: number;
-    /** Custom icon map. Falls back to built-in icons for global/organization/branch/location. */
+    /** Custom icon map keyed by scope type. Falls back to built-in icons for global/organization/branch/location. */
     iconMap?: Record<string, LucideIcon>;
 }
+/**
+ * Hierarchical tree view for selecting organizational scopes (e.g. global,
+ * organization, branch, location). Nodes are expandable/collapsible with
+ * chevron icons. Each node type has a dedicated icon. Supports custom icons
+ * via `iconMap` and optional badges on nodes.
+ *
+ * @example
+ * ```tsx
+ * const nodes: ScopeTreeNode[] = [
+ *   {
+ *     id: null, name: "Global", type: "global",
+ *     children: [
+ *       { id: "org-1", name: "Acme Corp", type: "organization", children: [
+ *         { id: "br-1", name: "Tokyo HQ", type: "branch" },
+ *       ]},
+ *     ],
+ *   },
+ * ];
+ *
+ * <ScopeTree
+ *   nodes={nodes}
+ *   selectedScope={{ type: "branch", id: "br-1" }}
+ *   onSelect={(scope) => setSelected(scope)}
+ * />
+ * ```
+ */
 declare function ScopeTree({ nodes, selectedScope, onSelect, defaultExpandDepth, iconMap, }: ScopeTreeProps): react_jsx_runtime.JSX.Element;
 
 export { ScopeTree, type ScopeTreeBadge, type ScopeTreeLabels, type ScopeTreeNode, type ScopeTreeProps, type ScopeTreeSelectedScope };

package/dist/components/scope-tree.js

@@ -1,5 +1,5 @@
-export { ScopeTree } from '../chunk-MNAT3ZF6.js';
-import '../chunk-3TGN2DFB.js';
+export { ScopeTree } from '../chunk-BAQWGQJG.js';
+import '../chunk-A3BB5ZOC.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=scope-tree.js.map
 //# sourceMappingURL=scope-tree.js.map

package/dist/components/scope-type-badge.d.ts

@@ -1,8 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LucideIcon } from 'lucide-react';
 
+/** Custom style and icon overrides for a scope type badge. */
 interface ScopeTypeBadgeStyles {
+    /** Tailwind className string for the badge background, text, and border colors. */
     className: string;
+    /** Lucide icon component to display in the badge. */
     icon: LucideIcon;
 }
 interface ScopeTypeBadgeProps {
@@ -15,6 +18,18 @@ interface ScopeTypeBadgeProps {
     /** Override default styles and icon for the given type. */
     styles?: Partial<ScopeTypeBadgeStyles>;
 }
+/**
+ * Color-coded badge with an icon indicating a scope type. Ships with built-in
+ * styles for global (blue/Globe), organization (purple/Building2), branch
+ * (amber/GitBranch), and location (green/MapPin). Custom types fall back to
+ * global styling unless overridden via `styles`.
+ *
+ * @example
+ * ```tsx
+ * <ScopeTypeBadge type="organization" label="Organization" />
+ * <ScopeTypeBadge type="branch" label="Branch" />
+ * ```
+ */
 declare function ScopeTypeBadge({ type, label, className, styles: styleOverrides, }: ScopeTypeBadgeProps): react_jsx_runtime.JSX.Element;
 
 export { ScopeTypeBadge, type ScopeTypeBadgeProps, type ScopeTypeBadgeStyles };

package/dist/components/scope-type-badge.js

@@ -1,5 +1,5 @@
-export { ScopeTypeBadge } from '../chunk-4D6FDXCG.js';
-import '../chunk-3TGN2DFB.js';
+export { ScopeTypeBadge } from '../chunk-N47H4MHX.js';
+import '../chunk-A3BB5ZOC.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=scope-type-badge.js.map
 //# sourceMappingURL=scope-type-badge.js.map

package/dist/components/scroll-area.d.ts

@@ -2,7 +2,28 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
+/**
+ * Custom scrollable container with styled scrollbar built on Radix ScrollArea.
+ *
+ * Replaces native browser scrollbars with a thin, themed scrollbar.
+ * Includes a vertical `ScrollBar` by default. Add a horizontal `ScrollBar`
+ * as a child if needed.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-72 w-48 rounded-md border">
+ *   <div className="p-4">
+ *     {items.map((item) => (
+ *       <div key={item} className="py-2 text-sm">
+ *         {item}
+ *       </div>
+ *     ))}
+ *   </div>
+ * </ScrollArea>
+ * ```
+ */
 declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Styled scrollbar track and thumb. Set `orientation` to `"horizontal"` or `"vertical"` (default). */
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
 
 export { ScrollArea, ScrollBar };

package/dist/components/scroll-area.js

@@ -1,4 +1,4 @@
-export { ScrollArea, ScrollBar } from '../chunk-TMFQJ7E3.js';
+export { ScrollArea, ScrollBar } from '../chunk-JJSVA3TH.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=scroll-area.js.map
 //# sourceMappingURL=scroll-area.js.map

package/dist/components/select.d.ts

@@ -2,17 +2,51 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
+/**
+ * Select dropdown component built on Radix UI Select.
+ * Provides a styled, accessible dropdown for selecting a single value from a list.
+ *
+ * @example
+ * ```tsx
+ * <Select value={value} onValueChange={setValue}>
+ *   <SelectTrigger>
+ *     <SelectValue placeholder="Choose..." />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectGroup>
+ *       <SelectLabel>Fruits</SelectLabel>
+ *       <SelectItem value="apple">Apple</SelectItem>
+ *       <SelectItem value="banana">Banana</SelectItem>
+ *     </SelectGroup>
+ *     <SelectSeparator />
+ *     <SelectGroup>
+ *       <SelectLabel>Vegetables</SelectLabel>
+ *       <SelectItem value="carrot">Carrot</SelectItem>
+ *     </SelectGroup>
+ *   </SelectContent>
+ * </Select>
+ * ```
+ */
 declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Groups related select items under an optional label. */
 declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/** Displays the currently selected value or a placeholder. */
 declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+/** Button that toggles the select dropdown open/closed. */
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     size?: "sm" | "default";
 } & React.RefAttributes<HTMLButtonElement>>;
+/** Dropdown content container rendered in a portal. */
 declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label rendered inside a SelectGroup. */
 declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+/** A selectable option within the dropdown. */
 declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+/** Visual separator between select groups or items. */
 declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Scroll-up indicator shown when the list is scrollable. */
 declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+/** Scroll-down indicator shown when the list is scrollable. */
 declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
 
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/select.js

@@ -1,4 +1,4 @@
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../chunk-BOYSXIM3.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../chunk-NNJTKHCE.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=select.js.map
 //# sourceMappingURL=select.js.map

package/dist/components/separator.d.ts

@@ -2,6 +2,23 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+type SeparatorProps = React.ComponentProps<typeof SeparatorPrimitive.Root>;
+/**
+ * Visual divider between content sections, rendered as a horizontal or vertical line.
+ *
+ * @example
+ * ```tsx
+ * // Horizontal (default)
+ * <Separator />
+ *
+ * // Vertical divider in a flex row
+ * <div className="flex items-center gap-4">
+ *   <span>Left</span>
+ *   <Separator orientation="vertical" className="h-4" />
+ *   <span>Right</span>
+ * </div>
+ * ```
+ */
+declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
 
-export { Separator };
+export { Separator, type SeparatorProps };

package/dist/components/separator.js

@@ -1,4 +1,4 @@
-export { Separator } from '../chunk-ONAUEREV.js';
+export { Separator } from '../chunk-PGWNOZDX.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=separator.js.map
 //# sourceMappingURL=separator.js.map