@omnifyjp/ui 0.5.3 → 1.0.0

package/dist/components/tabs.d.ts

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

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

package/dist/components/tabs.js.map

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

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

@@ -0,0 +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

@@ -0,0 +1,5 @@
+export { TagInput } from '../chunk-VVYSAGB3.js';
+import '../chunk-A3BB5ZOC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=tag-input.js.map
+//# sourceMappingURL=tag-input.js.map

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

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

package/dist/components/textarea.d.ts

@@ -0,0 +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, type TextareaProps };

package/dist/components/textarea.js

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

package/dist/components/textarea.js.map

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

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

@@ -0,0 +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

@@ -0,0 +1,8 @@
+export { TimeInput, TimePicker } from '../chunk-6DIDQ4TB.js';
+import '../chunk-JJSVA3TH.js';
+import '../chunk-3VU56V66.js';
+import '../chunk-C34KSTWA.js';
+import '../chunk-55E7D2HR.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=time-picker.js.map
+//# sourceMappingURL=time-picker.js.map

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

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

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

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from './toggle.js';
+import 'class-variance-authority/types';
+import '@radix-ui/react-toggle';
+
+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, type ToggleGroupItemProps, type ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -0,0 +1,5 @@
+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-group.js.map

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

package/dist/components/toggle.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+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, type ToggleProps, toggleVariants };

package/dist/components/toggle.js

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

package/dist/components/toggle.js.map

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

package/dist/components/tooltip.d.ts

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

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

package/dist/components/tooltip.js.map

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

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Supported workflow categories with built-in icon and color mappings. */
+type WorkflowCategory = 'leave' | 'expense' | 'purchase' | 'contract' | 'document' | 'other';
+interface WorkflowCategoryBadgeProps {
+    /** The category key. Determines the icon and color. */
+    category: WorkflowCategory;
+    /** The displayed label text. Defaults to a capitalized version of the category. */
+    label?: string;
+    /** Optional additional className. */
+    className?: string;
+}
+/**
+ * WorkflowCategoryBadge renders a badge with an icon and color for a workflow category.
+ *
+ * Each category has a dedicated icon and color scheme:
+ * - leave: Calendar (blue)
+ * - expense: Receipt (green)
+ * - purchase: ShoppingCart (amber)
+ * - 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;
+
+export { type WorkflowCategory, WorkflowCategoryBadge, type WorkflowCategoryBadgeProps };

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

@@ -0,0 +1,5 @@
+export { WorkflowCategoryBadge } from '../chunk-2C2HRGM7.js';
+import '../chunk-A3BB5ZOC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=workflow-category-badge.js.map
+//# sourceMappingURL=workflow-category-badge.js.map

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

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

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

@@ -0,0 +1,63 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * 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. */
+interface WorkflowDiagramLabels {
+    /** Label shown above stage name for each stage type */
+    approval?: string;
+    review?: string;
+    notification?: string;
+    conditional?: string;
+    /** Text for the approver count (e.g. "approvers") */
+    approvers?: string;
+}
+interface WorkflowDiagramProps {
+    /** Ordered list of stages to display. Will be sorted by `order`. */
+    stages: WorkflowDiagramStage[];
+    /** The id of the currently active stage. Highlighted with a blue border. */
+    currentStageId?: string;
+    /** User-visible labels with English defaults. */
+    labels?: WorkflowDiagramLabels;
+    /** Optional additional className for the root container. */
+    className?: string;
+}
+/**
+ * WorkflowDiagram renders a horizontal flow of workflow stages as cards
+ * connected by arrows.
+ *
+ * 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;
+
+export { WorkflowDiagram, type WorkflowDiagramLabels, type WorkflowDiagramProps, type WorkflowDiagramStage, type WorkflowDiagramStageType };

package/dist/components/workflow-diagram.js

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

package/dist/components/workflow-diagram.js.map

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

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Common workflow instance statuses with built-in styling. */
+type WorkflowStatus = 'pending' | 'in-progress' | 'approved' | 'rejected' | 'cancelled';
+interface WorkflowStatusBadgeProps {
+    /** The status key. Must be one of the predefined statuses. */
+    status: WorkflowStatus;
+    /** The displayed label text. Defaults to a capitalized version of the status. */
+    label?: string;
+    /** Optional additional className. */
+    className?: string;
+}
+/**
+ * WorkflowStatusBadge renders a color-coded badge for a workflow instance status.
+ *
+ * - pending: blue
+ * - in-progress: amber
+ * - 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;
+
+export { type WorkflowStatus, WorkflowStatusBadge, type WorkflowStatusBadgeProps };

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

@@ -0,0 +1,5 @@
+export { WorkflowStatusBadge } from '../chunk-ZYEGBF7G.js';
+import '../chunk-A3BB5ZOC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=workflow-status-badge.js.map
+//# sourceMappingURL=workflow-status-badge.js.map

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

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

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

@@ -0,0 +1,52 @@
+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 {
+    /** Ordered list of stages to display. Will be sorted by `order`. */
+    stages: WorkflowStepperStage[];
+    /** History of completed stages. Used to determine which stages are done. */
+    history: WorkflowStepperHistoryEntry[];
+    /** The id of the currently active stage. */
+    currentStageId: string;
+    /** Optional additional className for the root container. */
+    className?: string;
+}
+/**
+ * WorkflowStepper displays a horizontal progression of workflow stages.
+ *
+ * Each stage is shown as a numbered circle. Completed stages show a checkmark
+ * (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;
+
+export { WorkflowStepper, type WorkflowStepperHistoryEntry, type WorkflowStepperProps, type WorkflowStepperStage };

package/dist/components/workflow-stepper.js

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

package/dist/components/workflow-stepper.js.map

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

package/dist/hooks/use-mobile.d.ts

@@ -1,3 +1,3 @@
-export * from '@omnifyjp/ui-components/hooks/use-mobile';
-import '@omnifyjp/ui-components/lib/utils';
-import '@omnifyjp/ui-components/lib/types';
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -1,3 +1,3 @@
-export * from '@omnifyjp/ui-components/hooks/use-mobile';
+export { useIsMobile } from '../chunk-WRCHR4AK.js';
 //# sourceMappingURL=use-mobile.js.map
 //# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

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