@syscore/ui-library 1.25.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/client/components/ui/app-bar.tsx +299 -0
  2. package/client/components/ui/banner.tsx +108 -0
  3. package/client/components/ui/bottom-navigation.tsx +223 -0
  4. package/client/components/ui/card.tsx +108 -26
  5. package/client/components/ui/date-picker.tsx +188 -0
  6. package/client/components/ui/empty-state.tsx +197 -0
  7. package/client/components/ui/file-upload.tsx +214 -0
  8. package/client/components/ui/footer.tsx +179 -0
  9. package/client/components/ui/layout.tsx +381 -0
  10. package/client/components/ui/sidebar.tsx +11 -5
  11. package/client/components/ui/stepper.tsx +148 -0
  12. package/client/components/ui/system-bar.tsx +119 -0
  13. package/client/components/ui/timeline.tsx +181 -0
  14. package/client/global.css +2304 -41
  15. package/client/ui/AppBar/app-bar.stories.tsx +280 -0
  16. package/client/ui/Banner/banner.stories.tsx +238 -0
  17. package/client/ui/BottomNavigation/bottom-navigation.stories.tsx +285 -0
  18. package/client/ui/Card.stories.tsx +285 -168
  19. package/client/ui/DatePicker/DatePicker.stories.tsx +293 -0
  20. package/client/ui/EmptyState/empty-state.stories.tsx +251 -0
  21. package/client/ui/FileUpload/FileUpload.stories.tsx +218 -0
  22. package/client/ui/Footer/footer.stories.tsx +194 -0
  23. package/client/ui/Layout.stories.tsx +1481 -0
  24. package/client/ui/Stepper/Stepper.stories.tsx +344 -0
  25. package/client/ui/SystemBar/system-bar.stories.tsx +179 -0
  26. package/client/ui/Timeline/timeline.stories.tsx +404 -0
  27. package/dist/index.cjs.js +1 -1
  28. package/dist/index.d.ts +219 -0
  29. package/dist/index.es.js +1504 -99
  30. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -20,6 +20,18 @@ import { AlertDialogTitle } from '../client/components/ui/alert-dialog';
20
20
  import { AlertDialogTrigger } from '../client/components/ui/alert-dialog';
21
21
  import { AlertTitle } from '../client/components/ui/alert';
22
22
  import { AlphaIcon } from '../client/components/icons/AlphaIcon';
23
+ import { AppBar } from '../client/components/ui/app-bar';
24
+ import { AppBarAppend } from '../client/components/ui/app-bar';
25
+ import { AppBarContent } from '../client/components/ui/app-bar';
26
+ import { AppBarNavIcon } from '../client/components/ui/app-bar';
27
+ import { AppBarPrepend } from '../client/components/ui/app-bar';
28
+ import { AppBarTitle } from '../client/components/ui/app-bar';
29
+ import { AppShell } from '../client/components/ui/layout';
30
+ import { AppShellFooter } from '../client/components/ui/layout';
31
+ import { AppShellHeader } from '../client/components/ui/layout';
32
+ import { AppShellMain } from '../client/components/ui/layout';
33
+ import { AppShellProps } from '../client/components/ui/layout';
34
+ import { AppShellSidebar } from '../client/components/ui/layout';
23
35
  import { AspectRatio } from '../client/components/ui/aspect-ratio';
24
36
  import { Avatar } from '../client/components/ui/avatar';
25
37
  import { AvatarFallback } from '../client/components/ui/avatar';
@@ -45,6 +57,16 @@ import { BadgeRatingResidential } from '../client/components/icons/achievement-b
45
57
  import { BadgeRatingWorkforce } from '../client/components/icons/achievement-badges';
46
58
  import { BadgeSurveyProvider } from '../client/components/icons/provider-badges';
47
59
  import { badgeVariants } from '../client/components/ui/badge';
60
+ import { Banner } from '../client/components/ui/banner';
61
+ import { BannerAction } from '../client/components/ui/banner';
62
+ import { BannerDescription } from '../client/components/ui/banner';
63
+ import { BannerIcon } from '../client/components/ui/banner';
64
+ import { BannerText } from '../client/components/ui/banner';
65
+ import { BannerTitle } from '../client/components/ui/banner';
66
+ import { bannerVariants } from '../client/components/ui/banner';
67
+ import { BottomNavigation } from '../client/components/ui/bottom-navigation';
68
+ import { BottomNavigationGroup } from '../client/components/ui/bottom-navigation';
69
+ import { BottomNavigationItem } from '../client/components/ui/bottom-navigation';
48
70
  import { Breadcrumb } from '../client/components/ui/breadcrumb';
49
71
  import { BreadcrumbItem } from '../client/components/ui/breadcrumb';
50
72
  import { BreadcrumbLink } from '../client/components/ui/breadcrumb';
@@ -56,10 +78,14 @@ import { buttonVariants } from '../client/components/ui/button';
56
78
  import { Calendar } from '../client/components/ui/calendar';
57
79
  import { capitalize } from '../client/lib/utils';
58
80
  import { Card } from '../client/components/ui/card';
81
+ import { CardActions } from '../client/components/ui/card';
82
+ import { CardBadge } from '../client/components/ui/card';
59
83
  import { CardContent } from '../client/components/ui/card';
60
84
  import { CardDescription } from '../client/components/ui/card';
61
85
  import { CardFooter } from '../client/components/ui/card';
62
86
  import { CardHeader } from '../client/components/ui/card';
87
+ import { CardMedia } from '../client/components/ui/card';
88
+ import { CardMetric } from '../client/components/ui/card';
63
89
  import { CardTitle } from '../client/components/ui/card';
64
90
  import { CardWithIcon } from '../client/components/ui/card';
65
91
  import { Carousel } from '../client/components/ui/carousel';
@@ -77,6 +103,8 @@ import { cn } from '../client/lib/utils';
77
103
  import { Collapsible } from '../client/components/ui/collapsible';
78
104
  import { CollapsibleContent } from '../client/components/ui/collapsible';
79
105
  import { CollapsibleTrigger } from '../client/components/ui/collapsible';
106
+ import { Columns } from '../client/components/ui/layout';
107
+ import { ColumnsProps } from '../client/components/ui/layout';
80
108
  import { Command } from '../client/components/ui/command';
81
109
  import { CommandDialog } from '../client/components/ui/command';
82
110
  import { CommandEmpty } from '../client/components/ui/command';
@@ -90,6 +118,8 @@ import { CONCEPT_ICONS } from '../client/lib/concept-icons';
90
118
  import { ConceptColor } from '../client/components/icons/ConceptIcons';
91
119
  import { conceptColors } from '../client/lib/concept-colors';
92
120
  import { conceptOrder } from '../client/lib/concept-icons';
121
+ import { Container } from '../client/components/ui/layout';
122
+ import { ContainerProps } from '../client/components/ui/layout';
93
123
  import { ContextMenu } from '../client/components/ui/context-menu';
94
124
  import { ContextMenuCheckboxItem } from '../client/components/ui/context-menu';
95
125
  import { ContextMenuContent } from '../client/components/ui/context-menu';
@@ -105,6 +135,11 @@ import { ContextMenuSub } from '../client/components/ui/context-menu';
105
135
  import { ContextMenuSubContent } from '../client/components/ui/context-menu';
106
136
  import { ContextMenuSubTrigger } from '../client/components/ui/context-menu';
107
137
  import { ContextMenuTrigger } from '../client/components/ui/context-menu';
138
+ import { DatePicker } from '../client/components/ui/date-picker';
139
+ import { DatePickerProps } from '../client/components/ui/date-picker';
140
+ import { DateRange } from '../client/components/ui/date-picker';
141
+ import { DateRangePicker } from '../client/components/ui/date-picker';
142
+ import { DateRangePickerProps } from '../client/components/ui/date-picker';
108
143
  import { Dialog } from '../client/components/ui/dialog';
109
144
  import { DialogClose } from '../client/components/ui/dialog';
110
145
  import { DialogContent } from '../client/components/ui/dialog';
@@ -138,6 +173,18 @@ import { DropdownMenuSub } from '../client/components/ui/dropdown-menu';
138
173
  import { DropdownMenuSubContent } from '../client/components/ui/dropdown-menu';
139
174
  import { DropdownMenuSubTrigger } from '../client/components/ui/dropdown-menu';
140
175
  import { DropdownMenuTrigger } from '../client/components/ui/dropdown-menu';
176
+ import { EmptyState } from '../client/components/ui/empty-state';
177
+ import { EmptyStateAction } from '../client/components/ui/empty-state';
178
+ import { FileUpload } from '../client/components/ui/file-upload';
179
+ import { FileUploadProps } from '../client/components/ui/file-upload';
180
+ import { Footer } from '../client/components/ui/footer';
181
+ import { FooterBand } from '../client/components/ui/footer';
182
+ import { FooterCopyright } from '../client/components/ui/footer';
183
+ import { FooterDivider } from '../client/components/ui/footer';
184
+ import { FooterIconButton } from '../client/components/ui/footer';
185
+ import { FooterLink } from '../client/components/ui/footer';
186
+ import { FooterLinks } from '../client/components/ui/footer';
187
+ import { FooterRow } from '../client/components/ui/footer';
141
188
  import { Form } from '../client/components/ui/form';
142
189
  import { FormControl } from '../client/components/ui/form';
143
190
  import { FormDescription } from '../client/components/ui/form';
@@ -145,7 +192,12 @@ import { FormField } from '../client/components/ui/form';
145
192
  import { FormItem } from '../client/components/ui/form';
146
193
  import { FormLabel } from '../client/components/ui/form';
147
194
  import { FormMessage } from '../client/components/ui/form';
195
+ import { Grid } from '../client/components/ui/layout';
196
+ import { GridProps } from '../client/components/ui/layout';
148
197
  import { HeightContainer } from '../client/components/ui/height-container';
198
+ import { HeroSection } from '../client/components/ui/hero-section';
199
+ import { Hide } from '../client/components/ui/layout';
200
+ import { HideProps } from '../client/components/ui/layout';
149
201
  import { HoverCard } from '../client/components/ui/hover-card';
150
202
  import { HoverCardContent } from '../client/components/ui/hover-card';
151
203
  import { HoverCardTrigger } from '../client/components/ui/hover-card';
@@ -167,6 +219,8 @@ import { InputOTPSeparator } from '../client/components/ui/input-otp';
167
219
  import { InputOTPSlot } from '../client/components/ui/input-otp';
168
220
  import { IWBILogo } from '../client/components/icons/seals';
169
221
  import { Label } from '../client/components/ui/label';
222
+ import { List } from '../client/components/ui/typography';
223
+ import { ListItem } from '../client/components/ui/typography';
170
224
  import { Menubar } from '../client/components/ui/menubar';
171
225
  import { MenubarCheckboxItem } from '../client/components/ui/menubar';
172
226
  import { MenubarContent } from '../client/components/ui/menubar';
@@ -222,6 +276,8 @@ import { PaginationPrevious } from '../client/components/ui/pagination';
222
276
  import { Popover } from '../client/components/ui/popover';
223
277
  import { PopoverContent } from '../client/components/ui/popover';
224
278
  import { PopoverTrigger } from '../client/components/ui/popover';
279
+ import { Positioned } from '../client/components/ui/layout';
280
+ import { PositionedProps } from '../client/components/ui/layout';
225
281
  import { Progress } from '../client/components/ui/progress';
226
282
  import { RadioGroup } from '../client/components/ui/radio-group';
227
283
  import { RadioGroupItem } from '../client/components/ui/radio-group';
@@ -256,7 +312,9 @@ import { SealWellCommunity } from '../client/components/icons/seals';
256
312
  import { SealWellResidence } from '../client/components/icons/seals';
257
313
  import { SealWorksWithWell } from '../client/components/icons/seals';
258
314
  import { SearchField } from '../client/components/ui/search';
315
+ import { Section } from '../client/components/ui/layout';
259
316
  import { SectionBadge } from '../client/components/ui/section-badge';
317
+ import { SectionProps } from '../client/components/ui/layout';
260
318
  import { Select } from '../client/components/ui/select';
261
319
  import { SelectContent } from '../client/components/ui/select';
262
320
  import { SelectGroup } from '../client/components/ui/select';
@@ -276,6 +334,8 @@ import { SheetFooter } from '../client/components/ui/sheet';
276
334
  import { SheetHeader } from '../client/components/ui/sheet';
277
335
  import { SheetTitle } from '../client/components/ui/sheet';
278
336
  import { SheetTrigger } from '../client/components/ui/sheet';
337
+ import { Show } from '../client/components/ui/layout';
338
+ import { ShowProps } from '../client/components/ui/layout';
279
339
  import { Sidebar } from '../client/components/ui/sidebar';
280
340
  import { SidebarContent } from '../client/components/ui/sidebar';
281
341
  import { SidebarFooter } from '../client/components/ui/sidebar';
@@ -292,9 +352,20 @@ import { SidebarMenuSubItem } from '../client/components/ui/sidebar';
292
352
  import { Skeleton } from '../client/components/ui/skeleton';
293
353
  import { Slider } from '../client/components/ui/slider';
294
354
  import { Toaster as Sonner } from '../client/components/ui/sonner';
355
+ import { Spacer } from '../client/components/ui/layout';
356
+ import { SpacerProps } from '../client/components/ui/layout';
357
+ import { Stack } from '../client/components/ui/layout';
358
+ import { StackProps } from '../client/components/ui/layout';
295
359
  import { StandardLogo } from '../client/components/icons/StandardLogo';
296
360
  import { StandardNavigation } from '../client/components/ui/standard-navigation';
361
+ import { StepItem } from '../client/components/ui/stepper';
362
+ import { Stepper } from '../client/components/ui/stepper';
363
+ import { StepperProps } from '../client/components/ui/stepper';
297
364
  import { Switch } from '../client/components/ui/switch';
365
+ import { SystemBar } from '../client/components/ui/system-bar';
366
+ import { SystemBarAction } from '../client/components/ui/system-bar';
367
+ import { SystemBarIcon } from '../client/components/ui/system-bar';
368
+ import { SystemBarSpacer } from '../client/components/ui/system-bar';
298
369
  import { Tab } from '../client/hooks/use-tabs';
299
370
  import { Table } from '../client/components/ui/table';
300
371
  import { TableBody } from '../client/components/ui/table';
@@ -314,6 +385,8 @@ import { TagStatus } from '../client/components/ui/tag';
314
385
  import { TagVariant } from '../client/components/ui/tag';
315
386
  import { Text as Text_2 } from '../client/components/ui/typography';
316
387
  import { Textarea } from '../client/components/ui/textarea';
388
+ import { Timeline } from '../client/components/ui/timeline';
389
+ import { TimelineItem } from '../client/components/ui/timeline';
317
390
  import { Toast } from '../client/components/ui/toast';
318
391
  import { ToastAction } from '../client/components/ui/toast';
319
392
  import { ToastClose } from '../client/components/ui/toast';
@@ -413,6 +486,30 @@ export { AlertTitle }
413
486
 
414
487
  export { AlphaIcon }
415
488
 
489
+ export { AppBar }
490
+
491
+ export { AppBarAppend }
492
+
493
+ export { AppBarContent }
494
+
495
+ export { AppBarNavIcon }
496
+
497
+ export { AppBarPrepend }
498
+
499
+ export { AppBarTitle }
500
+
501
+ export { AppShell }
502
+
503
+ export { AppShellFooter }
504
+
505
+ export { AppShellHeader }
506
+
507
+ export { AppShellMain }
508
+
509
+ export { AppShellProps }
510
+
511
+ export { AppShellSidebar }
512
+
416
513
  export { AspectRatio }
417
514
 
418
515
  export { Avatar }
@@ -463,6 +560,26 @@ export { BadgeSurveyProvider }
463
560
 
464
561
  export { badgeVariants }
465
562
 
563
+ export { Banner }
564
+
565
+ export { BannerAction }
566
+
567
+ export { BannerDescription }
568
+
569
+ export { BannerIcon }
570
+
571
+ export { BannerText }
572
+
573
+ export { BannerTitle }
574
+
575
+ export { bannerVariants }
576
+
577
+ export { BottomNavigation }
578
+
579
+ export { BottomNavigationGroup }
580
+
581
+ export { BottomNavigationItem }
582
+
466
583
  export { Breadcrumb }
467
584
 
468
585
  export { BreadcrumbItem }
@@ -485,6 +602,10 @@ export { capitalize }
485
602
 
486
603
  export { Card }
487
604
 
605
+ export { CardActions }
606
+
607
+ export { CardBadge }
608
+
488
609
  export { CardContent }
489
610
 
490
611
  export { CardDescription }
@@ -493,6 +614,10 @@ export { CardFooter }
493
614
 
494
615
  export { CardHeader }
495
616
 
617
+ export { CardMedia }
618
+
619
+ export { CardMetric }
620
+
496
621
  export { CardTitle }
497
622
 
498
623
  export { CardWithIcon }
@@ -527,6 +652,10 @@ export { CollapsibleContent }
527
652
 
528
653
  export { CollapsibleTrigger }
529
654
 
655
+ export { Columns }
656
+
657
+ export { ColumnsProps }
658
+
530
659
  export { Command }
531
660
 
532
661
  export { CommandDialog }
@@ -553,6 +682,10 @@ export { conceptColors }
553
682
 
554
683
  export { conceptOrder }
555
684
 
685
+ export { Container }
686
+
687
+ export { ContainerProps }
688
+
556
689
  export { ContextMenu }
557
690
 
558
691
  export { ContextMenuCheckboxItem }
@@ -583,6 +716,16 @@ export { ContextMenuSubTrigger }
583
716
 
584
717
  export { ContextMenuTrigger }
585
718
 
719
+ export { DatePicker }
720
+
721
+ export { DatePickerProps }
722
+
723
+ export { DateRange }
724
+
725
+ export { DateRangePicker }
726
+
727
+ export { DateRangePickerProps }
728
+
586
729
  export { Dialog }
587
730
 
588
731
  export { DialogClose }
@@ -649,6 +792,30 @@ export { DropdownMenuSubTrigger }
649
792
 
650
793
  export { DropdownMenuTrigger }
651
794
 
795
+ export { EmptyState }
796
+
797
+ export { EmptyStateAction }
798
+
799
+ export { FileUpload }
800
+
801
+ export { FileUploadProps }
802
+
803
+ export { Footer }
804
+
805
+ export { FooterBand }
806
+
807
+ export { FooterCopyright }
808
+
809
+ export { FooterDivider }
810
+
811
+ export { FooterIconButton }
812
+
813
+ export { FooterLink }
814
+
815
+ export { FooterLinks }
816
+
817
+ export { FooterRow }
818
+
652
819
  export { Form }
653
820
 
654
821
  export { FormControl }
@@ -663,8 +830,18 @@ export { FormLabel }
663
830
 
664
831
  export { FormMessage }
665
832
 
833
+ export { Grid }
834
+
835
+ export { GridProps }
836
+
666
837
  export { HeightContainer }
667
838
 
839
+ export { HeroSection }
840
+
841
+ export { Hide }
842
+
843
+ export { HideProps }
844
+
668
845
  export { HoverCard }
669
846
 
670
847
  export { HoverCardContent }
@@ -707,6 +884,10 @@ export { IWBILogo }
707
884
 
708
885
  export { Label }
709
886
 
887
+ export { List }
888
+
889
+ export { ListItem }
890
+
710
891
  export { Menubar }
711
892
 
712
893
  export { MenubarCheckboxItem }
@@ -817,6 +998,10 @@ export { PopoverContent }
817
998
 
818
999
  export { PopoverTrigger }
819
1000
 
1001
+ export { Positioned }
1002
+
1003
+ export { PositionedProps }
1004
+
820
1005
  export { Progress }
821
1006
 
822
1007
  export { RadioGroup }
@@ -885,8 +1070,12 @@ export { SealWorksWithWell }
885
1070
 
886
1071
  export { SearchField }
887
1072
 
1073
+ export { Section }
1074
+
888
1075
  export { SectionBadge }
889
1076
 
1077
+ export { SectionProps }
1078
+
890
1079
  export { Select }
891
1080
 
892
1081
  export { SelectContent }
@@ -925,6 +1114,10 @@ export { SheetTitle }
925
1114
 
926
1115
  export { SheetTrigger }
927
1116
 
1117
+ export { Show }
1118
+
1119
+ export { ShowProps }
1120
+
928
1121
  export { Sidebar }
929
1122
 
930
1123
  export { SidebarContent }
@@ -957,12 +1150,34 @@ export { Slider }
957
1150
 
958
1151
  export { Sonner }
959
1152
 
1153
+ export { Spacer }
1154
+
1155
+ export { SpacerProps }
1156
+
1157
+ export { Stack }
1158
+
1159
+ export { StackProps }
1160
+
960
1161
  export { StandardLogo }
961
1162
 
962
1163
  export { StandardNavigation }
963
1164
 
1165
+ export { StepItem }
1166
+
1167
+ export { Stepper }
1168
+
1169
+ export { StepperProps }
1170
+
964
1171
  export { Switch }
965
1172
 
1173
+ export { SystemBar }
1174
+
1175
+ export { SystemBarAction }
1176
+
1177
+ export { SystemBarIcon }
1178
+
1179
+ export { SystemBarSpacer }
1180
+
966
1181
  export { Tab }
967
1182
 
968
1183
  export { Table }
@@ -1001,6 +1216,10 @@ export { Text_2 as Text }
1001
1216
 
1002
1217
  export { Textarea }
1003
1218
 
1219
+ export { Timeline }
1220
+
1221
+ export { TimelineItem }
1222
+
1004
1223
  export { Toast }
1005
1224
 
1006
1225
  export { ToastAction }