@medway-ui/core 1.10.2 → 1.11.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 (9) hide show
  1. package/dist/assets/css/tokens.css +72 -0
  2. package/dist/assets/js/tokens.ts +47 -0
  3. package/dist/index.d.mts +21 -3
  4. package/dist/index.d.ts +21 -3
  5. package/dist/index.js +2 -2
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +2 -2
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/assets/css/tokens.css CHANGED
@@ -314,6 +314,42 @@
314
314
  --color-state-active: var(--color-primary-16);
315
315
  --color-state-error: var(--color-red-16);
316
316
 
317
+ /* === Base feedback success colors === */
318
+ --color-feedback-success-foreground: var(--color-green-darken-3);
319
+ --color-feedback-success-foreground-emphasis: var(--color-green-darken-4);
320
+ --color-feedback-success-foreground-onfill: var(--color-white);
321
+ --color-feedback-success-stroke: var(--color-green);
322
+ --color-feedback-success-stroke-emphasis: var(--color-green-darken-2);
323
+ --color-feedback-success-background-fill: var(--color-green-darken-2);
324
+ --color-feedback-success-background-fill-emphasis: var(--color-green-darken-3);
325
+ --color-feedback-success-background-soft: var(--color-green-16);
326
+ --color-feedback-success-background-soft-emphasis: var(--color-green-12);
327
+ --color-feedback-success-background-soft-muted: var(--color-green-6);
328
+
329
+ /* === Base feedback error colors === */
330
+ --color-feedback-error-foreground: var(--color-red-darken-2);
331
+ --color-feedback-error-foreground-emphasis: var(--color-red-darken-3);
332
+ --color-feedback-error-foreground-onfill: var(--color-white);
333
+ --color-feedback-error-stroke: var(--color-red);
334
+ --color-feedback-error-stroke-emphasis: var(--color-red-darken-1);
335
+ --color-feedback-error-background-fill: var(--color-red-darken-1);
336
+ --color-feedback-error-background-fill-emphasis: var(--color-red-darken-2);
337
+ --color-feedback-error-background-soft: var(--color-red-12);
338
+ --color-feedback-error-background-soft-emphasis: var(--color-red-8);
339
+ --color-feedback-error-background-soft-muted: var(--color-red-4);
340
+
341
+ /* === Base feedback warning colors === */
342
+ --color-feedback-warning-foreground: var(--color-yellow-darken-4);
343
+ --color-feedback-warning-foreground-emphasis: var(--color-yellow-darken-5);
344
+ --color-feedback-warning-foreground-onfill: var(--color-yellow-darken-5);
345
+ --color-feedback-warning-stroke: var(--color-yellow-lighten-1);
346
+ --color-feedback-warning-stroke-emphasis: var(--color-yellow);
347
+ --color-feedback-warning-background-fill: var(--color-yellow-lighten-2);
348
+ --color-feedback-warning-background-fill-emphasis: var(--color-yellow);
349
+ --color-feedback-warning-background-soft: var(--color-yellow-24);
350
+ --color-feedback-warning-background-soft-emphasis: var(--color-yellow-16);
351
+ --color-feedback-warning-background-soft-muted: var(--color-yellow-8);
352
+
317
353
  /* === Base surfacecolors === */
318
354
  --color-surface-elevated: var(--color-white);
319
355
  --color-surface-card: var(--color-white);
@@ -592,6 +628,42 @@
592
628
  --color-state-active: var(--color-white-16);
593
629
  --color-state-error: var(--color-red-16);
594
630
 
631
+ /* === Base feedback success colors === */
632
+ --color-feedback-success-foreground: var(--color-green-lighten-4);
633
+ --color-feedback-success-foreground-emphasis: var(--color-green-lighten-6);
634
+ --color-feedback-success-foreground-onfill: var(--color-white);
635
+ --color-feedback-success-stroke: var(--color-green-darken-2);
636
+ --color-feedback-success-stroke-emphasis: var(--color-green);
637
+ --color-feedback-success-background-fill: var(--color-green-darken-3);
638
+ --color-feedback-success-background-fill-emphasis: var(--color-green-darken-2);
639
+ --color-feedback-success-background-soft: var(--color-green-8);
640
+ --color-feedback-success-background-soft-emphasis: var(--color-green-24);
641
+ --color-feedback-success-background-soft-muted: var(--color-green-16);
642
+
643
+ /* === Base feedback error colors === */
644
+ --color-feedback-error-foreground: var(--color-red-lighten-3);
645
+ --color-feedback-error-foreground-emphasis: var(--color-red-lighten-4);
646
+ --color-feedback-error-foreground-onfill: var(--color-white);
647
+ --color-feedback-error-stroke: var(--color-red-darken-1);
648
+ --color-feedback-error-stroke-emphasis: var(--color-red);
649
+ --color-feedback-error-background-fill: var(--color-red-darken-2);
650
+ --color-feedback-error-background-fill-emphasis: var(--color-red-darken-1);
651
+ --color-feedback-error-background-soft: var(--color-red-12);
652
+ --color-feedback-error-background-soft-emphasis: var(--color-red-24);
653
+ --color-feedback-error-background-soft-muted: var(--color-red-16);
654
+
655
+ /* === Base feedback warning colors === */
656
+ --color-feedback-warning-foreground: var(--color-yellow-lighten-2);
657
+ --color-feedback-warning-foreground-emphasis: var(--color-yellow-lighten-4);
658
+ --color-feedback-warning-foreground-onfill: var(--color-yellow-darken-5);
659
+ --color-feedback-warning-stroke: var(--color-yellow);
660
+ --color-feedback-warning-stroke-emphasis: var(--color-yellow-lighten-1);
661
+ --color-feedback-warning-background-fill: var(--color-yellow);
662
+ --color-feedback-warning-background-fill-emphasis: var(--color-yellow-lighten-2);
663
+ --color-feedback-warning-background-soft: var(--color-yellow-8);
664
+ --color-feedback-warning-background-soft-emphasis: var(--color-yellow-24);
665
+ --color-feedback-warning-background-soft-muted: var(--color-yellow-16);
666
+
595
667
  /* === Base content colors === */
596
668
  --color-content-title: var(--color-white);
597
669
  --color-content-paragraph: var(--color-gray-150);
package/dist/assets/js/tokens.ts CHANGED
@@ -18,6 +18,44 @@ export const colors = {
18
18
  active: "var(--color-state-active)",
19
19
  error: "var(--color-state-error)",
20
20
  },
21
+ feedback: {
22
+ success: {
23
+ foreground: "var(--color-feedback-success-foreground)",
24
+ "foreground-emphasis": "var(--color-feedback-success-foreground-emphasis)",
25
+ "foreground-onfill": "var(--color-feedback-success-foreground-onfill)",
26
+ stroke: "var(--color-feedback-success-stroke)",
27
+ "stroke-emphasis": "var(--color-feedback-success-stroke-emphasis)",
28
+ "background-fill": "var(--color-feedback-success-background-fill)",
29
+ "background-fill-emphasis": "var(--color-feedback-success-background-fill-emphasis)",
30
+ "background-soft": "var(--color-feedback-success-background-soft)",
31
+ "background-soft-emphasis": "var(--color-feedback-success-background-soft-emphasis)",
32
+ "background-soft-muted": "var(--color-feedback-success-background-soft-muted)",
33
+ },
34
+ error: {
35
+ foreground: "var(--color-feedback-error-foreground)",
36
+ "foreground-emphasis": "var(--color-feedback-error-foreground-emphasis)",
37
+ "foreground-onfill": "var(--color-feedback-error-foreground-onfill)",
38
+ stroke: "var(--color-feedback-error-stroke)",
39
+ "stroke-emphasis": "var(--color-feedback-error-stroke-emphasis)",
40
+ "background-fill": "var(--color-feedback-error-background-fill)",
41
+ "background-fill-emphasis": "var(--color-feedback-error-background-fill-emphasis)",
42
+ "background-soft": "var(--color-feedback-error-background-soft)",
43
+ "background-soft-emphasis": "var(--color-feedback-error-background-soft-emphasis)",
44
+ "background-soft-muted": "var(--color-feedback-error-background-soft-muted)",
45
+ },
46
+ warning: {
47
+ foreground: "var(--color-feedback-warning-foreground)",
48
+ "foreground-emphasis": "var(--color-feedback-warning-foreground-emphasis)",
49
+ "foreground-onfill": "var(--color-feedback-warning-foreground-onfill)",
50
+ stroke: "var(--color-feedback-warning-stroke)",
51
+ "stroke-emphasis": "var(--color-feedback-warning-stroke-emphasis)",
52
+ "background-fill": "var(--color-feedback-warning-background-fill)",
53
+ "background-fill-emphasis": "var(--color-feedback-warning-background-fill-emphasis)",
54
+ "background-soft": "var(--color-feedback-warning-background-soft)",
55
+ "background-soft-emphasis": "var(--color-feedback-warning-background-soft-emphasis)",
56
+ "background-soft-muted": "var(--color-feedback-warning-background-soft-muted)",
57
+ },
58
+ },
21
59
  surface: {
22
60
  elevated: "var(--color-surface-elevated)",
23
61
  card: "var(--color-surface-card)",
@@ -611,6 +649,14 @@ export const keyframes = {
611
649
  height: "var(--radix-collapsible-content-height)",
612
650
  },
613
651
  },
652
+ shine: {
653
+ from: {
654
+ backgroundPosition: "200% 0",
655
+ },
656
+ to: {
657
+ backgroundPosition: "-200% 0",
658
+ },
659
+ },
614
660
  "collapsible-up": {
615
661
  from: {
616
662
  height: "var(--radix-collapsible-content-height)",
@@ -644,4 +690,5 @@ export const animation = {
644
690
  "collapsible-up": "collapsible-up 0.2s ease-out",
645
691
  "fade-in": "fade-in 0.2s ease-out",
646
692
  "fade-out": "fade-out 0.2s ease-out",
693
+ shine: "shine 2s infinite linear",
647
694
  };
package/dist/index.d.mts CHANGED
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
- import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1, Switch as Switch$1 } from 'radix-ui';
5
+ import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1, Switch as Switch$1 } from 'radix-ui';
6
6
 
7
7
  interface AlertProps extends React.ComponentProps<"div"> {
8
8
  variant?: "regular" | "emphasis" | "success" | "warning" | "error";
@@ -57,11 +57,13 @@ declare const badgeVariants: (props?: ({
57
57
  variant?: "regular" | "warning" | "error" | "freemium" | null | undefined;
58
58
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
59
59
  } & class_variance_authority_types.ClassProp) | undefined) => string;
60
+ type BadgeAnimation = "shine";
60
61
  interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
61
62
  asChild?: boolean;
62
63
  icon?: React.ReactNode;
64
+ animation?: BadgeAnimation;
63
65
  }
64
- declare function Badge({ className, variant, size, icon, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
66
+ declare function Badge({ className, variant, size, icon, animation, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
65
67
 
66
68
  declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
67
69
  declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
@@ -349,6 +351,22 @@ declare function RankingButton({ children, className, onClick, ...props }: Ranki
349
351
  declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
350
352
  declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
351
353
 
354
+ declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
355
+ interface SelectLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
356
+ htmlFor?: string;
357
+ }
358
+ declare function SelectWrapper({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
359
+ declare function SelectLabel({ className, children, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
360
+ declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
361
+ declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
362
+ declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof Select$1.Trigger>): react_jsx_runtime.JSX.Element;
363
+ declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
364
+ declare function SelectHeader({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
365
+ declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
366
+ declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
367
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
368
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
369
+
352
370
  type SegmentSize = "sm" | "md" | "lg";
353
371
  declare function SegmentControl({ className, size, children, ...props }: React.ComponentProps<typeof Tabs$1.Root> & {
354
372
  size?: SegmentSize;
@@ -588,4 +606,4 @@ declare function TileDescription({ className, ...props }: React.ComponentProps<"
588
606
 
589
607
  declare function useIsMobile(): boolean;
590
608
 
591
- export { Alert, AlertActions, AlertButton, type AlertButtonProps, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, type AlertProps, AlertTitle, type AnimationType, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CardWeek, CardWeekActions, CardWeekBreadcrumb, type CardWeekBreadcrumbProps, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, type CardWeekProps, CardWeekStatus, CardWeekTags, CardWeekText, type CardWeekTextProps, CardWeekTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, type DialogContainerProps, DialogContent, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, type LabelProps, Loading, type LoadingProps, Logo, type LogoProps, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps, PaginationRoot, Progress, ProgressCircle, type ProgressCircleProps, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Ranking, RankingAssigneeGroup, type RankingAssigneeGroupProps, RankingAssigneeItem, type RankingAssigneeItemProps, RankingAssigneeLabel, type RankingAssigneeLabelProps, RankingAssigneesColumn, type RankingAssigneesColumnProps, RankingButton, type RankingButtonProps, RankingItem, type RankingItemProps, RankingNumber, type RankingNumberProps, RankingPercentage, type RankingPercentageProps, RankingPriority, type RankingPriorityProps, type RankingProps, RankingSpecialty, type RankingSpecialtyProps, RankingSuperFocus, type RankingSuperFocusProps, RankingTopic, RankingTopicColumn, type RankingTopicColumnProps, RankingTopicContent, type RankingTopicContentProps, type RankingTopicProps, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, type SegmentControlListProps, SegmentControlTrigger, type SegmentControlTriggerProps, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switch, type SwitchProps, Switcher, SwitcherContent, type SwitcherContentProps, SwitcherFooter, type SwitcherFooterProps, SwitcherGroup, type SwitcherGroupProps, SwitcherItem, type SwitcherItemProps, type SwitcherProps, SwitcherSeparator, SwitcherTrigger, type SwitcherTriggerProps, Tabs, TabsContent, TabsList, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, Tag, type TagProps, Tile, TileDescription, TileIcon, type TileProps, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertButtonVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, calculatePageNumbers, checkboxVariants, labelVariants, radioGroupVariants, segmentControlTriggerVariants, switchVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tagVariants, tileVariants, useIsMobile, useSidebar, useTabsContext };
609
+ export { Alert, AlertActions, AlertButton, type AlertButtonProps, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, type AlertProps, AlertTitle, type AnimationType, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeAnimation, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CardWeek, CardWeekActions, CardWeekBreadcrumb, type CardWeekBreadcrumbProps, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, type CardWeekProps, CardWeekStatus, CardWeekTags, CardWeekText, type CardWeekTextProps, CardWeekTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, type DialogContainerProps, DialogContent, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, type LabelProps, Loading, type LoadingProps, Logo, type LogoProps, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps, PaginationRoot, Progress, ProgressCircle, type ProgressCircleProps, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Ranking, RankingAssigneeGroup, type RankingAssigneeGroupProps, RankingAssigneeItem, type RankingAssigneeItemProps, RankingAssigneeLabel, type RankingAssigneeLabelProps, RankingAssigneesColumn, type RankingAssigneesColumnProps, RankingButton, type RankingButtonProps, RankingItem, type RankingItemProps, RankingNumber, type RankingNumberProps, RankingPercentage, type RankingPercentageProps, RankingPriority, type RankingPriorityProps, type RankingProps, RankingSpecialty, type RankingSpecialtyProps, RankingSuperFocus, type RankingSuperFocusProps, RankingTopic, RankingTopicColumn, type RankingTopicColumnProps, RankingTopicContent, type RankingTopicContentProps, type RankingTopicProps, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, type SegmentControlListProps, SegmentControlTrigger, type SegmentControlTriggerProps, Select, SelectContent, SelectGroup, SelectHeader, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectWrapper, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switch, type SwitchProps, Switcher, SwitcherContent, type SwitcherContentProps, SwitcherFooter, type SwitcherFooterProps, SwitcherGroup, type SwitcherGroupProps, SwitcherItem, type SwitcherItemProps, type SwitcherProps, SwitcherSeparator, SwitcherTrigger, type SwitcherTriggerProps, Tabs, TabsContent, TabsList, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, Tag, type TagProps, Tile, TileDescription, TileIcon, type TileProps, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertButtonVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, calculatePageNumbers, checkboxVariants, labelVariants, radioGroupVariants, segmentControlTriggerVariants, switchVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tagVariants, tileVariants, useIsMobile, useSidebar, useTabsContext };
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
- import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1, Switch as Switch$1 } from 'radix-ui';
5
+ import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1, Switch as Switch$1 } from 'radix-ui';
6
6
 
7
7
  interface AlertProps extends React.ComponentProps<"div"> {
8
8
  variant?: "regular" | "emphasis" | "success" | "warning" | "error";
@@ -57,11 +57,13 @@ declare const badgeVariants: (props?: ({
57
57
  variant?: "regular" | "warning" | "error" | "freemium" | null | undefined;
58
58
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
59
59
  } & class_variance_authority_types.ClassProp) | undefined) => string;
60
+ type BadgeAnimation = "shine";
60
61
  interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
61
62
  asChild?: boolean;
62
63
  icon?: React.ReactNode;
64
+ animation?: BadgeAnimation;
63
65
  }
64
- declare function Badge({ className, variant, size, icon, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
66
+ declare function Badge({ className, variant, size, icon, animation, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
65
67
 
66
68
  declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
67
69
  declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
@@ -349,6 +351,22 @@ declare function RankingButton({ children, className, onClick, ...props }: Ranki
349
351
  declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
350
352
  declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
351
353
 
354
+ declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
355
+ interface SelectLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
356
+ htmlFor?: string;
357
+ }
358
+ declare function SelectWrapper({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
359
+ declare function SelectLabel({ className, children, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
360
+ declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
361
+ declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
362
+ declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof Select$1.Trigger>): react_jsx_runtime.JSX.Element;
363
+ declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
364
+ declare function SelectHeader({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
365
+ declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
366
+ declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
367
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
368
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
369
+
352
370
  type SegmentSize = "sm" | "md" | "lg";
353
371
  declare function SegmentControl({ className, size, children, ...props }: React.ComponentProps<typeof Tabs$1.Root> & {
354
372
  size?: SegmentSize;
@@ -588,4 +606,4 @@ declare function TileDescription({ className, ...props }: React.ComponentProps<"
588
606
 
589
607
  declare function useIsMobile(): boolean;
590
608
 
591
- export { Alert, AlertActions, AlertButton, type AlertButtonProps, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, type AlertProps, AlertTitle, type AnimationType, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CardWeek, CardWeekActions, CardWeekBreadcrumb, type CardWeekBreadcrumbProps, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, type CardWeekProps, CardWeekStatus, CardWeekTags, CardWeekText, type CardWeekTextProps, CardWeekTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, type DialogContainerProps, DialogContent, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, type LabelProps, Loading, type LoadingProps, Logo, type LogoProps, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps, PaginationRoot, Progress, ProgressCircle, type ProgressCircleProps, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Ranking, RankingAssigneeGroup, type RankingAssigneeGroupProps, RankingAssigneeItem, type RankingAssigneeItemProps, RankingAssigneeLabel, type RankingAssigneeLabelProps, RankingAssigneesColumn, type RankingAssigneesColumnProps, RankingButton, type RankingButtonProps, RankingItem, type RankingItemProps, RankingNumber, type RankingNumberProps, RankingPercentage, type RankingPercentageProps, RankingPriority, type RankingPriorityProps, type RankingProps, RankingSpecialty, type RankingSpecialtyProps, RankingSuperFocus, type RankingSuperFocusProps, RankingTopic, RankingTopicColumn, type RankingTopicColumnProps, RankingTopicContent, type RankingTopicContentProps, type RankingTopicProps, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, type SegmentControlListProps, SegmentControlTrigger, type SegmentControlTriggerProps, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switch, type SwitchProps, Switcher, SwitcherContent, type SwitcherContentProps, SwitcherFooter, type SwitcherFooterProps, SwitcherGroup, type SwitcherGroupProps, SwitcherItem, type SwitcherItemProps, type SwitcherProps, SwitcherSeparator, SwitcherTrigger, type SwitcherTriggerProps, Tabs, TabsContent, TabsList, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, Tag, type TagProps, Tile, TileDescription, TileIcon, type TileProps, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertButtonVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, calculatePageNumbers, checkboxVariants, labelVariants, radioGroupVariants, segmentControlTriggerVariants, switchVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tagVariants, tileVariants, useIsMobile, useSidebar, useTabsContext };
609
+ export { Alert, AlertActions, AlertButton, type AlertButtonProps, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, type AlertProps, AlertTitle, type AnimationType, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeAnimation, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CardWeek, CardWeekActions, CardWeekBreadcrumb, type CardWeekBreadcrumbProps, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, type CardWeekProps, CardWeekStatus, CardWeekTags, CardWeekText, type CardWeekTextProps, CardWeekTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, type DialogContainerProps, DialogContent, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, type LabelProps, Loading, type LoadingProps, Logo, type LogoProps, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps, PaginationRoot, Progress, ProgressCircle, type ProgressCircleProps, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Ranking, RankingAssigneeGroup, type RankingAssigneeGroupProps, RankingAssigneeItem, type RankingAssigneeItemProps, RankingAssigneeLabel, type RankingAssigneeLabelProps, RankingAssigneesColumn, type RankingAssigneesColumnProps, RankingButton, type RankingButtonProps, RankingItem, type RankingItemProps, RankingNumber, type RankingNumberProps, RankingPercentage, type RankingPercentageProps, RankingPriority, type RankingPriorityProps, type RankingProps, RankingSpecialty, type RankingSpecialtyProps, RankingSuperFocus, type RankingSuperFocusProps, RankingTopic, RankingTopicColumn, type RankingTopicColumnProps, RankingTopicContent, type RankingTopicContentProps, type RankingTopicProps, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, type SegmentControlListProps, SegmentControlTrigger, type SegmentControlTriggerProps, Select, SelectContent, SelectGroup, SelectHeader, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectWrapper, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switch, type SwitchProps, Switcher, SwitcherContent, type SwitcherContentProps, SwitcherFooter, type SwitcherFooterProps, SwitcherGroup, type SwitcherGroupProps, SwitcherItem, type SwitcherItemProps, type SwitcherProps, SwitcherSeparator, SwitcherTrigger, type SwitcherTriggerProps, Tabs, TabsContent, TabsList, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, Tag, type TagProps, Tile, TileDescription, TileIcon, type TileProps, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertButtonVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, calculatePageNumbers, checkboxVariants, labelVariants, radioGroupVariants, segmentControlTriggerVariants, switchVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tagVariants, tileVariants, useIsMobile, useSidebar, useTabsContext };