@omnifyjp/ui 0.4.4 → 0.5.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-declare function useIsMobile(): boolean;
-
-export { useIsMobile };

package/dist/hooks/use-mobile.js

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

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

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

package/dist/lib/utils.d.ts

@@ -1,5 +0,0 @@
-import { ClassValue } from 'clsx';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-export { cn };

package/dist/lib/utils.js

@@ -1,3 +0,0 @@
-export { cn } from '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=utils.js.map
-//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

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

package/dist/types-CBVkScfB.d.ts

@@ -1,84 +0,0 @@
-/**
- * Shared UI types for @omnifyjp/ui components.
- *
- * These types enforce consistent APIs across Button, Badge, Alert, and future components.
- * Import from `@omnifyjp/ui` or `@omnifyjp/ui/lib/types`.
- *
- * @example
- * ```tsx
- * import type { UIColor, UISize } from '@omnifyjp/ui';
- * ```
- */
-/**
- * Semantic color intent for UI components.
- *
- * Each color maps to a pair of CSS custom properties in theme.css:
- * `--{color}` (background) and `--{color}-foreground` (text on that background).
- *
- * | Color | CSS Variable | Default (Light) | Use for |
- * |-------|-------------|-----------------|---------|
- * | `primary` | `--primary` | `#030213` | Main actions, active states |
- * | `destructive` | `--destructive` | `#d4183d` | Delete, errors, dangerous actions |
- * | `success` | `--success` | `#10b981` | Confirmed, approved, completed |
- * | `warning` | `--warning` | `#f59e0b` | Caution, needs attention |
- * | `info` | `--info` | `#3b82f6` | Informational, neutral highlights |
- *
- * Consumers override these via CSS custom properties:
- * ```css
- * :root { --primary: #dc2626; }
- * ```
- *
- * @example
- * ```tsx
- * <Button color="success">Approve</Button>
- * <Badge color="warning">Pending</Badge>
- * <Alert color="info">Tip: use keyboard shortcuts</Alert>
- * ```
- */
-type UIColor = 'primary' | 'destructive' | 'success' | 'warning' | 'info';
-/**
- * Visual display variant for UI components.
- *
- * Controls **how** the color is rendered, independent of **which** color.
- * Combine with `color` prop for full flexibility: `variant="outline" color="destructive"`.
- *
- * | Variant | Description |
- * |---------|-------------|
- * | `default` | Solid filled background with contrasting text |
- * | `secondary` | Muted/gray background (color-independent) |
- * | `outline` | Border with transparent background, colored text |
- * | `soft` | Light tinted background (10% opacity of color) |
- * | `ghost` | Transparent, shows tinted background on hover |
- * | `link` | Text-only with underline on hover |
- *
- * @example
- * ```tsx
- * <Button variant="soft" color="success">Approve</Button>
- * <Button variant="outline" color="destructive">Reject</Button>
- * <Badge variant="soft" color="warning">In Review</Badge>
- * ```
- */
-type UIVariant = 'default' | 'secondary' | 'outline' | 'soft' | 'ghost' | 'link';
-/**
- * Standard size scale for UI components.
- *
- * Maps to density tokens in theme.css for consistent sizing across the system.
- *
- * | Size | Height Token | Pixels | Use for |
- * |------|-------------|--------|---------|
- * | `xs` | `h-element-xs` | 24px | Compact tables, inline actions |
- * | `sm` | `h-element-sm` | 28px | Secondary actions, tight layouts |
- * | `default` | `h-element` | 32px | Standard buttons, inputs |
- * | `lg` | `h-element-lg` | 36px | Primary CTAs, form actions |
- * | `xl` | `h-element-xl` | 44px | Login forms, hero sections |
- *
- * @example
- * ```tsx
- * <Button size="sm">Edit</Button>
- * <Button size="xl" block>Sign In</Button>
- * <Input size="lg" />
- * ```
- */
-type UISize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
-
-export type { UIColor as U, UISize as a, UIVariant as b };

package/src/styles/index.css

@@ -1,3 +0,0 @@
-@import './fonts.css';
-@import './tailwind.css';
-@import './theme.css';

package/src/styles/tailwind.css

@@ -1,4 +0,0 @@
-@import 'tailwindcss' source(none);
-@source '../**/*.{js,ts,jsx,tsx}';
-
-@import 'tw-animate-css';