npm - @puzzle-ui/ui - Versions diffs - 0.4.0 → 0.5.1 - Mend

@puzzle-ui/ui 0.4.0 → 0.5.1

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 (163) hide show

package/dist/components/utilities/transition/index.d.cts CHANGED Viewed

@@ -23,5 +23,5 @@ type TransitionProps<T extends ElementType = "div"> = {
   onExit?: () => void;
   onExited?: () => void;
 } & Omit<ComponentPropsWithoutRef<T>, "as" | "children" | "className">;
-declare const Transition: <T extends ElementType = "div">({ visible, children, as, template, enterFrom: enterFromProp, enterTo: enterToProp, exitTo: exitToProp, className, duration, unmountOnExit, forceMount, onEnter, onEntered, onExit, onExited, ...restProps }: TransitionProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | (string | number | bigint | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>)[] | null | undefined;
+declare const Transition: <T extends ElementType = "div">({ visible, children, as, template, enterFrom: enterFromProp, enterTo: enterToProp, exitTo: exitToProp, className, duration, unmountOnExit, forceMount, onEnter, onEntered, onExit, onExited, ...restProps }: TransitionProps<T>) => (string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>)[] | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined;
 export { Transition, type TransitionPhase, type TransitionProps, type TransitionTemplate };

package/dist/components/utilities/transition/index.d.ts CHANGED Viewed

@@ -23,5 +23,5 @@ type TransitionProps<T extends ElementType = "div"> = {
   onExit?: () => void;
   onExited?: () => void;
 } & Omit<ComponentPropsWithoutRef<T>, "as" | "children" | "className">;
-declare const Transition: <T extends ElementType = "div">({ visible, children, as, template, enterFrom: enterFromProp, enterTo: enterToProp, exitTo: exitToProp, className, duration, unmountOnExit, forceMount, onEnter, onEntered, onExit, onExited, ...restProps }: TransitionProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | (string | number | bigint | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>)[] | null | undefined;
+declare const Transition: <T extends ElementType = "div">({ visible, children, as, template, enterFrom: enterFromProp, enterTo: enterToProp, exitTo: exitToProp, className, duration, unmountOnExit, forceMount, onEnter, onEntered, onExit, onExited, ...restProps }: TransitionProps<T>) => (string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>)[] | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined;
 export { Transition, type TransitionPhase, type TransitionProps, type TransitionTemplate };

package/dist/index.cjs CHANGED Viewed

@@ -11,54 +11,61 @@ const require_index$8 = require("./components/data-display/image/index.cjs");
 const require_index$9 = require("./components/data-display/paper/index.cjs");
 const require_circular_progress = require("./components/data-display/progress/circular-progress.cjs");
 const require_linear_progress = require("./components/data-display/progress/linear-progress.cjs");
-const require_index$10 = require("./components/data-display/skeleton/index.cjs");
-const require_index$11 = require("./components/editors/text-editor/index.cjs");
+const require_index$10 = require("./components/data-display/rating/index.cjs");
+const require_index$11 = require("./components/data-display/skeleton/index.cjs");
+const require_index$12 = require("./components/editors/text-editor/index.cjs");
 const require_text_editor_toolbar = require("./components/editors/text-editor/text-editor-toolbar.cjs");
 const require_text_renderer = require("./components/editors/text-editor/text-renderer.cjs");
-const require_index$12 = require("./components/forms/autocomplete/index.cjs");
-const require_index$13 = require("./components/forms/checkbox/index.cjs");
-const require_index$14 = require("./components/forms/color-picker/index.cjs");
-const require_index$15 = require("./components/forms/date-picker/index.cjs");
-const require_index$16 = require("./components/forms/file-upload/index.cjs");
-const require_index$17 = require("./components/forms/form-field/index.cjs");
+const require_index$13 = require("./components/forms/autocomplete/index.cjs");
+const require_index$14 = require("./components/forms/checkbox/index.cjs");
+const require_index$15 = require("./components/forms/color-picker/index.cjs");
+const require_index$16 = require("./components/forms/date-picker/index.cjs");
+const require_index$17 = require("./components/forms/file-upload/index.cjs");
+const require_index$18 = require("./components/forms/form-field/index.cjs");
 const require_input_group = require("./components/forms/input-group/input-group.cjs");
 const require_number_input = require("./components/forms/input/number-input.cjs");
 const require_text_area_input = require("./components/forms/input/text-area-input.cjs");
 const require_text_input = require("./components/forms/input/text-input.cjs");
-const require_index$18 = require("./components/forms/label/index.cjs");
-const require_index$19 = require("./components/forms/radio-group/index.cjs");
-const require_index$20 = require("./components/forms/select/index.cjs");
-const require_index$21 = require("./components/forms/slider/index.cjs");
-const require_index$22 = require("./components/forms/stepper/index.cjs");
-const require_index$23 = require("./components/forms/switch/index.cjs");
-const require_index$24 = require("./components/layout/app-bar/index.cjs");
-const require_index$25 = require("./components/layout/background/index.cjs");
-const require_index$26 = require("./components/layout/bottom-navigation/index.cjs");
-const require_index$27 = require("./components/layout/breadcrumbs/index.cjs");
-const require_index$28 = require("./components/layout/collapsable-sidebar/index.cjs");
-const require_index$29 = require("./components/layout/container/index.cjs");
-const require_index$30 = require("./components/layout/page-layout/index.cjs");
-const require_index$31 = require("./components/layout/resizable-panels/index.cjs");
-const require_index$32 = require("./components/layout/section/index.cjs");
-const require_index$33 = require("./components/layout/section-stack/index.cjs");
-const require_index$34 = require("./components/layout/sidebar/index.cjs");
-const require_index$35 = require("./components/layout/stack/index.cjs");
-const require_index$36 = require("./components/navigation/accordion/index.cjs");
-const require_index$37 = require("./components/navigation/carousel/index.cjs");
+const require_index$19 = require("./components/forms/label/index.cjs");
+const require_index$20 = require("./components/forms/radio-group/index.cjs");
+const require_index$21 = require("./components/forms/select/index.cjs");
+const require_index$22 = require("./components/forms/slider/index.cjs");
+const require_index$23 = require("./components/forms/stepper/index.cjs");
+const require_index$24 = require("./components/forms/switch/index.cjs");
+const require_index$25 = require("./components/forms/time-picker/index.cjs");
+const require_index$26 = require("./components/forms/token-input/index.cjs");
+const require_index$27 = require("./components/layout/app-bar/index.cjs");
+const require_index$28 = require("./components/layout/aspect-ratio/index.cjs");
+const require_index$29 = require("./components/layout/background/index.cjs");
+const require_index$30 = require("./components/layout/bottom-navigation/index.cjs");
+const require_index$31 = require("./components/layout/breadcrumbs/index.cjs");
+const require_index$32 = require("./components/layout/collapsable-sidebar/index.cjs");
+const require_index$33 = require("./components/layout/container/index.cjs");
+const require_index$34 = require("./components/layout/page-layout/index.cjs");
+const require_index$35 = require("./components/layout/resizable-panels/index.cjs");
+const require_index$36 = require("./components/layout/scroll-area/index.cjs");
+const require_index$37 = require("./components/layout/section/index.cjs");
+const require_index$38 = require("./components/layout/section-stack/index.cjs");
+const require_index$39 = require("./components/layout/separator/index.cjs");
+const require_index$40 = require("./components/layout/sidebar/index.cjs");
+const require_index$41 = require("./components/layout/stack/index.cjs");
+const require_index$42 = require("./components/navigation/accordion/index.cjs");
+const require_index$43 = require("./components/navigation/carousel/index.cjs");
 const require_controller = require("./components/navigation/carousel/controller.cjs");
-const require_index$38 = require("./components/navigation/link/index.cjs");
-const require_index$39 = require("./components/navigation/pagination/index.cjs");
-const require_index$40 = require("./components/navigation/tabs/index.cjs");
-const require_index$41 = require("./components/navigation/tree-view/index.cjs");
-const require_index$42 = require("./components/overlays/backdrop/index.cjs");
-const require_index$43 = require("./components/overlays/command/index.cjs");
-const require_index$44 = require("./components/overlays/dialog/index.cjs");
-const require_index$45 = require("./components/overlays/drawer/index.cjs");
-const require_index$46 = require("./components/overlays/dropdown-menu/index.cjs");
-const require_index$47 = require("./components/overlays/notification/index.cjs");
-const require_index$48 = require("./components/overlays/popout/index.cjs");
-const require_index$49 = require("./components/overlays/portal/index.cjs");
-const require_index$50 = require("./components/overlays/popover/index.cjs");
+const require_index$44 = require("./components/navigation/link/index.cjs");
+const require_index$45 = require("./components/navigation/pagination/index.cjs");
+const require_index$46 = require("./components/navigation/tabs/index.cjs");
+const require_index$47 = require("./components/navigation/tree-view/index.cjs");
+const require_index$48 = require("./components/overlays/backdrop/index.cjs");
+const require_index$49 = require("./components/overlays/command/index.cjs");
+const require_index$50 = require("./components/overlays/context-menu/index.cjs");
+const require_index$51 = require("./components/overlays/dialog/index.cjs");
+const require_index$52 = require("./components/overlays/drawer/index.cjs");
+const require_index$53 = require("./components/overlays/dropdown-menu/index.cjs");
+const require_index$54 = require("./components/overlays/notification/index.cjs");
+const require_index$55 = require("./components/overlays/popout/index.cjs");
+const require_index$56 = require("./components/overlays/portal/index.cjs");
+const require_index$57 = require("./components/overlays/popover/index.cjs");
 const require_dropdown_menu_content = require("./components/overlays/dropdown-menu/dropdown-menu-content.cjs");
 const require_dropdown_menu_trigger = require("./components/overlays/dropdown-menu/dropdown-menu-trigger.cjs");
 const require_dropdown_menu_items = require("./components/overlays/dropdown-menu/dropdown-menu-items.cjs");
@@ -66,23 +73,24 @@ const require_dropdown_menu_radio = require("./components/overlays/dropdown-menu
 const require_target = require("./components/overlays/portal/target.cjs");
 const require_notification_provider = require("./components/overlays/notification/notification-provider.cjs");
 const require_use_notification = require("./components/overlays/notification/use-notification.cjs");
-const require_index$51 = require("./components/overlays/tooltip/index.cjs");
+const require_index$58 = require("./components/overlays/tooltip/index.cjs");
 const require_text = require("./components/typography/text.cjs");
 const require_heading = require("./components/typography/heading.cjs");
-const require_index$52 = require("./components/utilities/preview/index.cjs");
-const require_index$53 = require("./components/utilities/scroll-lock/index.cjs");
-const require_index$54 = require("./components/utilities/transition/index.cjs");
-exports.Accordion = require_index$36.Accordion;
+const require_index$59 = require("./components/utilities/preview/index.cjs");
+const require_index$60 = require("./components/utilities/scroll-lock/index.cjs");
+const require_index$61 = require("./components/utilities/transition/index.cjs");
+exports.Accordion = require_index$42.Accordion;
 exports.Alert = require_index$3.Alert;
-exports.AppBar = require_index$24.AppBar;
-exports.Autocomplete = require_index$12.Autocomplete;
+exports.AppBar = require_index$27.AppBar;
+exports.AspectRatio = require_index$28.AspectRatio;
+exports.Autocomplete = require_index$13.Autocomplete;
 exports.Avatar = require_index$4.Avatar;
-exports.Backdrop = require_index$42.Backdrop;
-exports.Background = require_index$25.Background;
+exports.Backdrop = require_index$48.Backdrop;
+exports.Background = require_index$29.Background;
 exports.Badge = require_index$5.Badge;
-exports.BottomNavigation = require_index$26.BottomNavigation;
-exports.BottomNavigationItem = require_index$26.BottomNavigationItem;
-exports.Breadcrumbs = require_index$27.Breadcrumbs;
+exports.BottomNavigation = require_index$30.BottomNavigation;
+exports.BottomNavigationItem = require_index$30.BottomNavigationItem;
+exports.Breadcrumbs = require_index$31.Breadcrumbs;
 exports.Button = require_index.Button;
 exports.ButtonGroup = require_index$1.ButtonGroup;
 exports.Card = require_index$6.Card;
@@ -93,19 +101,32 @@ exports.CardFooter = require_index$6.CardFooter;
 exports.CardHeader = require_index$6.CardHeader;
 exports.CardMedia = require_index$6.CardMedia;
 exports.CardTitle = require_index$6.CardTitle;
-exports.Carousel = require_index$37.Carousel;
+exports.Carousel = require_index$43.Carousel;
 exports.CarouselController = require_controller.CarouselController;
-exports.Checkbox = require_index$13.Checkbox;
+exports.Checkbox = require_index$14.Checkbox;
 exports.CircularProgress = require_circular_progress.CircularProgress;
-exports.CollapsableSidebar = require_index$28.CollapsableSidebar;
-exports.ColorPicker = require_index$14.ColorPicker;
-exports.Command = require_index$43.Command;
-exports.CommandDialog = require_index$43.CommandDialog;
-exports.Container = require_index$29.Container;
-exports.DatePicker = require_index$15.DatePicker;
-exports.Dialog = require_index$44.Dialog;
-exports.Drawer = require_index$45.Drawer;
-exports.DropdownMenu = require_index$46.DropdownMenu;
+exports.CollapsableSidebar = require_index$32.CollapsableSidebar;
+exports.ColorPicker = require_index$15.ColorPicker;
+exports.Command = require_index$49.Command;
+exports.CommandDialog = require_index$49.CommandDialog;
+exports.Container = require_index$33.Container;
+exports.ContextMenu = require_index$50.ContextMenu;
+exports.ContextMenuCheckboxItem = require_index$50.ContextMenuCheckboxItem;
+exports.ContextMenuContent = require_index$50.ContextMenuContent;
+exports.ContextMenuGroup = require_index$50.ContextMenuGroup;
+exports.ContextMenuItem = require_index$50.ContextMenuItem;
+exports.ContextMenuLabel = require_index$50.ContextMenuLabel;
+exports.ContextMenuRadioGroup = require_index$50.ContextMenuRadioGroup;
+exports.ContextMenuRadioItem = require_index$50.ContextMenuRadioItem;
+exports.ContextMenuSeparator = require_index$50.ContextMenuSeparator;
+exports.ContextMenuSub = require_index$50.ContextMenuSub;
+exports.ContextMenuSubContent = require_index$50.ContextMenuSubContent;
+exports.ContextMenuSubTrigger = require_index$50.ContextMenuSubTrigger;
+exports.ContextMenuTrigger = require_index$50.ContextMenuTrigger;
+exports.DatePicker = require_index$16.DatePicker;
+exports.Dialog = require_index$51.Dialog;
+exports.Drawer = require_index$52.Drawer;
+exports.DropdownMenu = require_index$53.DropdownMenu;
 exports.DropdownMenuCheckboxItem = require_dropdown_menu_items.DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = require_dropdown_menu_content.DropdownMenuContent;
 exports.DropdownMenuGroup = require_dropdown_menu_items.DropdownMenuGroup;
@@ -121,52 +142,57 @@ exports.EmptyStateDescription = require_index$7.EmptyStateDescription;
 exports.EmptyStateHeader = require_index$7.EmptyStateHeader;
 exports.EmptyStateMedia = require_index$7.EmptyStateMedia;
 exports.EmptyStateTitle = require_index$7.EmptyStateTitle;
-exports.FileUpload = require_index$16.FileUpload;
-exports.FormField = require_index$17.FormField;
+exports.FileUpload = require_index$17.FileUpload;
+exports.FormField = require_index$18.FormField;
 exports.Heading = require_heading.Heading;
 exports.Image = require_index$8.Image;
 exports.InputGroup = require_input_group.InputGroup;
-exports.Label = require_index$18.Label;
+exports.Label = require_index$19.Label;
 exports.LinearProgress = require_linear_progress.LinearProgress;
-exports.Link = require_index$38.Link;
-exports.Notification = require_index$47.Notification;
+exports.Link = require_index$44.Link;
+exports.Notification = require_index$54.Notification;
 exports.NotificationProvider = require_notification_provider.NotificationProvider;
-exports.NotificationViewport = require_index$47.NotificationViewport;
+exports.NotificationViewport = require_index$54.NotificationViewport;
 exports.NumberInput = require_number_input.NumberInput;
-exports.PageLayout = require_index$30.PageLayout;
-exports.Pagination = require_index$39.Pagination;
+exports.PageLayout = require_index$34.PageLayout;
+exports.Pagination = require_index$45.Pagination;
 exports.Paper = require_index$9.Paper;
-exports.Popout = require_index$48.Popout;
-exports.Popover = require_index$50.Popover;
-exports.Portal = require_index$49.Portal;
+exports.Popout = require_index$55.Popout;
+exports.Popover = require_index$57.Popover;
+exports.Portal = require_index$56.Portal;
 exports.PortalTarget = require_target.PortalTarget;
-exports.Preview = require_index$52.Preview;
-exports.Radio = require_index$19.Radio;
-exports.RadioGroup = require_index$19.RadioGroup;
-exports.ResizableHandle = require_index$31.ResizableHandle;
-exports.ResizablePanel = require_index$31.ResizablePanel;
-exports.ResizablePanels = require_index$31.ResizablePanels;
-exports.ScrollLock = require_index$53.ScrollLock;
-exports.Section = require_index$32.Section;
-exports.SectionStack = require_index$33.SectionStack;
-exports.Select = require_index$20.Select;
-exports.Sidebar = require_index$34.Sidebar;
-exports.Skeleton = require_index$10.Skeleton;
-exports.Slider = require_index$21.Slider;
-exports.Stack = require_index$35.Stack;
-exports.Stepper = require_index$22.Stepper;
-exports.Switch = require_index$23.Switch;
-exports.Tabs = require_index$40.Tabs;
-exports.TabsTab = require_index$40.TabsTab;
+exports.Preview = require_index$59.Preview;
+exports.Radio = require_index$20.Radio;
+exports.RadioGroup = require_index$20.RadioGroup;
+exports.Rating = require_index$10.Rating;
+exports.ResizableHandle = require_index$35.ResizableHandle;
+exports.ResizablePanel = require_index$35.ResizablePanel;
+exports.ResizablePanels = require_index$35.ResizablePanels;
+exports.ScrollArea = require_index$36.ScrollArea;
+exports.ScrollLock = require_index$60.ScrollLock;
+exports.Section = require_index$37.Section;
+exports.SectionStack = require_index$38.SectionStack;
+exports.Select = require_index$21.Select;
+exports.Separator = require_index$39.Separator;
+exports.Sidebar = require_index$40.Sidebar;
+exports.Skeleton = require_index$11.Skeleton;
+exports.Slider = require_index$22.Slider;
+exports.Stack = require_index$41.Stack;
+exports.Stepper = require_index$23.Stepper;
+exports.Switch = require_index$24.Switch;
+exports.Tabs = require_index$46.Tabs;
+exports.TabsTab = require_index$46.TabsTab;
 exports.Text = require_text.Text;
 exports.TextAreaInput = require_text_area_input.TextAreaInput;
-exports.TextEditor = require_index$11.TextEditor;
+exports.TextEditor = require_index$12.TextEditor;
 exports.TextEditorToolbar = require_text_editor_toolbar.TextEditorToolbar;
 exports.TextInput = require_text_input.TextInput;
 exports.TextRenderer = require_text_renderer.TextRenderer;
+exports.TimePicker = require_index$25.TimePicker;
 exports.ToggleGroup = require_index$2.ToggleGroup;
-exports.Tooltip = require_index$51.Tooltip;
-exports.Transition = require_index$54.Transition;
-exports.TreeView = require_index$41.TreeView;
+exports.TokenInput = require_index$26.TokenInput;
+exports.Tooltip = require_index$58.Tooltip;
+exports.Transition = require_index$61.Transition;
+exports.TreeView = require_index$47.TreeView;
 exports.useCarouselContext = require_controller.useCarouselContext;
 exports.useNotification = require_use_notification.useNotification;

package/dist/index.d.cts CHANGED Viewed

@@ -7,7 +7,7 @@ import { ToggleGroup } from "./components/actions/toggle-group/index.cjs";
 import { AlertProps, AlertSeverity, AlertVariant } from "./components/data-display/alert/alert.types.cjs";
 import { Alert } from "./components/data-display/alert/index.cjs";
 import { Avatar, AvatarProps, AvatarShape } from "./components/data-display/avatar/index.cjs";
-import { AnchorOrigin, AnchorOverlap, Badge, BadgeColor, BadgeProps } from "./components/data-display/badge/index.cjs";
+import { AnchorOffset, AnchorOrigin, AnchorOverlap, Badge, BadgeColor, BadgeProps } from "./components/data-display/badge/index.cjs";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardOrientation, CardPartProps, CardProps, CardSize, CardTitle, CardVariant } from "./components/data-display/card/index.cjs";
 import { EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateMediaProps, EmptyStateMediaVariant, EmptyStateProps, EmptyStateSize, EmptyStateTitle, EmptyStateVariant } from "./components/data-display/empty-state/index.cjs";
 import { ImageFit, ImagePlaceholder, ImageProps, ImageRadius, ImageSource, ImageSourceData, ImageSourceSet } from "./components/data-display/image/image.types.cjs";
@@ -16,6 +16,8 @@ import { Paper, PaperProps } from "./components/data-display/paper/index.cjs";
 import { ProgressProps } from "./components/data-display/progress/types.cjs";
 import { CircularProgress, CircularProgressProps, CircularProgressSize } from "./components/data-display/progress/circular-progress.cjs";
 import { LinearProgress, LinearProgressProps } from "./components/data-display/progress/linear-progress.cjs";
+import { RatingProps, RatingSize } from "./components/data-display/rating/rating.types.cjs";
+import { Rating } from "./components/data-display/rating/index.cjs";
 import { Skeleton, SkeletonProps, SkeletonRadius } from "./components/data-display/skeleton/index.cjs";
 import { TextEditor, TextEditorProps } from "./components/editors/text-editor/index.cjs";
 import { TextEditorToolbar, TextEditorToolbarProps } from "./components/editors/text-editor/text-editor-toolbar.cjs";
@@ -45,7 +47,12 @@ import { Select, SelectMultipleProps, SelectOption, SelectProps, SelectSinglePro
 import { Slider, SliderMark, SliderProps, SliderSize } from "./components/forms/slider/index.cjs";
 import { Stepper, StepperOrientation, StepperProps, StepperStepProps } from "./components/forms/stepper/index.cjs";
 import { Switch, SwitchProps, SwitchSize } from "./components/forms/switch/index.cjs";
+import { TimePicker } from "./components/forms/time-picker/index.cjs";
+import { TimePickerProps, TimePickerSize } from "./components/forms/time-picker/time-picker.types.cjs";
+import { TokenInput } from "./components/forms/token-input/index.cjs";
+import { TokenInputMode, TokenInputProps, TokenInputSize } from "./components/forms/token-input/token-input.types.cjs";
 import { AppBar, AppBarNavigationItem, AppBarProps } from "./components/layout/app-bar/index.cjs";
+import { AspectRatio, AspectRatioProps } from "./components/layout/aspect-ratio/index.cjs";
 import { Background, BackgroundFade, BackgroundMeshColors, BackgroundPattern, BackgroundProps } from "./components/layout/background/index.cjs";
 import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps } from "./components/layout/bottom-navigation/index.cjs";
 import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/layout/breadcrumbs/index.cjs";
@@ -53,9 +60,13 @@ import { CollapsableSidebar, CollapsableSidebarEntry, CollapsableSidebarExpansio
 import { Container, ContainerProps } from "./components/layout/container/index.cjs";
 import { PageLayout, PageLayoutProps, SidebarPlacement } from "./components/layout/page-layout/index.cjs";
 import { ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelProps, ResizablePanels, ResizablePanelsOrientation, ResizablePanelsProps } from "./components/layout/resizable-panels/index.cjs";
+import { ScrollArea, ScrollAreaProps } from "./components/layout/scroll-area/index.cjs";
+import { ScrollAreaOrientation } from "./components/layout/scroll-area/scroll-area.utils.cjs";
 import { Section } from "./components/layout/section/index.cjs";
 import { SectionProps, SectionTheme } from "./components/layout/section/types.cjs";
 import { SectionStack, SectionStackProps } from "./components/layout/section-stack/index.cjs";
+import { Separator, SeparatorProps } from "./components/layout/separator/index.cjs";
+import { SeparatorOrientation } from "./components/layout/separator/separator.utils.cjs";
 import { Sidebar, SidebarProps } from "./components/layout/sidebar/index.cjs";
 import { ResponsiveDirection, Stack, StackCrossAlignment, StackMainAlignment, StackProps } from "./components/layout/stack/index.cjs";
 import { Accordion, AccordionItemData, AccordionItemId, AccordionProps, AccordionType, AccordionValue } from "./components/navigation/accordion/index.cjs";
@@ -69,6 +80,8 @@ import { TreeView, TreeViewItem, TreeViewItemState, TreeViewProps, TreeViewSelec
 import { Backdrop, BackdropProps } from "./components/overlays/backdrop/index.cjs";
 import { Command, CommandDialog } from "./components/overlays/command/index.cjs";
 import { CommandDialogProps, CommandItem, CommandProps } from "./components/overlays/command/command.types.cjs";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub as ContextMenuSubCompound, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/overlays/context-menu/index.cjs";
+import { ContextMenuCheckboxItemProps, ContextMenuCheckedState, ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuItemVariant, ContextMenuLabelProps, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSeparatorProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps } from "./components/overlays/context-menu/context-menu.types.cjs";
 import { Dialog, DialogProps } from "./components/overlays/dialog/index.cjs";
 import { Drawer, DrawerProps } from "./components/overlays/drawer/index.cjs";
 import { DropdownMenu as CompoundDropdownMenu } from "./components/overlays/dropdown-menu/index.cjs";
@@ -91,4 +104,4 @@ import { Heading, HeadingLevel, HeadingProps } from "./components/typography/hea
 import { Preview, PreviewAlign, PreviewDevice, PreviewJustify, PreviewProps } from "./components/utilities/preview/index.cjs";
 import { ScrollLock, ScrollLockProps } from "./components/utilities/scroll-lock/index.cjs";
 import { Transition, TransitionPhase, TransitionProps, TransitionTemplate } from "./components/utilities/transition/index.cjs";
-export { Accordion, type AccordionItemData, type AccordionItemId, type AccordionProps, type AccordionType, type AccordionValue, Alert, type AlertProps, type AlertSeverity, type AlertVariant, type AnchorOrigin, type AnchorOverlap, AppBar, type AppBarNavigationItem, type AppBarProps, Autocomplete, type AutocompleteInputChangeReason, type AutocompleteMultipleProps, type AutocompleteOption, type AutocompleteOptionRenderState, type AutocompleteProps, type AutocompleteSingleProps, type AutocompleteSize, type AutocompleteValue, Avatar, type AvatarProps, type AvatarShape, Backdrop, type BackdropProps, Background, type BackgroundFade, type BackgroundMeshColors, type BackgroundPattern, type BackgroundProps, Badge, type BadgeColor, type BadgeProps, BottomNavigation, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, type CardOrientation, type CardPartProps, type CardProps, type CardSize, CardTitle, type CardVariant, Carousel, type CarouselAlignment, type CarouselAlignmentConfig, type CarouselButtonAlignment, type CarouselContextValue, CarouselController, type CarouselControllerProps, type CarouselPagerAlignment, type CarouselProps, Checkbox, type CheckboxProps, type CheckboxSize, CircularProgress, type CircularProgressProps, type CircularProgressSize, CollapsableSidebar, type CollapsableSidebarEntry, type CollapsableSidebarExpansion, type CollapsableSidebarGroup, type CollapsableSidebarItem, type CollapsableSidebarProps, ColorPicker, type ColorPickerFormat, type ColorPickerProps, type ColorPickerSwatch, Command, CommandDialog, type CommandDialogProps, type CommandItem, type CommandProps, Container, type ContainerProps, DatePicker, type DatePickerProps, type DatePickerSize, Dialog, type DialogProps, Drawer, type DrawerProps, CompoundDropdownMenu as DropdownMenu, type DropdownMenuAlignment, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, type DropdownMenuCheckedState, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuPosition, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, type EmptyStateMediaProps, type EmptyStateMediaVariant, type EmptyStateProps, type EmptyStateSize, EmptyStateTitle, type EmptyStateVariant, FileUpload, type FileUploadItem, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionCode, type FileUploadStatus, type FileUploadUploadContext, type FileUploadUploadHandler, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, Image, type ImageFit, type ImagePlaceholder, type ImageProps, type ImageRadius, type ImageSource, type ImageSourceData, type ImageSourceSet, InputGroup, type InputGroupAddonAlign, type InputGroupAddonProps, type InputGroupProps, Label, type LabelProps, LinearProgress, type LinearProgressProps, Link, type LinkProps, Notification, type NotificationAction, type NotificationInput, type NotificationItem, type NotificationOptions, type NotificationPosition, type NotificationProps, NotificationProvider, type NotificationProviderProps, type NotificationSeverity, NotificationViewport, type NotificationViewportProps, NumberInput, type NumberInputProps, PageLayout, type PageLayoutProps, type PagerAlignmentConfig, Pagination, type PaginationProps, Paper, type PaperProps, Popout, type PopoutAction, type PopoutAlignment, type PopoutPosition, type PopoutProps, type PopoutTriggerProps, Popover, type PopoverProps, Portal, type PortalProps, PortalTarget, type PortalTargetProps, Preview, type PreviewAlign, type PreviewDevice, type PreviewJustify, type PreviewProps, type ProgressProps, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, type ResizablePanelProps, ResizablePanels, type ResizablePanelsOrientation, type ResizablePanelsProps, type ResponsiveDirection, ScrollLock, type ScrollLockProps, Section, type SectionProps, SectionStack, type SectionStackProps, type SectionTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, type SelectSize, Sidebar, type SidebarItemBase, type SidebarPlacement, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonRadius, Slider, type SliderMark, type SliderProps, type SliderSize, Stack, type StackCrossAlignment, type StackMainAlignment, type StackProps, Stepper, type StepperOrientation, type StepperProps, type StepperStepProps, Switch, type SwitchProps, type SwitchSize, Tabs, type TabsPosition, type TabsProps, TabsTab, type TabsTabProps, Text, type TextAlign, TextAreaInput, type TextAreaInputProps, type TextBlock, type TextBlockType, type TextBlockVariant, type TextDocument, TextEditor, type TextEditorProps, TextEditorToolbar, type TextEditorToolbarProps, type TextInline, TextInput, type TextInputProps, type TextInputType, type TextListType, type TextMark, type TextPoint, type TextProps, TextRenderer, type TextRendererProps, type TextSelection, type TextType, ToggleGroup, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupOrientation, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleGroupSize, Tooltip, type TooltipArrowSide, type TooltipContentProps, type TooltipProps, Transition, type TransitionPhase, type TransitionProps, type TransitionTemplate, TreeView, type TreeViewItem, type TreeViewItemState, type TreeViewProps, type TreeViewSelectionMode, type TreeViewSize, type WithClickHandler, type WithLink, useCarouselContext, useNotification };
+export { Accordion, type AccordionItemData, type AccordionItemId, type AccordionProps, type AccordionType, type AccordionValue, Alert, type AlertProps, type AlertSeverity, type AlertVariant, type AnchorOffset, type AnchorOrigin, type AnchorOverlap, AppBar, type AppBarNavigationItem, type AppBarProps, AspectRatio, type AspectRatioProps, Autocomplete, type AutocompleteInputChangeReason, type AutocompleteMultipleProps, type AutocompleteOption, type AutocompleteOptionRenderState, type AutocompleteProps, type AutocompleteSingleProps, type AutocompleteSize, type AutocompleteValue, Avatar, type AvatarProps, type AvatarShape, Backdrop, type BackdropProps, Background, type BackgroundFade, type BackgroundMeshColors, type BackgroundPattern, type BackgroundProps, Badge, type BadgeColor, type BadgeProps, BottomNavigation, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, type CardOrientation, type CardPartProps, type CardProps, type CardSize, CardTitle, type CardVariant, Carousel, type CarouselAlignment, type CarouselAlignmentConfig, type CarouselButtonAlignment, type CarouselContextValue, CarouselController, type CarouselControllerProps, type CarouselPagerAlignment, type CarouselProps, Checkbox, type CheckboxProps, type CheckboxSize, CircularProgress, type CircularProgressProps, type CircularProgressSize, CollapsableSidebar, type CollapsableSidebarEntry, type CollapsableSidebarExpansion, type CollapsableSidebarGroup, type CollapsableSidebarItem, type CollapsableSidebarProps, ColorPicker, type ColorPickerFormat, type ColorPickerProps, type ColorPickerSwatch, Command, CommandDialog, type CommandDialogProps, type CommandItem, type CommandProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, type ContextMenuCheckedState, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, type ContextMenuItemVariant, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSubCompound as ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DatePickerSize, Dialog, type DialogProps, Drawer, type DrawerProps, CompoundDropdownMenu as DropdownMenu, type DropdownMenuAlignment, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, type DropdownMenuCheckedState, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuPosition, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, type EmptyStateMediaProps, type EmptyStateMediaVariant, type EmptyStateProps, type EmptyStateSize, EmptyStateTitle, type EmptyStateVariant, FileUpload, type FileUploadItem, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionCode, type FileUploadStatus, type FileUploadUploadContext, type FileUploadUploadHandler, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, Image, type ImageFit, type ImagePlaceholder, type ImageProps, type ImageRadius, type ImageSource, type ImageSourceData, type ImageSourceSet, InputGroup, type InputGroupAddonAlign, type InputGroupAddonProps, type InputGroupProps, Label, type LabelProps, LinearProgress, type LinearProgressProps, Link, type LinkProps, Notification, type NotificationAction, type NotificationInput, type NotificationItem, type NotificationOptions, type NotificationPosition, type NotificationProps, NotificationProvider, type NotificationProviderProps, type NotificationSeverity, NotificationViewport, type NotificationViewportProps, NumberInput, type NumberInputProps, PageLayout, type PageLayoutProps, type PagerAlignmentConfig, Pagination, type PaginationProps, Paper, type PaperProps, Popout, type PopoutAction, type PopoutAlignment, type PopoutPosition, type PopoutProps, type PopoutTriggerProps, Popover, type PopoverProps, Portal, type PortalProps, PortalTarget, type PortalTargetProps, Preview, type PreviewAlign, type PreviewDevice, type PreviewJustify, type PreviewProps, type ProgressProps, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RadioProps, Rating, type RatingProps, type RatingSize, ResizableHandle, type ResizableHandleProps, ResizablePanel, type ResizablePanelProps, ResizablePanels, type ResizablePanelsOrientation, type ResizablePanelsProps, type ResponsiveDirection, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, ScrollLock, type ScrollLockProps, Section, type SectionProps, SectionStack, type SectionStackProps, type SectionTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, type SelectSize, Separator, type SeparatorOrientation, type SeparatorProps, Sidebar, type SidebarItemBase, type SidebarPlacement, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonRadius, Slider, type SliderMark, type SliderProps, type SliderSize, Stack, type StackCrossAlignment, type StackMainAlignment, type StackProps, Stepper, type StepperOrientation, type StepperProps, type StepperStepProps, Switch, type SwitchProps, type SwitchSize, Tabs, type TabsPosition, type TabsProps, TabsTab, type TabsTabProps, Text, type TextAlign, TextAreaInput, type TextAreaInputProps, type TextBlock, type TextBlockType, type TextBlockVariant, type TextDocument, TextEditor, type TextEditorProps, TextEditorToolbar, type TextEditorToolbarProps, type TextInline, TextInput, type TextInputProps, type TextInputType, type TextListType, type TextMark, type TextPoint, type TextProps, TextRenderer, type TextRendererProps, type TextSelection, type TextType, TimePicker, type TimePickerProps, type TimePickerSize, ToggleGroup, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupOrientation, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleGroupSize, TokenInput, type TokenInputMode, type TokenInputProps, type TokenInputSize, Tooltip, type TooltipArrowSide, type TooltipContentProps, type TooltipProps, Transition, type TransitionPhase, type TransitionProps, type TransitionTemplate, TreeView, type TreeViewItem, type TreeViewItemState, type TreeViewProps, type TreeViewSelectionMode, type TreeViewSize, type WithClickHandler, type WithLink, useCarouselContext, useNotification };

package/dist/index.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import { ToggleGroup } from "./components/actions/toggle-group/index.js";
 import { AlertProps, AlertSeverity, AlertVariant } from "./components/data-display/alert/alert.types.js";
 import { Alert } from "./components/data-display/alert/index.js";
 import { Avatar, AvatarProps, AvatarShape } from "./components/data-display/avatar/index.js";
-import { AnchorOrigin, AnchorOverlap, Badge, BadgeColor, BadgeProps } from "./components/data-display/badge/index.js";
+import { AnchorOffset, AnchorOrigin, AnchorOverlap, Badge, BadgeColor, BadgeProps } from "./components/data-display/badge/index.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardOrientation, CardPartProps, CardProps, CardSize, CardTitle, CardVariant } from "./components/data-display/card/index.js";
 import { EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateMediaProps, EmptyStateMediaVariant, EmptyStateProps, EmptyStateSize, EmptyStateTitle, EmptyStateVariant } from "./components/data-display/empty-state/index.js";
 import { ImageFit, ImagePlaceholder, ImageProps, ImageRadius, ImageSource, ImageSourceData, ImageSourceSet } from "./components/data-display/image/image.types.js";
@@ -16,6 +16,8 @@ import { Paper, PaperProps } from "./components/data-display/paper/index.js";
 import { ProgressProps } from "./components/data-display/progress/types.js";
 import { CircularProgress, CircularProgressProps, CircularProgressSize } from "./components/data-display/progress/circular-progress.js";
 import { LinearProgress, LinearProgressProps } from "./components/data-display/progress/linear-progress.js";
+import { RatingProps, RatingSize } from "./components/data-display/rating/rating.types.js";
+import { Rating } from "./components/data-display/rating/index.js";
 import { Skeleton, SkeletonProps, SkeletonRadius } from "./components/data-display/skeleton/index.js";
 import { TextEditor, TextEditorProps } from "./components/editors/text-editor/index.js";
 import { TextEditorToolbar, TextEditorToolbarProps } from "./components/editors/text-editor/text-editor-toolbar.js";
@@ -45,7 +47,12 @@ import { Select, SelectMultipleProps, SelectOption, SelectProps, SelectSinglePro
 import { Slider, SliderMark, SliderProps, SliderSize } from "./components/forms/slider/index.js";
 import { Stepper, StepperOrientation, StepperProps, StepperStepProps } from "./components/forms/stepper/index.js";
 import { Switch, SwitchProps, SwitchSize } from "./components/forms/switch/index.js";
+import { TimePicker } from "./components/forms/time-picker/index.js";
+import { TimePickerProps, TimePickerSize } from "./components/forms/time-picker/time-picker.types.js";
+import { TokenInput } from "./components/forms/token-input/index.js";
+import { TokenInputMode, TokenInputProps, TokenInputSize } from "./components/forms/token-input/token-input.types.js";
 import { AppBar, AppBarNavigationItem, AppBarProps } from "./components/layout/app-bar/index.js";
+import { AspectRatio, AspectRatioProps } from "./components/layout/aspect-ratio/index.js";
 import { Background, BackgroundFade, BackgroundMeshColors, BackgroundPattern, BackgroundProps } from "./components/layout/background/index.js";
 import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps } from "./components/layout/bottom-navigation/index.js";
 import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/layout/breadcrumbs/index.js";
@@ -53,9 +60,13 @@ import { CollapsableSidebar, CollapsableSidebarEntry, CollapsableSidebarExpansio
 import { Container, ContainerProps } from "./components/layout/container/index.js";
 import { PageLayout, PageLayoutProps, SidebarPlacement } from "./components/layout/page-layout/index.js";
 import { ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelProps, ResizablePanels, ResizablePanelsOrientation, ResizablePanelsProps } from "./components/layout/resizable-panels/index.js";
+import { ScrollArea, ScrollAreaProps } from "./components/layout/scroll-area/index.js";
+import { ScrollAreaOrientation } from "./components/layout/scroll-area/scroll-area.utils.js";
 import { Section } from "./components/layout/section/index.js";
 import { SectionProps, SectionTheme } from "./components/layout/section/types.js";
 import { SectionStack, SectionStackProps } from "./components/layout/section-stack/index.js";
+import { Separator, SeparatorProps } from "./components/layout/separator/index.js";
+import { SeparatorOrientation } from "./components/layout/separator/separator.utils.js";
 import { Sidebar, SidebarProps } from "./components/layout/sidebar/index.js";
 import { ResponsiveDirection, Stack, StackCrossAlignment, StackMainAlignment, StackProps } from "./components/layout/stack/index.js";
 import { Accordion, AccordionItemData, AccordionItemId, AccordionProps, AccordionType, AccordionValue } from "./components/navigation/accordion/index.js";
@@ -69,6 +80,8 @@ import { TreeView, TreeViewItem, TreeViewItemState, TreeViewProps, TreeViewSelec
 import { Backdrop, BackdropProps } from "./components/overlays/backdrop/index.js";
 import { Command, CommandDialog } from "./components/overlays/command/index.js";
 import { CommandDialogProps, CommandItem, CommandProps } from "./components/overlays/command/command.types.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub as ContextMenuSubCompound, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/overlays/context-menu/index.js";
+import { ContextMenuCheckboxItemProps, ContextMenuCheckedState, ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuItemVariant, ContextMenuLabelProps, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSeparatorProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps } from "./components/overlays/context-menu/context-menu.types.js";
 import { Dialog, DialogProps } from "./components/overlays/dialog/index.js";
 import { Drawer, DrawerProps } from "./components/overlays/drawer/index.js";
 import { DropdownMenu as CompoundDropdownMenu } from "./components/overlays/dropdown-menu/index.js";
@@ -91,4 +104,4 @@ import { Heading, HeadingLevel, HeadingProps } from "./components/typography/hea
 import { Preview, PreviewAlign, PreviewDevice, PreviewJustify, PreviewProps } from "./components/utilities/preview/index.js";
 import { ScrollLock, ScrollLockProps } from "./components/utilities/scroll-lock/index.js";
 import { Transition, TransitionPhase, TransitionProps, TransitionTemplate } from "./components/utilities/transition/index.js";
-export { Accordion, type AccordionItemData, type AccordionItemId, type AccordionProps, type AccordionType, type AccordionValue, Alert, type AlertProps, type AlertSeverity, type AlertVariant, type AnchorOrigin, type AnchorOverlap, AppBar, type AppBarNavigationItem, type AppBarProps, Autocomplete, type AutocompleteInputChangeReason, type AutocompleteMultipleProps, type AutocompleteOption, type AutocompleteOptionRenderState, type AutocompleteProps, type AutocompleteSingleProps, type AutocompleteSize, type AutocompleteValue, Avatar, type AvatarProps, type AvatarShape, Backdrop, type BackdropProps, Background, type BackgroundFade, type BackgroundMeshColors, type BackgroundPattern, type BackgroundProps, Badge, type BadgeColor, type BadgeProps, BottomNavigation, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, type CardOrientation, type CardPartProps, type CardProps, type CardSize, CardTitle, type CardVariant, Carousel, type CarouselAlignment, type CarouselAlignmentConfig, type CarouselButtonAlignment, type CarouselContextValue, CarouselController, type CarouselControllerProps, type CarouselPagerAlignment, type CarouselProps, Checkbox, type CheckboxProps, type CheckboxSize, CircularProgress, type CircularProgressProps, type CircularProgressSize, CollapsableSidebar, type CollapsableSidebarEntry, type CollapsableSidebarExpansion, type CollapsableSidebarGroup, type CollapsableSidebarItem, type CollapsableSidebarProps, ColorPicker, type ColorPickerFormat, type ColorPickerProps, type ColorPickerSwatch, Command, CommandDialog, type CommandDialogProps, type CommandItem, type CommandProps, Container, type ContainerProps, DatePicker, type DatePickerProps, type DatePickerSize, Dialog, type DialogProps, Drawer, type DrawerProps, CompoundDropdownMenu as DropdownMenu, type DropdownMenuAlignment, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, type DropdownMenuCheckedState, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuPosition, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, type EmptyStateMediaProps, type EmptyStateMediaVariant, type EmptyStateProps, type EmptyStateSize, EmptyStateTitle, type EmptyStateVariant, FileUpload, type FileUploadItem, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionCode, type FileUploadStatus, type FileUploadUploadContext, type FileUploadUploadHandler, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, Image, type ImageFit, type ImagePlaceholder, type ImageProps, type ImageRadius, type ImageSource, type ImageSourceData, type ImageSourceSet, InputGroup, type InputGroupAddonAlign, type InputGroupAddonProps, type InputGroupProps, Label, type LabelProps, LinearProgress, type LinearProgressProps, Link, type LinkProps, Notification, type NotificationAction, type NotificationInput, type NotificationItem, type NotificationOptions, type NotificationPosition, type NotificationProps, NotificationProvider, type NotificationProviderProps, type NotificationSeverity, NotificationViewport, type NotificationViewportProps, NumberInput, type NumberInputProps, PageLayout, type PageLayoutProps, type PagerAlignmentConfig, Pagination, type PaginationProps, Paper, type PaperProps, Popout, type PopoutAction, type PopoutAlignment, type PopoutPosition, type PopoutProps, type PopoutTriggerProps, Popover, type PopoverProps, Portal, type PortalProps, PortalTarget, type PortalTargetProps, Preview, type PreviewAlign, type PreviewDevice, type PreviewJustify, type PreviewProps, type ProgressProps, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, type ResizablePanelProps, ResizablePanels, type ResizablePanelsOrientation, type ResizablePanelsProps, type ResponsiveDirection, ScrollLock, type ScrollLockProps, Section, type SectionProps, SectionStack, type SectionStackProps, type SectionTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, type SelectSize, Sidebar, type SidebarItemBase, type SidebarPlacement, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonRadius, Slider, type SliderMark, type SliderProps, type SliderSize, Stack, type StackCrossAlignment, type StackMainAlignment, type StackProps, Stepper, type StepperOrientation, type StepperProps, type StepperStepProps, Switch, type SwitchProps, type SwitchSize, Tabs, type TabsPosition, type TabsProps, TabsTab, type TabsTabProps, Text, type TextAlign, TextAreaInput, type TextAreaInputProps, type TextBlock, type TextBlockType, type TextBlockVariant, type TextDocument, TextEditor, type TextEditorProps, TextEditorToolbar, type TextEditorToolbarProps, type TextInline, TextInput, type TextInputProps, type TextInputType, type TextListType, type TextMark, type TextPoint, type TextProps, TextRenderer, type TextRendererProps, type TextSelection, type TextType, ToggleGroup, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupOrientation, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleGroupSize, Tooltip, type TooltipArrowSide, type TooltipContentProps, type TooltipProps, Transition, type TransitionPhase, type TransitionProps, type TransitionTemplate, TreeView, type TreeViewItem, type TreeViewItemState, type TreeViewProps, type TreeViewSelectionMode, type TreeViewSize, type WithClickHandler, type WithLink, useCarouselContext, useNotification };
+export { Accordion, type AccordionItemData, type AccordionItemId, type AccordionProps, type AccordionType, type AccordionValue, Alert, type AlertProps, type AlertSeverity, type AlertVariant, type AnchorOffset, type AnchorOrigin, type AnchorOverlap, AppBar, type AppBarNavigationItem, type AppBarProps, AspectRatio, type AspectRatioProps, Autocomplete, type AutocompleteInputChangeReason, type AutocompleteMultipleProps, type AutocompleteOption, type AutocompleteOptionRenderState, type AutocompleteProps, type AutocompleteSingleProps, type AutocompleteSize, type AutocompleteValue, Avatar, type AvatarProps, type AvatarShape, Backdrop, type BackdropProps, Background, type BackgroundFade, type BackgroundMeshColors, type BackgroundPattern, type BackgroundProps, Badge, type BadgeColor, type BadgeProps, BottomNavigation, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, type CardOrientation, type CardPartProps, type CardProps, type CardSize, CardTitle, type CardVariant, Carousel, type CarouselAlignment, type CarouselAlignmentConfig, type CarouselButtonAlignment, type CarouselContextValue, CarouselController, type CarouselControllerProps, type CarouselPagerAlignment, type CarouselProps, Checkbox, type CheckboxProps, type CheckboxSize, CircularProgress, type CircularProgressProps, type CircularProgressSize, CollapsableSidebar, type CollapsableSidebarEntry, type CollapsableSidebarExpansion, type CollapsableSidebarGroup, type CollapsableSidebarItem, type CollapsableSidebarProps, ColorPicker, type ColorPickerFormat, type ColorPickerProps, type ColorPickerSwatch, Command, CommandDialog, type CommandDialogProps, type CommandItem, type CommandProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, type ContextMenuCheckedState, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, type ContextMenuItemVariant, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSubCompound as ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DatePickerSize, Dialog, type DialogProps, Drawer, type DrawerProps, CompoundDropdownMenu as DropdownMenu, type DropdownMenuAlignment, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, type DropdownMenuCheckedState, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuPosition, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, type EmptyStateMediaProps, type EmptyStateMediaVariant, type EmptyStateProps, type EmptyStateSize, EmptyStateTitle, type EmptyStateVariant, FileUpload, type FileUploadItem, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionCode, type FileUploadStatus, type FileUploadUploadContext, type FileUploadUploadHandler, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, Image, type ImageFit, type ImagePlaceholder, type ImageProps, type ImageRadius, type ImageSource, type ImageSourceData, type ImageSourceSet, InputGroup, type InputGroupAddonAlign, type InputGroupAddonProps, type InputGroupProps, Label, type LabelProps, LinearProgress, type LinearProgressProps, Link, type LinkProps, Notification, type NotificationAction, type NotificationInput, type NotificationItem, type NotificationOptions, type NotificationPosition, type NotificationProps, NotificationProvider, type NotificationProviderProps, type NotificationSeverity, NotificationViewport, type NotificationViewportProps, NumberInput, type NumberInputProps, PageLayout, type PageLayoutProps, type PagerAlignmentConfig, Pagination, type PaginationProps, Paper, type PaperProps, Popout, type PopoutAction, type PopoutAlignment, type PopoutPosition, type PopoutProps, type PopoutTriggerProps, Popover, type PopoverProps, Portal, type PortalProps, PortalTarget, type PortalTargetProps, Preview, type PreviewAlign, type PreviewDevice, type PreviewJustify, type PreviewProps, type ProgressProps, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RadioProps, Rating, type RatingProps, type RatingSize, ResizableHandle, type ResizableHandleProps, ResizablePanel, type ResizablePanelProps, ResizablePanels, type ResizablePanelsOrientation, type ResizablePanelsProps, type ResponsiveDirection, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, ScrollLock, type ScrollLockProps, Section, type SectionProps, SectionStack, type SectionStackProps, type SectionTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, type SelectSize, Separator, type SeparatorOrientation, type SeparatorProps, Sidebar, type SidebarItemBase, type SidebarPlacement, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonRadius, Slider, type SliderMark, type SliderProps, type SliderSize, Stack, type StackCrossAlignment, type StackMainAlignment, type StackProps, Stepper, type StepperOrientation, type StepperProps, type StepperStepProps, Switch, type SwitchProps, type SwitchSize, Tabs, type TabsPosition, type TabsProps, TabsTab, type TabsTabProps, Text, type TextAlign, TextAreaInput, type TextAreaInputProps, type TextBlock, type TextBlockType, type TextBlockVariant, type TextDocument, TextEditor, type TextEditorProps, TextEditorToolbar, type TextEditorToolbarProps, type TextInline, TextInput, type TextInputProps, type TextInputType, type TextListType, type TextMark, type TextPoint, type TextProps, TextRenderer, type TextRendererProps, type TextSelection, type TextType, TimePicker, type TimePickerProps, type TimePickerSize, ToggleGroup, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupOrientation, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleGroupSize, TokenInput, type TokenInputMode, type TokenInputProps, type TokenInputSize, Tooltip, type TooltipArrowSide, type TooltipContentProps, type TooltipProps, Transition, type TransitionPhase, type TransitionProps, type TransitionTemplate, TreeView, type TreeViewItem, type TreeViewItemState, type TreeViewProps, type TreeViewSelectionMode, type TreeViewSize, type WithClickHandler, type WithLink, useCarouselContext, useNotification };

package/dist/index.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { Image } from "./components/data-display/image/index.js";
 import { Paper } from "./components/data-display/paper/index.js";
 import { CircularProgress } from "./components/data-display/progress/circular-progress.js";
 import { LinearProgress } from "./components/data-display/progress/linear-progress.js";
+import { Rating } from "./components/data-display/rating/index.js";
 import { Skeleton } from "./components/data-display/skeleton/index.js";
 import { TextEditor } from "./components/editors/text-editor/index.js";
 import { TextEditorToolbar } from "./components/editors/text-editor/text-editor-toolbar.js";
@@ -30,7 +31,10 @@ import { Select } from "./components/forms/select/index.js";
 import { Slider } from "./components/forms/slider/index.js";
 import { Stepper } from "./components/forms/stepper/index.js";
 import { Switch } from "./components/forms/switch/index.js";
+import { TimePicker } from "./components/forms/time-picker/index.js";
+import { TokenInput } from "./components/forms/token-input/index.js";
 import { AppBar } from "./components/layout/app-bar/index.js";
+import { AspectRatio } from "./components/layout/aspect-ratio/index.js";
 import { Background } from "./components/layout/background/index.js";
 import { BottomNavigation, BottomNavigationItem } from "./components/layout/bottom-navigation/index.js";
 import { Breadcrumbs } from "./components/layout/breadcrumbs/index.js";
@@ -38,8 +42,10 @@ import { CollapsableSidebar } from "./components/layout/collapsable-sidebar/inde
 import { Container } from "./components/layout/container/index.js";
 import { PageLayout } from "./components/layout/page-layout/index.js";
 import { ResizableHandle, ResizablePanel, ResizablePanels } from "./components/layout/resizable-panels/index.js";
+import { ScrollArea } from "./components/layout/scroll-area/index.js";
 import { Section } from "./components/layout/section/index.js";
 import { SectionStack } from "./components/layout/section-stack/index.js";
+import { Separator } from "./components/layout/separator/index.js";
 import { Sidebar } from "./components/layout/sidebar/index.js";
 import { Stack } from "./components/layout/stack/index.js";
 import { Accordion } from "./components/navigation/accordion/index.js";
@@ -51,6 +57,7 @@ import { Tabs, TabsTab } from "./components/navigation/tabs/index.js";
 import { TreeView } from "./components/navigation/tree-view/index.js";
 import { Backdrop } from "./components/overlays/backdrop/index.js";
 import { Command, CommandDialog } from "./components/overlays/command/index.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub as ContextMenuSubCompound, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/overlays/context-menu/index.js";
 import { Dialog } from "./components/overlays/dialog/index.js";
 import { Drawer } from "./components/overlays/drawer/index.js";
 import { DropdownMenu as CompoundDropdownMenu } from "./components/overlays/dropdown-menu/index.js";
@@ -71,4 +78,4 @@ import { Heading } from "./components/typography/heading.js";
 import { Preview } from "./components/utilities/preview/index.js";
 import { ScrollLock } from "./components/utilities/scroll-lock/index.js";
 import { Transition } from "./components/utilities/transition/index.js";
-export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Background, Badge, BottomNavigation, BottomNavigationItem, Breadcrumbs, Button, ButtonGroup, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Carousel, CarouselController, Checkbox, CircularProgress, CollapsableSidebar, ColorPicker, Command, CommandDialog, Container, DatePicker, Dialog, Drawer, CompoundDropdownMenu as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, FileUpload, FormField, Heading, Image, InputGroup, Label, LinearProgress, Link, Notification, NotificationProvider, NotificationViewport, NumberInput, PageLayout, Pagination, Paper, Popout, Popover, Portal, PortalTarget, Preview, Radio, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanels, ScrollLock, Section, SectionStack, Select, Sidebar, Skeleton, Slider, Stack, Stepper, Switch, Tabs, TabsTab, Text, TextAreaInput, TextEditor, TextEditorToolbar, TextInput, TextRenderer, ToggleGroup, Tooltip, Transition, TreeView, useCarouselContext, useNotification };
+export { Accordion, Alert, AppBar, AspectRatio, Autocomplete, Avatar, Backdrop, Background, Badge, BottomNavigation, BottomNavigationItem, Breadcrumbs, Button, ButtonGroup, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Carousel, CarouselController, Checkbox, CircularProgress, CollapsableSidebar, ColorPicker, Command, CommandDialog, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSubCompound as ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, Dialog, Drawer, CompoundDropdownMenu as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, FileUpload, FormField, Heading, Image, InputGroup, Label, LinearProgress, Link, Notification, NotificationProvider, NotificationViewport, NumberInput, PageLayout, Pagination, Paper, Popout, Popover, Portal, PortalTarget, Preview, Radio, RadioGroup, Rating, ResizableHandle, ResizablePanel, ResizablePanels, ScrollArea, ScrollLock, Section, SectionStack, Select, Separator, Sidebar, Skeleton, Slider, Stack, Stepper, Switch, Tabs, TabsTab, Text, TextAreaInput, TextEditor, TextEditorToolbar, TextInput, TextRenderer, TimePicker, ToggleGroup, TokenInput, Tooltip, Transition, TreeView, useCarouselContext, useNotification };

package/package.json CHANGED Viewed

@@ -1,7 +1,12 @@
 {
   "name": "@puzzle-ui/ui",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "UI components for Puzzle",
+  "homepage": "https://puzzle-ui.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/senorprogramador/puzzle.git"
+  },
   "license": "MIT",
   "publishConfig": {
     "access": "public",
@@ -42,10 +47,10 @@
     "prepack": "tsdown"
   },
   "dependencies": {
-    "@puzzle-ui/core": "^0.4.0",
-    "@puzzle-ui/hooks": "^0.4.0",
-    "@puzzle-ui/icons": "^0.4.0",
-    "@puzzle-ui/theme": "^0.4.0"
+    "@puzzle-ui/core": "^0.5.1",
+    "@puzzle-ui/hooks": "^0.5.1",
+    "@puzzle-ui/icons": "^0.5.1",
+    "@puzzle-ui/theme": "^0.5.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -62,7 +67,7 @@
     "jsdom": "^26.1.0",
     "playwright": "^1.65.0",
     "tsdown": "^0.23.1",
-    "typescript": "^6.0.3",
+    "typescript": "^7.0.2",
     "vitest": "latest"
   }
 }