@omnifyjp/ui 0.1.7 → 0.2.0

package/dist/components/calendar-event-sheet.js

@@ -1,9 +1,9 @@
-export { CalendarEventSheet } from '../chunk-WNKEQCXM.js';
+export { CalendarEventSheet } from '../chunk-THQUH6WX.js';
 import '../chunk-JLTBUACL.js';
-import '../chunk-V4ZOPVXV.js';
+import '../chunk-JAJMM32I.js';
 import '../chunk-PGWNOZDX.js';
-import '../chunk-Y65FNGEE.js';
-import '../chunk-OBZQTY3H.js';
+import '../chunk-55E7D2HR.js';
+import '../chunk-A3BB5ZOC.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=calendar-event-sheet.js.map
 //# sourceMappingURL=calendar-event-sheet.js.map

package/dist/components/calendar-toolbar.js

@@ -1,7 +1,7 @@
-export { CalendarToolbar } from '../chunk-YT3W2URB.js';
+export { CalendarToolbar } from '../chunk-36YYHIJU.js';
 import '../chunk-ZPMXRW2A.js';
 import '../chunk-NU56GKGM.js';
-import '../chunk-Y65FNGEE.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=calendar-toolbar.js.map
 //# sourceMappingURL=calendar-toolbar.js.map

package/dist/components/calendar.js

@@ -1,5 +1,5 @@
-export { Calendar } from '../chunk-33DTBAFF.js';
-import '../chunk-Y65FNGEE.js';
+export { Calendar } from '../chunk-4MHIUUAW.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=calendar.js.map
 //# sourceMappingURL=calendar.js.map

package/dist/components/carousel.d.ts

@@ -4,6 +4,7 @@ import useEmblaCarousel from 'embla-carousel-react';
 import { Button } from './button.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import '../types-CBVkScfB.js';
 
 type CarouselApi = ReturnType<typeof useEmblaCarousel>[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;

package/dist/components/carousel.js

@@ -1,5 +1,5 @@
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '../chunk-TX42RKQU.js';
-import '../chunk-Y65FNGEE.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '../chunk-2TUWDXAC.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=carousel.js.map
 //# sourceMappingURL=carousel.js.map

package/dist/components/color-picker.js

@@ -1,7 +1,7 @@
-export { ColorPicker } from '../chunk-C6EAO7IA.js';
+export { ColorPicker } from '../chunk-MJLFJPUG.js';
 import '../chunk-3VU56V66.js';
 import '../chunk-C34KSTWA.js';
-import '../chunk-Y65FNGEE.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=color-picker.js.map
 //# sourceMappingURL=color-picker.js.map

package/dist/components/combobox.js

@@ -1,8 +1,8 @@
-export { Combobox, MultiCombobox } from '../chunk-UVOH3VSV.js';
+export { Combobox, MultiCombobox } from '../chunk-NPL2R5LD.js';
 import '../chunk-C34KSTWA.js';
 import '../chunk-6GWVQB3Q.js';
 import '../chunk-F2ZJLKDP.js';
-import '../chunk-Y65FNGEE.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=combobox.js.map
 //# sourceMappingURL=combobox.js.map

package/dist/components/date-picker.js

@@ -1,7 +1,7 @@
-export { DatePicker, DateRangePicker } from '../chunk-ZYSFPIGY.js';
+export { DatePicker, DateRangePicker } from '../chunk-YS3PMGYC.js';
 import '../chunk-C34KSTWA.js';
-import '../chunk-33DTBAFF.js';
-import '../chunk-Y65FNGEE.js';
+import '../chunk-4MHIUUAW.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=date-picker.js.map
 //# sourceMappingURL=date-picker.js.map

package/dist/components/file-upload.js

@@ -1,5 +1,5 @@
-export { FileUpload } from '../chunk-UAX7UJIJ.js';
-import '../chunk-Y65FNGEE.js';
+export { FileUpload } from '../chunk-G7HTZBUR.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=file-upload.js.map
 //# sourceMappingURL=file-upload.js.map

package/dist/components/pagination.d.ts

@@ -3,6 +3,7 @@ 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.

package/dist/components/pagination.js

@@ -1,5 +1,5 @@
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../chunk-ZHP73HKU.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/rating.js

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

package/dist/components/scope-tree.js

@@ -1,5 +1,5 @@
-export { ScopeTree } from '../chunk-EIY5FVSV.js';
-import '../chunk-OBZQTY3H.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.js

@@ -1,5 +1,5 @@
-export { ScopeTypeBadge } from '../chunk-C7LPAIU6.js';
-import '../chunk-OBZQTY3H.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/sidebar.d.ts

@@ -6,6 +6,7 @@ import { Button } from './button.js';
 import { Input } from './input.js';
 import { Separator } from './separator.js';
 import { TooltipContent } from './tooltip.js';
+import '../types-CBVkScfB.js';
 import '@radix-ui/react-separator';
 import '@radix-ui/react-tooltip';
 

package/dist/components/sidebar.js

@@ -1,11 +1,11 @@
-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 '../chunk-JBQT2H4K.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 '../chunk-XUVLD65E.js';
 import '../chunk-C5NZAOA7.js';
 import '../chunk-WRCHR4AK.js';
 import '../chunk-JXGRW2MR.js';
 import '../chunk-3VU56V66.js';
 import '../chunk-JLTBUACL.js';
 import '../chunk-PGWNOZDX.js';
-import '../chunk-Y65FNGEE.js';
+import '../chunk-55E7D2HR.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=sidebar.js.map
 //# sourceMappingURL=sidebar.js.map

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

@@ -1,5 +1,5 @@
-export { StageTypeBadge } from '../chunk-DZ7752H3.js';
-import '../chunk-OBZQTY3H.js';
+export { StageTypeBadge } from '../chunk-ZHEKDP5X.js';
+import '../chunk-A3BB5ZOC.js';
 import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=stage-type-badge.js.map
 //# sourceMappingURL=stage-type-badge.js.map

package/dist/components/tag-input.js

@@ -1,5 +1,5 @@
-export { TagInput } from '../chunk-ZB2FWKHF.js';
-import '../chunk-OBZQTY3H.js';
+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/time-picker.js

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

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

@@ -1,5 +1,5 @@
-export { WorkflowCategoryBadge } from '../chunk-BEZF6UWZ.js';
-import '../chunk-OBZQTY3H.js';
+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-diagram.js

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

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

@@ -1,5 +1,5 @@
-export { WorkflowStatusBadge } from '../chunk-BOMDCV63.js';
-import '../chunk-OBZQTY3H.js';
+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-stepper.js

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

package/dist/index.d.ts

@@ -66,6 +66,7 @@ export { PermissionDefinition, PermissionGrid, PermissionGridLabels, PermissionG
 export { ScopeTree, ScopeTreeBadge, ScopeTreeLabels, ScopeTreeNode, ScopeTreeProps, ScopeTreeSelectedScope } from './components/scope-tree.js';
 export { ScopeTypeBadge, ScopeTypeBadgeProps, ScopeTypeBadgeStyles } from './components/scope-type-badge.js';
 export { SlugInput, SlugInputLabels, SlugInputProps, generateSlug } from './components/slug-input.js';
+export { U as UIColor, a as UISize, b as UIVariant } from './types-CBVkScfB.js';
 export { cn } from './lib/utils.js';
 export { useIsMobile } from './hooks/use-mobile.js';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,71 +1,71 @@
-export { WorkflowCategoryBadge } from './chunk-BEZF6UWZ.js';
-export { WorkflowDiagram } from './chunk-QX56UQ2I.js';
-export { WorkflowStatusBadge } from './chunk-BOMDCV63.js';
-export { WorkflowStepper } from './chunk-4SMVBJFU.js';
+export { WorkflowCategoryBadge } from './chunk-2C2HRGM7.js';
+export { WorkflowDiagram } from './chunk-MZ2P566X.js';
+export { WorkflowStatusBadge } from './chunk-ZYEGBF7G.js';
+export { WorkflowStepper } from './chunk-LMT327XH.js';
 export { Switch } from './chunk-XOJJBNDX.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-S6PDRGR5.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-FLWMT4DB.js';
-export { TagInput } from './chunk-ZB2FWKHF.js';
+export { TagInput } from './chunk-VVYSAGB3.js';
 export { Textarea } from './chunk-WD5KZE25.js';
-export { TimeInput, TimePicker } from './chunk-4MD7BIEK.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 './chunk-JBQT2H4K.js';
+export { TimeInput, TimePicker } from './chunk-6DIDQ4TB.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 './chunk-XUVLD65E.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-C5NZAOA7.js';
 export { useIsMobile } from './chunk-WRCHR4AK.js';
 export { Skeleton } from './chunk-JXGRW2MR.js';
 export { Slider } from './chunk-EWBCV7VA.js';
 export { SlugInput, generateSlug } from './chunk-75WZR6HF.js';
 export { Toaster } from './chunk-CUZR4JWM.js';
-export { StageTypeBadge } from './chunk-DZ7752H3.js';
+export { StageTypeBadge } from './chunk-ZHEKDP5X.js';
 export { Progress } from './chunk-R2CDE5DO.js';
 export { RadioGroup, RadioGroupItem } from './chunk-BRSM3SZP.js';
-export { Rating } from './chunk-HY4FVDA4.js';
+export { Rating } from './chunk-35U6QG4P.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-FRKG7JQY.js';
-export { ScopeTree } from './chunk-EIY5FVSV.js';
-export { ScopeTypeBadge } from './chunk-C7LPAIU6.js';
+export { ScopeTree } from './chunk-BAQWGQJG.js';
+export { ScopeTypeBadge } from './chunk-N47H4MHX.js';
 export { ScrollArea, ScrollBar } from './chunk-JJSVA3TH.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-NNJTKHCE.js';
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-INLM7UJC.js';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-YBMEQZX7.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './chunk-ZHP73HKU.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './chunk-7IRLBU2I.js';
 export { PasswordInput } from './chunk-3UPBCOS4.js';
 export { PermissionGrid, buildPermissionId } from './chunk-TJMK2KBE.js';
-export { DatePicker, DateRangePicker } from './chunk-ZYSFPIGY.js';
+export { DatePicker, DateRangePicker } from './chunk-YS3PMGYC.js';
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-7XH3MGBR.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-IAWKX5W4.js';
-export { FileUpload } from './chunk-UAX7UJIJ.js';
+export { FileUpload } from './chunk-G7HTZBUR.js';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './chunk-LVZNNIK4.js';
 export { Label } from './chunk-P3M5TZD2.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-JRU2QX7T.js';
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './chunk-RQNZDWY3.js';
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-TX42RKQU.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-2TUWDXAC.js';
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './chunk-B434PORR.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-3EOHW4QN.js';
-export { ColorPicker } from './chunk-C6EAO7IA.js';
+export { ColorPicker } from './chunk-MJLFJPUG.js';
 export { Input, inputVariants } from './chunk-3VU56V66.js';
-export { Combobox, MultiCombobox } from './chunk-UVOH3VSV.js';
+export { Combobox, MultiCombobox } from './chunk-NPL2R5LD.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-C34KSTWA.js';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-6GWVQB3Q.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-F2ZJLKDP.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './chunk-USIHM7FV.js';
 export { CalendarEventChip } from './chunk-TTH7TWVX.js';
-export { CalendarEventSheet } from './chunk-WNKEQCXM.js';
+export { CalendarEventSheet } from './chunk-THQUH6WX.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-JLTBUACL.js';
-export { CalendarCategoryBadge } from './chunk-V4ZOPVXV.js';
+export { CalendarCategoryBadge } from './chunk-JAJMM32I.js';
 export { CalendarMini } from './chunk-KTBOZ4NE.js';
 export { Checkbox } from './chunk-WL4ZO2H3.js';
 export { Separator } from './chunk-PGWNOZDX.js';
-export { CalendarToolbar } from './chunk-YT3W2URB.js';
+export { CalendarToolbar } from './chunk-36YYHIJU.js';
 export { ToggleGroup, ToggleGroupItem } from './chunk-ZPMXRW2A.js';
 export { Toggle, toggleVariants } from './chunk-NU56GKGM.js';
-export { Calendar } from './chunk-33DTBAFF.js';
+export { Calendar } from './chunk-4MHIUUAW.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-Z2QAABLM.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-34ARZSNP.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-YE7EHQ6P.js';
-export { Button, buttonVariants } from './chunk-Y65FNGEE.js';
-export { Alert, AlertDescription, AlertTitle } from './chunk-L6K7UH3O.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-LTTNCAAA.js';
+export { Button, buttonVariants } from './chunk-55E7D2HR.js';
+export { Alert, AlertDescription, AlertTitle } from './chunk-TGYQ3AKH.js';
 export { AspectRatio } from './chunk-35DNN46W.js';
 export { Avatar, AvatarFallback, AvatarImage } from './chunk-67YUL2ZS.js';
-export { Badge, badgeVariants } from './chunk-OBZQTY3H.js';
+export { Badge, badgeVariants } from './chunk-A3BB5ZOC.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './chunk-7RMTPT6O.js';
 export { cn } from './chunk-DGPY4WP3.js';
 //# sourceMappingURL=index.js.map

package/dist/types-CBVkScfB.d.ts

@@ -0,0 +1,84 @@
+/**
+ * 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnifyjp/ui",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -15,6 +15,10 @@
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js"
     },
+    "./lib/types": {
+      "types": "./dist/lib/types.d.ts",
+      "import": "./dist/lib/types.js"
+    },
     "./lib/utils": {
       "types": "./dist/lib/utils.d.ts",
       "import": "./dist/lib/utils.js"
@@ -29,12 +33,20 @@
     "dist",
     "src/styles"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
   "peerDependencies": {
+    "date-fns": ">=3",
     "react": ">=18",
     "react-dom": ">=18",
-    "date-fns": ">=3",
-    "recharts": ">=2",
-    "react-hook-form": ">=7"
+    "react-hook-form": ">=7",
+    "recharts": ">=2"
   },
   "peerDependenciesMeta": {
     "date-fns": {
@@ -87,15 +99,13 @@
     "vaul": "1.1.2"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^28.1.0",
     "tsup": "^8.0.0",
     "typescript": "^5.9.3",
-    "@types/react": "^19.2.13",
-    "@types/react-dom": "^19.2.3"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint src/",
-    "type-check": "tsc --noEmit"
+    "vitest": "^4.0.18"
   }
-}
+}

package/src/styles/theme.css

@@ -270,6 +270,16 @@
   --sidebar-border: oklch(0.269 0 0);
   --sidebar-ring: oklch(0.439 0 0);
   
+  /* Semantic colors (dark mode) */
+  --success: #34d399;
+  --success-foreground: #022c22;
+  --warning: #fbbf24;
+  --warning-foreground: #422006;
+  --info: #60a5fa;
+  --info-foreground: #172554;
+  --error: #f87171;
+  --error-foreground: #450a0a;
+
   /* Dark mode gray scale */
   --gray-50: #1f2937;
   --gray-100: #374151;

package/dist/chunk-4SMVBJFU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/workflow-stepper.tsx"],"names":[],"mappings":";;;;AAqDO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,YAAA,GAAe,CAAC,GAAG,MAAM,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA;AACjE,EAAA,MAAM,iBAAA,GAAoB,IAAI,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,CAAC,CAAA;AAE/D,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA,EACzE,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,KAAA,EAAO,KAAA,KAAU;AAClC,IAAA,MAAM,WAAA,GAAc,iBAAA,CAAkB,GAAA,CAAI,KAAA,CAAM,EAAE,CAAA;AAClD,IAAA,MAAM,SAAA,GAAY,MAAM,EAAA,KAAO,cAAA;AAC/B,IAAA,MAAM,YAAA,GAAe,QAAQ,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,OAAA,KAAY,MAAM,EAAE,CAAA;AAC/D,IAAA,MAAM,UAAA,GAAa,cAAc,QAAA,KAAa,UAAA;AAE9C,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAmB,SAAA,EAAU,iCAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,sGAAA;AAAA,cACA,WAAA,GACI,UAAA,GACE,sCAAA,GACA,0CAAA,GACF,YACE,+EAAA,GACA;AAAA,aACR;AAAA,YAEC,wCAAc,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,SAAA,EAAU,IAAK,KAAA,CAAM;AAAA;AAAA,SACvD;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,uCAAA;AAAA,cACA,YAAY,6BAAA,GAAgC;AAAA,aAC9C;AAAA,YAEC,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA;AACT,OAAA,EACF,CAAA;AAAA,MACC,KAAA,GAAQ,YAAA,CAAa,MAAA,GAAS,CAAA,oBAC7B,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,4BAAA;AAAA,YACA,cAAc,cAAA,GAAiB;AAAA;AACjC;AAAA;AACF,KAAA,EAAA,EA/BM,MAAM,EAiChB,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ","file":"chunk-4SMVBJFU.js","sourcesContent":["import { Check } from 'lucide-react';\nimport { cn } from '../lib/utils';\n\n/** A single stage in the workflow stepper. */\nexport interface WorkflowStepperStage {\n  /** Unique identifier for this stage. */\n  id: string;\n  /** Display name shown below the stage circle. */\n  name: string;\n  /** Numeric order used to sort stages left-to-right. */\n  order: number;\n}\n\n/** A history entry representing a completed (or rejected) stage. */\nexport interface WorkflowStepperHistoryEntry {\n  /** The stage ID this history entry applies to. */\n  stageId: string;\n  /** The decision made at this stage. \"rejected\" stages render in red. */\n  decision: 'approved' | 'rejected' | 'skipped' | (string & {});\n}\n\nexport interface WorkflowStepperProps {\n  /** Ordered list of stages to display. Will be sorted by `order`. */\n  stages: WorkflowStepperStage[];\n  /** History of completed stages. Used to determine which stages are done. */\n  history: WorkflowStepperHistoryEntry[];\n  /** The id of the currently active stage. */\n  currentStageId: string;\n  /** Optional additional className for the root container. */\n  className?: string;\n}\n\n/**\n * WorkflowStepper displays a horizontal progression of workflow stages.\n *\n * Each stage is shown as a numbered circle. Completed stages show a checkmark\n * (green for approved, red for rejected). The current stage pulses with a blue\n * highlight. Stages are connected by a horizontal line that turns green once\n * the preceding stage is completed.\n *\n * @example\n * ```tsx\n * <WorkflowStepper\n *   stages={[\n *     { id: \"s1\", name: \"Submit\", order: 1 },\n *     { id: \"s2\", name: \"Review\", order: 2 },\n *     { id: \"s3\", name: \"Approve\", order: 3 },\n *   ]}\n *   history={[{ stageId: \"s1\", decision: \"approved\" }]}\n *   currentStageId=\"s2\"\n * />\n * ```\n */\nexport function WorkflowStepper({\n  stages,\n  history,\n  currentStageId,\n  className,\n}: WorkflowStepperProps) {\n  const sortedStages = [...stages].sort((a, b) => a.order - b.order);\n  const completedStageIds = new Set(history.map((h) => h.stageId));\n\n  return (\n    <div className={cn('flex items-center gap-0 overflow-x-auto pb-2', className)}>\n      {sortedStages.map((stage, index) => {\n        const isCompleted = completedStageIds.has(stage.id);\n        const isCurrent = stage.id === currentStageId;\n        const historyEntry = history.find((h) => h.stageId === stage.id);\n        const isRejected = historyEntry?.decision === 'rejected';\n\n        return (\n          <div key={stage.id} className=\"flex items-center flex-shrink-0\">\n            <div className=\"flex flex-col items-center gap-1\">\n              <div\n                className={cn(\n                  'w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium border-2 transition-colors',\n                  isCompleted\n                    ? isRejected\n                      ? 'bg-red-500 border-red-500 text-white'\n                      : 'bg-green-500 border-green-500 text-white'\n                    : isCurrent\n                      ? 'border-blue-500 bg-blue-500/10 text-blue-600 dark:text-blue-400 animate-pulse'\n                      : 'border-border bg-muted text-muted-foreground',\n                )}\n              >\n                {isCompleted ? <Check className=\"w-4 h-4\" /> : stage.order}\n              </div>\n              <span\n                className={cn(\n                  'text-xs max-w-20 text-center truncate',\n                  isCurrent ? 'font-medium text-foreground' : 'text-muted-foreground',\n                )}\n              >\n                {stage.name}\n              </span>\n            </div>\n            {index < sortedStages.length - 1 && (\n              <div\n                className={cn(\n                  'w-12 h-0.5 mx-1 mt-[-12px]',\n                  isCompleted ? 'bg-green-500' : 'bg-border',\n                )}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/chunk-L6K7UH3O.js

@@ -1,66 +0,0 @@
-import { cn } from './chunk-DGPY4WP3.js';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { Alert, AlertDescription, AlertTitle };
-//# sourceMappingURL=chunk-L6K7UH3O.js.map
-//# sourceMappingURL=chunk-L6K7UH3O.js.map

package/dist/chunk-L6K7UH3O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alert.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mOAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,8BAAA;AAAA,QACT,WAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AA4BA,SAAS,KAAA,CAAM;AAAA,EACb,SAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqE;AACnE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ;AAGA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACxE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,6DAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAGA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgC;AAC9B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,gGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-L6K7UH3O.js","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\n/** Style variants for the Alert component. Supports `\"default\"` and `\"destructive\"` variants. */\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\n/**\n * Static alert banner for displaying important messages.\n *\n * Renders an inline callout with an optional icon, title, and description.\n * Use `variant=\"destructive\"` for error or warning messages.\n * Unlike AlertDialog, this is not a modal -- it renders inline in the page.\n *\n * @example\n * ```tsx\n * <Alert>\n *   <InfoIcon className=\"size-4\" />\n *   <AlertTitle>Heads up!</AlertTitle>\n *   <AlertDescription>\n *     You can add components to your app using the CLI.\n *   </AlertDescription>\n * </Alert>\n *\n * <Alert variant=\"destructive\">\n *   <AlertCircleIcon className=\"size-4\" />\n *   <AlertTitle>Error</AlertTitle>\n *   <AlertDescription>\n *     Your session has expired. Please log in again.\n *   </AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\n/** Bold title text within an Alert. Rendered in the second grid column when an icon is present. */\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Descriptive body text within an Alert, rendered below the title. */\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"]}