sherick-ui 2.8.0 → 2.9.0

package/dist/styles.css

@@ -404,10 +404,6 @@
     margin-top: -0.625rem;
     margin-bottom: -0.625rem
 }
-:where(.sui-scope).-my-\[0\.6875rem\] {
-    margin-top: -0.6875rem;
-    margin-bottom: -0.6875rem
-}
 :where(.sui-scope).mx-3 {
     margin-left: 0.75rem;
     margin-right: 0.75rem
@@ -622,9 +618,6 @@
 :where(.sui-scope).h-8 {
     height: 2rem
 }
-:where(.sui-scope).h-\[1\.375rem\] {
-    height: 1.375rem
-}
 :where(.sui-scope).h-\[1lh\] {
     height: 1lh
 }
@@ -1274,9 +1267,6 @@
 :where(.sui-scope).p-1 {
     padding: 0.25rem
 }
-:where(.sui-scope).p-1\.5 {
-    padding: 0.375rem
-}
 :where(.sui-scope).p-2 {
     padding: 0.5rem
 }
@@ -2663,6 +2653,13 @@
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
+@media (prefers-reduced-motion: no-preference) {
+    :where(.sui-scope).motion-safe\:\[\&\.w-full\:not\(\[data-disabled\]\2c \:disabled\2c \:has\(\>\[role\=combobox\]\[data-disabled\]\)\)\]\:active\:scale-\[0\.985\]:active.w-full:not([data-disabled],:disabled,:has(>[role=combobox][data-disabled])) {
+        --tw-scale-x: 0.985;
+        --tw-scale-y: 0.985;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+    }
+}
 :where(.sui-scope).\[\&\:has\(\+div\:not\(\[data-open\]\)\:hover\)\]\:opacity-0:has(+div:not([data-open]):hover) {
     opacity: 0
 }
@@ -2749,6 +2746,15 @@
 :where(.sui-scope).\[\&\[data-ending-style\]\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(var\(--sui-toast-from-y\2c 150\%\)\)\][data-ending-style]:not([data-swipe-direction]) {
     transform: translateY(var(--sui-toast-from-y,150%))
 }
+:where(.sui-scope).\[\&_\*\]\:\[stroke-width\:1\.5px\] * {
+    stroke-width: 1.5px
+}
+:where(.sui-scope).\[\&_\*\]\:\[stroke-width\:1\.75px\] * {
+    stroke-width: 1.75px
+}
+:where(.sui-scope).\[\&_\*\]\:\[vector-effect\:non-scaling-stroke\] * {
+    vector-effect: non-scaling-stroke
+}
 :focus-visible>:where(.sui-scope).\[\:focus-visible\>\&\]\:ring-2 {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

package/dist/types/dev.d.cts

@@ -100,9 +100,11 @@ declare const type: {
         readonly normal: "text-[0.9375rem] leading-[1.375rem]";
         readonly prominent: "text-lg";
     };
+    readonly label: "text-sm leading-5 font-medium";
+    readonly body: "text-sm leading-6";
     readonly supporting: "text-[0.8125rem] leading-5";
     readonly caption: "text-xs leading-4";
-    readonly title: "text-[0.9375rem] leading-[1.375rem] font-semibold tracking-[-0.011em]";
+    readonly title: "text-base leading-6 font-semibold tracking-[-0.011em]";
     readonly heading: "text-xl leading-7 font-semibold tracking-[-0.02em]";
     readonly numeric: "tabular-nums";
 };
@@ -119,6 +121,10 @@ declare const iconSlot: {
     readonly normal: "inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5";
     readonly prominent: "inline-flex size-6 shrink-0 items-center justify-center [&>svg]:size-6";
 };
+declare const iconStroke: {
+    readonly glyph: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.5px]";
+    readonly mark: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.75px]";
+};
 declare const stacking: {
     readonly float: "z-50";
     readonly notification: "z-[60]";
@@ -196,7 +202,10 @@ declare const tone: {
         success: string;
     };
 };
-declare const currentDestination = "bg-sherick-primary-soft text-sherick-ink font-medium";
+declare const currentDestination: {
+    readonly row: "bg-sherick-primary-soft text-sherick-ink font-medium";
+    readonly inTrack: "bg-sherick-primary-selected text-sherick-primary font-semibold";
+};
 declare const puck = "bg-sherick-puck";
 declare const selectableRowSurface: string;
 declare const selectableRowSupporting = "group-has-[[data-checked]]:text-sherick-ink";
@@ -247,10 +256,16 @@ declare const recipeAlphas: {
     };
 };
 declare const fieldLayout = "flex min-w-0 w-full flex-col [overflow-wrap:anywhere]";
+declare const fieldLabel: string;
 declare const fieldMessage: {
     readonly description: string;
     readonly error: string;
 };
+declare const codeWell = "bg-sherick-canvas/[0.28]";
+declare const richText: {
+    readonly quoteRule: "border-sherick-primary/[0.45]";
+    readonly linkUnderline: "decoration-sherick-primary/[0.35] hover:decoration-sherick-primary";
+};
 
 type MotionIntent = "feedback" | "tactile" | "arrive" | "orient" | "relocate" | "direct" | "disclose" | "presence" | "activity";
 /** Non-spatial feedback: hover, focus, field tone, a highlighted row, a filled surface.
@@ -348,5 +363,5 @@ declare const motionPresenceToast: string;
  */
 declare const cn: (...inputs: ClassValue[]) => string;
 
-export { cn, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
+export { cn, codeWell, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLabel, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, iconStroke, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, richText, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
 export type { MotionIntent };

package/dist/types/dev.d.ts

@@ -100,9 +100,11 @@ declare const type: {
         readonly normal: "text-[0.9375rem] leading-[1.375rem]";
         readonly prominent: "text-lg";
     };
+    readonly label: "text-sm leading-5 font-medium";
+    readonly body: "text-sm leading-6";
     readonly supporting: "text-[0.8125rem] leading-5";
     readonly caption: "text-xs leading-4";
-    readonly title: "text-[0.9375rem] leading-[1.375rem] font-semibold tracking-[-0.011em]";
+    readonly title: "text-base leading-6 font-semibold tracking-[-0.011em]";
     readonly heading: "text-xl leading-7 font-semibold tracking-[-0.02em]";
     readonly numeric: "tabular-nums";
 };
@@ -119,6 +121,10 @@ declare const iconSlot: {
     readonly normal: "inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5";
     readonly prominent: "inline-flex size-6 shrink-0 items-center justify-center [&>svg]:size-6";
 };
+declare const iconStroke: {
+    readonly glyph: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.5px]";
+    readonly mark: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.75px]";
+};
 declare const stacking: {
     readonly float: "z-50";
     readonly notification: "z-[60]";
@@ -196,7 +202,10 @@ declare const tone: {
         success: string;
     };
 };
-declare const currentDestination = "bg-sherick-primary-soft text-sherick-ink font-medium";
+declare const currentDestination: {
+    readonly row: "bg-sherick-primary-soft text-sherick-ink font-medium";
+    readonly inTrack: "bg-sherick-primary-selected text-sherick-primary font-semibold";
+};
 declare const puck = "bg-sherick-puck";
 declare const selectableRowSurface: string;
 declare const selectableRowSupporting = "group-has-[[data-checked]]:text-sherick-ink";
@@ -247,10 +256,16 @@ declare const recipeAlphas: {
     };
 };
 declare const fieldLayout = "flex min-w-0 w-full flex-col [overflow-wrap:anywhere]";
+declare const fieldLabel: string;
 declare const fieldMessage: {
     readonly description: string;
     readonly error: string;
 };
+declare const codeWell = "bg-sherick-canvas/[0.28]";
+declare const richText: {
+    readonly quoteRule: "border-sherick-primary/[0.45]";
+    readonly linkUnderline: "decoration-sherick-primary/[0.35] hover:decoration-sherick-primary";
+};
 
 type MotionIntent = "feedback" | "tactile" | "arrive" | "orient" | "relocate" | "direct" | "disclose" | "presence" | "activity";
 /** Non-spatial feedback: hover, focus, field tone, a highlighted row, a filled surface.
@@ -348,5 +363,5 @@ declare const motionPresenceToast: string;
  */
 declare const cn: (...inputs: ClassValue[]) => string;
 
-export { cn, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
+export { cn, codeWell, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLabel, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, iconStroke, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, richText, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
 export type { MotionIntent };

package/dist/types/index.d.cts

@@ -304,7 +304,17 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     variant?: Variant;
 }
-declare const Card: ({ children, variant, className, ...props }: CardProps) => React__default.JSX.Element;
+interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    /** The heading level is the host document's business, so it is a prop rather than a fixed level. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CardComponent = ((props: CardProps) => React__default.JSX.Element) & {
+    Title: (props: CardTitleProps) => React__default.ReactElement;
+    Description: (props: CardDescriptionProps) => React__default.JSX.Element;
+};
+declare const Card: CardComponent;
 
 interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "type"> {
     checked?: boolean;
@@ -1306,6 +1316,14 @@ interface PopoverTriggerProps {
     /** Adds to the rendered element. The trigger writes no visual rules of its own. */
     className?: string;
 }
+interface PopoverTitleProps {
+    children: ReactNode;
+    className?: string;
+}
+interface PopoverDescriptionProps {
+    children: ReactNode;
+    className?: string;
+}
 interface PopoverContentProps {
     children: ReactNode;
     /** Adds to the popup's own shell. The sheet's material, shape and elevation are the recipe's. */
@@ -1331,9 +1349,13 @@ interface PopoverContentProps {
 type PopoverComponent = ((props: PopoverProps) => React__default.JSX.Element) & {
     Trigger: typeof PopoverTrigger;
     Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
 };
 declare const PopoverTrigger: ({ ...props }: PopoverTriggerProps) => React__default.JSX.Element;
 declare const PopoverContent: ({ children, className, side, align, sideOffset, alignOffset, }: PopoverContentProps) => React__default.JSX.Element;
+declare const PopoverTitle: ({ children, className }: PopoverTitleProps) => React__default.JSX.Element;
+declare const PopoverDescription: ({ children, className }: PopoverDescriptionProps) => React__default.JSX.Element;
 declare const Popover: PopoverComponent;
 
 interface ProgressProps extends Omit<ComponentProps<"div">, "children">, Pick<Progress$1.Root.Props, "min" | "max" | "format" | "locale" | "getAriaValueText"> {
@@ -1891,4 +1913,4 @@ interface DirectionProviderProps {
 declare const DirectionProvider: ({ direction, children }: DirectionProviderProps) => React__default.JSX.Element;
 
 export { Accordion, Alert, AlertDialog, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapsible, Combobox, Command, CommandPalette, DatePicker, DateRangePicker, DateTimePicker, Dialog, DirectionProvider, Divider, Drawer, Field, FileUpload, Form, IconButton, Input, Media, Menu, NavGroup, NavItem, NumberField, Pagination, Popover, Progress, RadioGroup, Search, SegmentedControl, Select, Skeleton, Slider, Spinner, Stepper, Switch, Table, Tabs, Textarea, ToastProvider, ToastViewport, ToggleGroup, Tooltip, TreeView, createToastManager, useToast };
-export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };
+export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardDescriptionProps, CardProps, CardTitleProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };

package/dist/types/index.d.ts

@@ -304,7 +304,17 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     variant?: Variant;
 }
-declare const Card: ({ children, variant, className, ...props }: CardProps) => React__default.JSX.Element;
+interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    /** The heading level is the host document's business, so it is a prop rather than a fixed level. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CardComponent = ((props: CardProps) => React__default.JSX.Element) & {
+    Title: (props: CardTitleProps) => React__default.ReactElement;
+    Description: (props: CardDescriptionProps) => React__default.JSX.Element;
+};
+declare const Card: CardComponent;
 
 interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "type"> {
     checked?: boolean;
@@ -1306,6 +1316,14 @@ interface PopoverTriggerProps {
     /** Adds to the rendered element. The trigger writes no visual rules of its own. */
     className?: string;
 }
+interface PopoverTitleProps {
+    children: ReactNode;
+    className?: string;
+}
+interface PopoverDescriptionProps {
+    children: ReactNode;
+    className?: string;
+}
 interface PopoverContentProps {
     children: ReactNode;
     /** Adds to the popup's own shell. The sheet's material, shape and elevation are the recipe's. */
@@ -1331,9 +1349,13 @@ interface PopoverContentProps {
 type PopoverComponent = ((props: PopoverProps) => React__default.JSX.Element) & {
     Trigger: typeof PopoverTrigger;
     Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
 };
 declare const PopoverTrigger: ({ ...props }: PopoverTriggerProps) => React__default.JSX.Element;
 declare const PopoverContent: ({ children, className, side, align, sideOffset, alignOffset, }: PopoverContentProps) => React__default.JSX.Element;
+declare const PopoverTitle: ({ children, className }: PopoverTitleProps) => React__default.JSX.Element;
+declare const PopoverDescription: ({ children, className }: PopoverDescriptionProps) => React__default.JSX.Element;
 declare const Popover: PopoverComponent;
 
 interface ProgressProps extends Omit<ComponentProps<"div">, "children">, Pick<Progress$1.Root.Props, "min" | "max" | "format" | "locale" | "getAriaValueText"> {
@@ -1891,4 +1913,4 @@ interface DirectionProviderProps {
 declare const DirectionProvider: ({ direction, children }: DirectionProviderProps) => React__default.JSX.Element;
 
 export { Accordion, Alert, AlertDialog, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapsible, Combobox, Command, CommandPalette, DatePicker, DateRangePicker, DateTimePicker, Dialog, DirectionProvider, Divider, Drawer, Field, FileUpload, Form, IconButton, Input, Media, Menu, NavGroup, NavItem, NumberField, Pagination, Popover, Progress, RadioGroup, Search, SegmentedControl, Select, Skeleton, Slider, Spinner, Stepper, Switch, Table, Tabs, Textarea, ToastProvider, ToastViewport, ToggleGroup, Tooltip, TreeView, createToastManager, useToast };
-export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };
+export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardDescriptionProps, CardProps, CardTitleProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sherick-ui",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "A React component library in graphite and iris, with light and dark themes.",
   "repository": {
     "type": "git",