@omnifyjp/ui 0.1.5 → 0.1.7

package/dist/components/table.d.ts

@@ -1,13 +1,57 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+/**
+ * Data table component with header, body, footer, row, head, cell, and caption sub-components.
+ *
+ * Renders inside a horizontally scrollable container. Uses density tokens for
+ * consistent header height (`h-table-head`) and cell padding.
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Email</TableHead>
+ *       <TableHead>Role</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Alice</TableCell>
+ *       <TableCell>alice@example.com</TableCell>
+ *       <TableCell>Admin</TableCell>
+ *     </TableRow>
+ *     <TableRow>
+ *       <TableCell>Bob</TableCell>
+ *       <TableCell>bob@example.com</TableCell>
+ *       <TableCell>Member</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ *   <TableFooter>
+ *     <TableRow>
+ *       <TableCell colSpan={3}>2 users total</TableCell>
+ *     </TableRow>
+ *   </TableFooter>
+ *   <TableCaption>A list of team members.</TableCaption>
+ * </Table>
+ * ```
+ */
 declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+/** Table header container. Groups `TableRow` elements for column headings. */
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+/** Table body container. Groups `TableRow` elements for data rows. */
 declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+/** Table footer container. Renders with a muted background and top border. */
 declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+/** Table row with hover highlight and selected state support via `data-state="selected"`. */
 declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+/** Table head cell. Renders as a `<th>` with density-based height (`h-table-head`). */
 declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+/** Table data cell. Renders as a `<td>` with consistent padding and alignment. */
 declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+/** Table caption displayed below the table in muted text. */
 declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
 
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/table.js

@@ -1,4 +1,4 @@
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '../chunk-YKJZV2JK.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '../chunk-S6PDRGR5.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=table.js.map
 //# sourceMappingURL=table.js.map

package/dist/components/tabs.d.ts

@@ -2,9 +2,38 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
+/**
+ * Tabbed interface component with list, trigger, and content sub-components.
+ *
+ * Built on Radix Tabs with density-aware sizing (`h-element` for the tab list).
+ * Supports keyboard navigation and focus management out of the box.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="overview">
+ *   <TabsList>
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *     <TabsTrigger value="analytics">Analytics</TabsTrigger>
+ *     <TabsTrigger value="settings">Settings</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">
+ *     <p>Overview content here.</p>
+ *   </TabsContent>
+ *   <TabsContent value="analytics">
+ *     <p>Analytics content here.</p>
+ *   </TabsContent>
+ *   <TabsContent value="settings">
+ *     <p>Settings content here.</p>
+ *   </TabsContent>
+ * </Tabs>
+ * ```
+ */
 declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Container for `TabsTrigger` elements. Renders as a rounded pill with muted background. */
 declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+/** Individual tab button. Highlights with a card background when active. Requires a `value` prop matching a `TabsContent`. */
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Content panel shown when its `value` matches the active tab. */
 declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/tabs.js

@@ -1,4 +1,4 @@
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../chunk-KABLXGWK.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../chunk-FLWMT4DB.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=tabs.js.map
 //# sourceMappingURL=tabs.js.map

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

@@ -1,15 +1,40 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface TagInputProps {
+    /** Array of current tag strings. */
     value?: string[];
+    /** Callback fired when the tags array changes. */
     onChange?: (tags: string[]) => void;
+    /** Placeholder text shown when there are no tags. */
     placeholder?: string;
+    /** Additional CSS class for the outer container. */
     className?: string;
+    /** Whether the tag input is disabled. */
     disabled?: boolean;
+    /** Maximum number of tags allowed. */
     maxTags?: number;
+    /** Whether duplicate tag values are allowed. Defaults to `false`. */
     allowDuplicates?: boolean;
+    /** Character or pattern used to split pasted text into tags. Defaults to `","`. */
     delimiter?: string | RegExp;
 }
+/**
+ * Tag input that lets users add and remove string tags.
+ * Tags are added by pressing Enter or the delimiter key, and by pasting comma-separated text.
+ * Backspace removes the last tag when the input is empty.
+ *
+ * @example
+ * ```tsx
+ * const [tags, setTags] = useState<string[]>(["react", "typescript"]);
+ *
+ * <TagInput
+ *   value={tags}
+ *   onChange={setTags}
+ *   placeholder="Add a tag..."
+ *   maxTags={10}
+ * />
+ * ```
+ */
 declare function TagInput({ value, onChange, placeholder, className, disabled, maxTags, allowDuplicates, delimiter, }: TagInputProps): react_jsx_runtime.JSX.Element;
 
 export { TagInput };

package/dist/components/tag-input.js

@@ -1,5 +1,5 @@
-export { TagInput } from '../chunk-PCQSHXOQ.js';
-import '../chunk-3TGN2DFB.js';
+export { TagInput } from '../chunk-ZB2FWKHF.js';
+import '../chunk-OBZQTY3H.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=tag-input.js.map
 //# sourceMappingURL=tag-input.js.map

package/dist/components/textarea.d.ts

@@ -1,5 +1,21 @@
 import * as React from 'react';
 
+type TextareaProps = React.ComponentProps<"textarea">;
+/**
+ * Multi-line text input with auto-sizing via `field-sizing-content`.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Textarea placeholder="Enter a description..." />
+ *
+ * // Controlled
+ * <Textarea value={content} onChange={(e) => setContent(e.target.value)} />
+ *
+ * // With rows constraint
+ * <Textarea rows={5} placeholder="Feedback" />
+ * ```
+ */
 declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 
-export { Textarea };
+export { Textarea, type TextareaProps };

package/dist/components/textarea.js

@@ -1,4 +1,4 @@
-export { Textarea } from '../chunk-CDARHMTL.js';
+export { Textarea } from '../chunk-WD5KZE25.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=textarea.js.map
 //# sourceMappingURL=textarea.js.map

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

@@ -1,20 +1,57 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface TimePickerProps {
+    /** Currently selected time in `"HH:mm"` format (e.g., `"14:30"`). */
     value?: string;
+    /** Callback fired when a time is selected. Receives a `"HH:mm"` string. */
     onChange?: (time: string) => void;
+    /** Placeholder text shown when no time is selected. */
     placeholder?: string;
+    /** Additional CSS class for the trigger button. */
     className?: string;
+    /** Whether the time picker is disabled. */
     disabled?: boolean;
+    /** Use 24-hour format (0-23). When false, shows 12-hour (1-12). Defaults to `true`. */
     format24h?: boolean;
 }
+/**
+ * Time picker with a scrollable hour/minute popover.
+ * Opens a two-column dropdown for selecting hours and minutes.
+ *
+ * @example
+ * ```tsx
+ * const [time, setTime] = useState<string>();
+ *
+ * <TimePicker
+ *   value={time}
+ *   onChange={setTime}
+ *   placeholder="Select time"
+ *   format24h
+ * />
+ * ```
+ */
 declare function TimePicker({ value, onChange, placeholder, className, disabled, format24h, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 interface TimeInputProps {
+    /** Current time value in `"HH:mm"` format. */
     value?: string;
+    /** Callback fired on blur with a valid `"HH:mm"` string. */
     onChange?: (time: string) => void;
+    /** Additional CSS class for the input wrapper. */
     className?: string;
+    /** Whether the input is disabled. */
     disabled?: boolean;
 }
+/**
+ * Inline text input for typing a time value directly.
+ * Automatically formats input as `HH:mm` and validates on blur.
+ *
+ * @example
+ * ```tsx
+ * const [time, setTime] = useState("09:00");
+ *
+ * <TimeInput value={time} onChange={setTime} />
+ * ```
+ */
 declare function TimeInput({ value, onChange, className, disabled, }: TimeInputProps): react_jsx_runtime.JSX.Element;
 
 export { TimeInput, TimePicker };

package/dist/components/time-picker.js

@@ -1,8 +1,8 @@
-export { TimeInput, TimePicker } from '../chunk-CCBDR2U2.js';
-import '../chunk-TMFQJ7E3.js';
-import '../chunk-XP4TPMSN.js';
-import '../chunk-AZARDPXB.js';
-import '../chunk-3BB6UBX4.js';
+export { TimeInput, TimePicker } from '../chunk-4MD7BIEK.js';
+import '../chunk-JJSVA3TH.js';
+import '../chunk-3VU56V66.js';
+import '../chunk-C34KSTWA.js';
+import '../chunk-Y65FNGEE.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=time-picker.js.map
 //# sourceMappingURL=time-picker.js.map

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

@@ -6,7 +6,40 @@ import { toggleVariants } from './toggle.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-toggle';
 
-declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+type ToggleGroupProps = React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;
+/**
+ * Group of toggle buttons where one or multiple items can be active.
+ * Provides shared `variant` and `size` context to child {@link ToggleGroupItem} components.
+ *
+ * @example
+ * ```tsx
+ * // Single selection
+ * <ToggleGroup type="single" defaultValue="center">
+ *   <ToggleGroupItem value="left"><AlignLeftIcon /></ToggleGroupItem>
+ *   <ToggleGroupItem value="center"><AlignCenterIcon /></ToggleGroupItem>
+ *   <ToggleGroupItem value="right"><AlignRightIcon /></ToggleGroupItem>
+ * </ToggleGroup>
+ *
+ * // Multiple selection with outline variant
+ * <ToggleGroup type="multiple" variant="outline" size="sm">
+ *   <ToggleGroupItem value="bold"><BoldIcon /></ToggleGroupItem>
+ *   <ToggleGroupItem value="italic"><ItalicIcon /></ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ */
+declare function ToggleGroup({ className, variant, size, children, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>;
+/**
+ * Individual toggle item within a {@link ToggleGroup}.
+ * Inherits `variant` and `size` from the parent group context unless overridden.
+ *
+ * @example
+ * ```tsx
+ * <ToggleGroupItem value="bold" aria-label="Toggle bold">
+ *   <BoldIcon className="size-4" />
+ * </ToggleGroupItem>
+ * ```
+ */
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
 
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -1,5 +1,5 @@
-export { ToggleGroup, ToggleGroupItem } from '../chunk-OHBCYKNT.js';
-import '../chunk-725ICC47.js';
+export { ToggleGroup, ToggleGroupItem } from '../chunk-ZPMXRW2A.js';
+import '../chunk-NU56GKGM.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=toggle-group.js.map
 //# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle.d.ts

@@ -8,6 +8,24 @@ declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+interface ToggleProps extends React.ComponentProps<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
+}
+/**
+ * Two-state button that can be toggled on or off, with variant and size options.
+ *
+ * @example
+ * ```tsx
+ * // Basic toggle
+ * <Toggle aria-label="Toggle bold">
+ *   <BoldIcon className="size-4" />
+ * </Toggle>
+ *
+ * // Outline variant, small size
+ * <Toggle variant="outline" size="sm">
+ *   <ItalicIcon className="size-4" />
+ * </Toggle>
+ * ```
+ */
+declare function Toggle({ className, variant, size, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
 
-export { Toggle, toggleVariants };
+export { Toggle, type ToggleProps, toggleVariants };

package/dist/components/toggle.js

@@ -1,4 +1,4 @@
-export { Toggle, toggleVariants } from '../chunk-725ICC47.js';
+export { Toggle, toggleVariants } from '../chunk-NU56GKGM.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=toggle.js.map
 //# sourceMappingURL=toggle.js.map

package/dist/components/tooltip.d.ts

@@ -2,9 +2,33 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
+/** Provider that configures shared tooltip settings like delay duration. */
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+/**
+ * Tooltip component built on Radix UI Tooltip.
+ *
+ * Displays a short informational label when the user hovers over or focuses
+ * an element. Includes a built-in `TooltipProvider` with zero delay.
+ * Renders with an arrow pointer for visual anchoring.
+ *
+ * @example
+ * ```tsx
+ * <Tooltip>
+ *   <TooltipTrigger asChild>
+ *     <Button variant="ghost" size="icon">
+ *       <InfoIcon className="size-4" />
+ *     </Button>
+ *   </TooltipTrigger>
+ *   <TooltipContent>
+ *     <p>This is a helpful tooltip</p>
+ *   </TooltipContent>
+ * </Tooltip>
+ * ```
+ */
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Element that shows the tooltip on hover/focus. Use `asChild` to merge into your own element. */
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Floating label that appears near the trigger. Includes an arrow indicator. */
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/tooltip.js

@@ -1,4 +1,4 @@
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../chunk-4CT5SCAH.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../chunk-C5NZAOA7.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=tooltip.js.map
 //# sourceMappingURL=tooltip.js.map

package/dist/components/workflow-category-badge.d.ts

@@ -20,6 +20,12 @@ interface WorkflowCategoryBadgeProps {
  * - contract: FileSignature (purple)
  * - document: FileText (cyan)
  * - other: MoreHorizontal (muted)
+ *
+ * @example
+ * ```tsx
+ * <WorkflowCategoryBadge category="expense" />
+ * <WorkflowCategoryBadge category="leave" label="Annual Leave" />
+ * ```
  */
 declare function WorkflowCategoryBadge({ category, label, className }: WorkflowCategoryBadgeProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/workflow-category-badge.js

@@ -1,5 +1,5 @@
-export { WorkflowCategoryBadge } from '../chunk-XKVHX75G.js';
-import '../chunk-3TGN2DFB.js';
+export { WorkflowCategoryBadge } from '../chunk-BEZF6UWZ.js';
+import '../chunk-OBZQTY3H.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=workflow-category-badge.js.map
 //# sourceMappingURL=workflow-category-badge.js.map

package/dist/components/workflow-diagram.d.ts

@@ -1,13 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-/** Supported stage types for the workflow diagram. */
+/**
+ * Supported stage types for the workflow diagram. Each type has a dedicated
+ * icon (CheckCircle, Eye, Bell, GitBranch) and color.
+ */
 type WorkflowDiagramStageType = 'approval' | 'review' | 'notification' | 'conditional';
 /** A single stage in the workflow diagram. */
 interface WorkflowDiagramStage {
+    /** Unique identifier for this stage. */
     id: string;
+    /** Display name shown on the stage card. */
     name: string;
+    /** Stage type that determines the icon and color. */
     type: WorkflowDiagramStageType;
+    /** List of user IDs assigned as approvers. Count is displayed on the card. */
     approverIds: string[];
+    /** Numeric order used to sort stages left-to-right. */
     order: number;
 }
 /** User-visible labels for the workflow diagram. All have English defaults. */
@@ -37,6 +45,18 @@ interface WorkflowDiagramProps {
  * Each stage card displays an icon based on stage type, the stage name,
  * and an optional approver count. The current stage is highlighted with
  * a blue border.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowDiagram
+ *   stages={[
+ *     { id: "s1", name: "Manager Review", type: "review", approverIds: ["u1"], order: 1 },
+ *     { id: "s2", name: "Final Approval", type: "approval", approverIds: ["u2", "u3"], order: 2 },
+ *   ]}
+ *   currentStageId="s1"
+ *   labels={{ approvers: "approvers" }}
+ * />
+ * ```
  */
 declare function WorkflowDiagram({ stages, currentStageId, labels, className, }: WorkflowDiagramProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/workflow-diagram.js

@@ -1,5 +1,5 @@
-export { WorkflowDiagram } from '../chunk-3TV2IR7L.js';
-import '../chunk-OXQNDQJW.js';
+export { WorkflowDiagram } from '../chunk-QX56UQ2I.js';
+import '../chunk-Z2QAABLM.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=workflow-diagram.js.map
 //# sourceMappingURL=workflow-diagram.js.map

package/dist/components/workflow-status-badge.d.ts

@@ -18,6 +18,12 @@ interface WorkflowStatusBadgeProps {
  * - approved: green
  * - rejected: red
  * - cancelled: muted
+ *
+ * @example
+ * ```tsx
+ * <WorkflowStatusBadge status="approved" />
+ * <WorkflowStatusBadge status="in-progress" label="In Review" />
+ * ```
  */
 declare function WorkflowStatusBadge({ status, label, className }: WorkflowStatusBadgeProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/workflow-status-badge.js

@@ -1,5 +1,5 @@
-export { WorkflowStatusBadge } from '../chunk-QCGYYBDZ.js';
-import '../chunk-3TGN2DFB.js';
+export { WorkflowStatusBadge } from '../chunk-BOMDCV63.js';
+import '../chunk-OBZQTY3H.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=workflow-status-badge.js.map
 //# sourceMappingURL=workflow-status-badge.js.map

package/dist/components/workflow-stepper.d.ts

@@ -2,13 +2,18 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** A single stage in the workflow stepper. */
 interface WorkflowStepperStage {
+    /** Unique identifier for this stage. */
     id: string;
+    /** Display name shown below the stage circle. */
     name: string;
+    /** Numeric order used to sort stages left-to-right. */
     order: number;
 }
 /** A history entry representing a completed (or rejected) stage. */
 interface WorkflowStepperHistoryEntry {
+    /** The stage ID this history entry applies to. */
     stageId: string;
+    /** The decision made at this stage. "rejected" stages render in red. */
     decision: 'approved' | 'rejected' | 'skipped' | (string & {});
 }
 interface WorkflowStepperProps {
@@ -28,6 +33,19 @@ interface WorkflowStepperProps {
  * (green for approved, red for rejected). The current stage pulses with a blue
  * highlight. Stages are connected by a horizontal line that turns green once
  * the preceding stage is completed.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowStepper
+ *   stages={[
+ *     { id: "s1", name: "Submit", order: 1 },
+ *     { id: "s2", name: "Review", order: 2 },
+ *     { id: "s3", name: "Approve", order: 3 },
+ *   ]}
+ *   history={[{ stageId: "s1", decision: "approved" }]}
+ *   currentStageId="s2"
+ * />
+ * ```
  */
 declare function WorkflowStepper({ stages, history, currentStageId, className, }: WorkflowStepperProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/workflow-stepper.js

@@ -1,4 +1,4 @@
-export { WorkflowStepper } from '../chunk-7ALADSN3.js';
+export { WorkflowStepper } from '../chunk-4SMVBJFU.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=workflow-stepper.js.map
 //# sourceMappingURL=workflow-stepper.js.map

package/dist/index.d.ts

@@ -2,15 +2,15 @@ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './
 export { Alert, AlertDescription, AlertTitle } from './components/alert.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/alert-dialog.js';
 export { AspectRatio } from './components/aspect-ratio.js';
-export { Avatar, AvatarFallback, AvatarImage } from './components/avatar.js';
-export { Badge, badgeVariants } from './components/badge.js';
+export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps } from './components/avatar.js';
+export { Badge, BadgeProps, badgeVariants } from './components/badge.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/breadcrumb.js';
-export { Button, buttonVariants } from './components/button.js';
+export { Button, ButtonProps, buttonVariants } from './components/button.js';
 export { Calendar } from './components/calendar.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/card.js';
 export { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './components/carousel.js';
 export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './components/chart.js';
-export { Checkbox } from './components/checkbox.js';
+export { Checkbox, CheckboxProps } from './components/checkbox.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './components/collapsible.js';
 export { ColorPicker } from './components/color-picker.js';
 export { Combobox, ComboboxOption, MultiCombobox } from './components/combobox.js';
@@ -23,34 +23,34 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { FileUpload } from './components/file-upload.js';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './components/form.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/hover-card.js';
-export { Input, inputVariants } from './components/input.js';
+export { Input, InputProps, inputVariants } from './components/input.js';
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './components/input-otp.js';
-export { PasswordInput } from './components/password-input.js';
-export { Label } from './components/label.js';
+export { PasswordInput, PasswordInputProps } from './components/password-input.js';
+export { Label, LabelProps } from './components/label.js';
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './components/menubar.js';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './components/navigation-menu.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/pagination.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/popover.js';
-export { Progress } from './components/progress.js';
-export { RadioGroup, RadioGroupItem } from './components/radio-group.js';
+export { Progress, ProgressProps } from './components/progress.js';
+export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from './components/radio-group.js';
 export { Rating } from './components/rating.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './components/resizable.js';
 export { ScrollArea, ScrollBar } from './components/scroll-area.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/select.js';
-export { Separator } from './components/separator.js';
+export { Separator, SeparatorProps } from './components/separator.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './components/sheet.js';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './components/sidebar.js';
-export { Skeleton } from './components/skeleton.js';
-export { Slider } from './components/slider.js';
+export { Skeleton, SkeletonProps } from './components/skeleton.js';
+export { Slider, SliderProps } from './components/slider.js';
 export { Toaster } from './components/sonner.js';
-export { Switch } from './components/switch.js';
+export { Switch, SwitchProps } from './components/switch.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/table.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/tabs.js';
 export { TagInput } from './components/tag-input.js';
-export { Textarea } from './components/textarea.js';
+export { Textarea, TextareaProps } from './components/textarea.js';
 export { TimeInput, TimePicker } from './components/time-picker.js';
-export { Toggle, toggleVariants } from './components/toggle.js';
-export { ToggleGroup, ToggleGroupItem } from './components/toggle-group.js';
+export { Toggle, ToggleProps, toggleVariants } from './components/toggle.js';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from './components/toggle-group.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/tooltip.js';
 export { CalendarCategory, CalendarMini, CalendarMiniLabels, CalendarMiniProps } from './components/calendar-mini.js';
 export { CalendarEventChip, CalendarEventChipEvent, CalendarEventChipProps } from './components/calendar-event-chip.js';