@waveso/ui 0.15.0 → 0.15.1

package/dist/sidebar.d.ts

@@ -2,12 +2,9 @@ import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { Separator } from "./separator.js";
 import { TooltipContent } from "./tooltip.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/sidebar.d.ts
 /**
  * Persist sidebar state to a cookie.
@@ -60,168 +57,74 @@ type SidebarProviderProps = React.ComponentProps<"div"> & {
    * <SidebarProvider persist={(open) => saveToServer(open)}>
    * ```
    */
-  persist?: (open: boolean) => void; /** Key for Cmd/Ctrl+key toggle shortcut. Defaults to "b". Pass `false` to disable. */
-  keyboardShortcut?: string | false; /** Breakpoint (px) below which the sidebar uses a mobile drawer. Defaults to 768. */
+  persist?: (open: boolean) => void;
+  /** Key for Cmd/Ctrl+key toggle shortcut. Defaults to "b". Pass `false` to disable. */
+  keyboardShortcut?: string | false;
+  /** Breakpoint (px) below which the sidebar uses a mobile drawer. Defaults to 768. */
   mobileBreakpoint?: number;
 };
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  persist,
-  keyboardShortcut,
-  mobileBreakpoint,
-  className,
-  style,
-  children,
-  ...props
-}: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, persist, keyboardShortcut, mobileBreakpoint, className, style, children, ...props }: SidebarProviderProps): React.JSX.Element;
 type SidebarProps = React.ComponentProps<"div"> & {
   side?: "left" | "right";
   variant?: "sidebar" | "floating" | "inset";
   collapsible?: "offcanvas" | "icon" | "none";
 };
-declare function Sidebar({
-  side,
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: SidebarProps): _$react_jsx_runtime0.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): React.JSX.Element;
 type SidebarTriggerProps = React.ComponentProps<typeof Button>;
-declare function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: SidebarTriggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): React.JSX.Element;
 type SidebarRailProps = React.ComponentProps<"button">;
-declare function SidebarRail({
-  className,
-  ...props
-}: SidebarRailProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarRail({ className, ...props }: SidebarRailProps): React.JSX.Element;
 type SidebarInsetProps = React.ComponentProps<"main">;
-declare function SidebarInset({
-  className,
-  ...props
-}: SidebarInsetProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarInset({ className, ...props }: SidebarInsetProps): React.JSX.Element;
 type SidebarInputProps = React.ComponentProps<typeof Input>;
-declare function SidebarInput({
-  className,
-  ...props
-}: SidebarInputProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarInput({ className, ...props }: SidebarInputProps): React.JSX.Element;
 type SidebarHeaderProps = React.ComponentProps<"div">;
-declare function SidebarHeader({
-  className,
-  ...props
-}: SidebarHeaderProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): React.JSX.Element;
 type SidebarFooterProps = React.ComponentProps<"div">;
-declare function SidebarFooter({
-  className,
-  ...props
-}: SidebarFooterProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarFooter({ className, ...props }: SidebarFooterProps): React.JSX.Element;
 type SidebarSeparatorProps = React.ComponentProps<typeof Separator>;
-declare function SidebarSeparator({
-  className,
-  ...props
-}: SidebarSeparatorProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): React.JSX.Element;
 type SidebarContentProps = React.ComponentProps<"div">;
-declare function SidebarContent({
-  className,
-  style,
-  ...props
-}: SidebarContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarContent({ className, style, ...props }: SidebarContentProps): React.JSX.Element;
 type SidebarGroupProps = React.ComponentProps<"div">;
-declare function SidebarGroup({
-  className,
-  ...props
-}: SidebarGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarGroup({ className, ...props }: SidebarGroupProps): React.JSX.Element;
 type SidebarGroupLabelProps = useRender.ComponentProps<"div"> & React.ComponentProps<"div">;
-declare function SidebarGroupLabel({
-  className,
-  render,
-  ...props
-}: SidebarGroupLabelProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarGroupLabel({ className, render, ...props }: SidebarGroupLabelProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type SidebarGroupActionProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button">;
-declare function SidebarGroupAction({
-  className,
-  render,
-  ...props
-}: SidebarGroupActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarGroupAction({ className, render, ...props }: SidebarGroupActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type SidebarGroupContentProps = React.ComponentProps<"div">;
-declare function SidebarGroupContent({
-  className,
-  ...props
-}: SidebarGroupContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): React.JSX.Element;
 type SidebarMenuProps = React.ComponentProps<"ul">;
-declare function SidebarMenu({
-  className,
-  ...props
-}: SidebarMenuProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenu({ className, ...props }: SidebarMenuProps): React.JSX.Element;
 type SidebarMenuItemProps = React.ComponentProps<"li">;
-declare function SidebarMenuItem({
-  className,
-  ...props
-}: SidebarMenuItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): React.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<typeof sidebarMenuButtonVariants>;
-declare function SidebarMenuButton({
-  render,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: SidebarMenuButtonProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): React.JSX.Element;
 type SidebarMenuActionProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
   showOnHover?: boolean;
 };
-declare function SidebarMenuAction({
-  className,
-  render,
-  showOnHover,
-  ...props
-}: SidebarMenuActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarMenuAction({ className, render, showOnHover, ...props }: SidebarMenuActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type SidebarMenuBadgeProps = React.ComponentProps<"div">;
-declare function SidebarMenuBadge({
-  className,
-  ...props
-}: SidebarMenuBadgeProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): React.JSX.Element;
 type SidebarMenuSkeletonProps = React.ComponentProps<"div"> & {
   showIcon?: boolean;
 };
-declare function SidebarMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: SidebarMenuSkeletonProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): React.JSX.Element;
 type SidebarMenuSubProps = React.ComponentProps<"ul">;
-declare function SidebarMenuSub({
-  className,
-  ...props
-}: SidebarMenuSubProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): React.JSX.Element;
 type SidebarMenuSubItemProps = React.ComponentProps<"li">;
-declare function SidebarMenuSubItem({
-  className,
-  ...props
-}: SidebarMenuSubItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): React.JSX.Element;
 type SidebarMenuSubButtonProps = useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
   size?: "sm" | "md";
   isActive?: boolean;
 };
-declare function SidebarMenuSubButton({
-  render,
-  size,
-  isActive,
-  className,
-  ...props
-}: SidebarMenuSubButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: SidebarMenuSubButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //#endregion
 export { Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, cookiePersist, localStoragePersist, sidebarMenuButtonVariants, useSidebar };

package/dist/sidebar.js

@@ -31,7 +31,7 @@ const SIDEBAR_DEFAULT_KEYBOARD_SHORTCUT = "b";
 * <SidebarProvider persist={cookiePersist("my-sidebar", 86400)}>
 * ```
 */
-function cookiePersist(name = "sidebar-state", maxAge = 3600 * 24 * 7) {
+function cookiePersist(name = "sidebar-state", maxAge = 604800) {
 	return (open) => {
 		document.cookie = `${name}=${open}; path=/; max-age=${maxAge}`;
 	};
@@ -74,7 +74,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		persistRef.current?.(openState);
 	}, [setOpenProp, open]);
 	const toggleSidebar = React.useCallback(() => {
-		return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+		return isMobile ? setOpenMobile((prev) => !prev) : setOpen((prev) => !prev);
 	}, [
 		isMobile,
 		setOpen,

package/dist/skeleton.d.ts

@@ -1,11 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/skeleton.d.ts
 type SkeletonProps = React.ComponentProps<"div">;
-declare function Skeleton({
-  className,
-  ...props
-}: SkeletonProps): _$react_jsx_runtime0.JSX.Element;
+declare function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element;
 //#endregion
 export { Skeleton, type SkeletonProps };

package/dist/slider.d.ts

@@ -1,7 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
-
 //#region src/slider.d.ts
 type SliderProps = React.ComponentProps<typeof Slider$1.Root> & {
   controlClassName?: string;
@@ -12,17 +10,6 @@ type SliderProps = React.ComponentProps<typeof Slider$1.Root> & {
    */
   getThumbAriaLabel?: (index: number) => string;
 };
-declare function Slider({
-  className,
-  controlClassName,
-  defaultValue,
-  value,
-  min,
-  max,
-  orientation,
-  "aria-label": ariaLabel,
-  getThumbAriaLabel,
-  ...props
-}: SliderProps): _$react_jsx_runtime0.JSX.Element;
+declare function Slider({ className, controlClassName, defaultValue, value, min, max, orientation, "aria-label": ariaLabel, getThumbAriaLabel, ...props }: SliderProps): React.JSX.Element;
 //#endregion
 export { Slider, type SliderProps };

package/dist/slider.js

@@ -5,7 +5,7 @@ import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 //#region src/slider.tsx
 function Slider({ className, controlClassName, defaultValue, value, min = 0, max = 100, orientation = "horizontal", "aria-label": ariaLabel, getThumbAriaLabel, ...props }) {
-	const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
+	const resolvedValues = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
 		value,
 		defaultValue,
 		min,
@@ -31,7 +31,7 @@ function Slider({ className, controlClassName, defaultValue, value, min = 0, max
 					"data-slot": "slider-range",
 					className: "bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
 				})
-			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
+			}), Array.from({ length: resolvedValues.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
 				"data-slot": "slider-thumb",
 				"aria-label": getThumbAriaLabel ? getThumbAriaLabel(index) : ariaLabel,
 				className: "border-focus ring-focus/50 relative block size-3 shrink-0 rounded-full border bg-white motion-color cursor-clickable select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 data-disabled:pointer-events-none"

package/dist/spinner.d.ts

@@ -1,11 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/spinner.d.ts
 type SpinnerProps = React.ComponentProps<"svg">;
-declare function Spinner({
-  className,
-  ...props
-}: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
+declare function Spinner({ className, ...props }: SpinnerProps): React.JSX.Element;
 //#endregion
 export { Spinner, type SpinnerProps };

package/dist/switch.d.ts

@@ -1,18 +1,11 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/switch.d.ts
 declare const switchVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SwitchProps = React.ComponentProps<typeof Switch$1.Root> & VariantProps<typeof switchVariants>;
-declare function Switch({
-  className,
-  size,
-  ...props
-}: SwitchProps): _$react_jsx_runtime0.JSX.Element;
+declare function Switch({ className, size, ...props }: SwitchProps): React.JSX.Element;
 //#endregion
 export { Switch, type SwitchProps, switchVariants };

package/dist/table.d.ts

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/table.d.ts
 type TableProps = React.ComponentProps<"table">;
 type TableHeaderProps = React.ComponentProps<"thead">;
@@ -10,37 +8,13 @@ type TableRowProps = React.ComponentProps<"tr">;
 type TableHeadProps = React.ComponentProps<"th">;
 type TableCellProps = React.ComponentProps<"td">;
 type TableCaptionProps = React.ComponentProps<"caption">;
-declare function Table({
-  className,
-  ...props
-}: TableProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableHeader({
-  className,
-  ...props
-}: TableHeaderProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableBody({
-  className,
-  ...props
-}: TableBodyProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableFooter({
-  className,
-  ...props
-}: TableFooterProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableRow({
-  className,
-  ...props
-}: TableRowProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableHead({
-  className,
-  ...props
-}: TableHeadProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableCell({
-  className,
-  ...props
-}: TableCellProps): _$react_jsx_runtime0.JSX.Element;
-declare function TableCaption({
-  className,
-  ...props
-}: TableCaptionProps): _$react_jsx_runtime0.JSX.Element;
+declare function Table({ className, ...props }: TableProps): React.JSX.Element;
+declare function TableHeader({ className, ...props }: TableHeaderProps): React.JSX.Element;
+declare function TableBody({ className, ...props }: TableBodyProps): React.JSX.Element;
+declare function TableFooter({ className, ...props }: TableFooterProps): React.JSX.Element;
+declare function TableRow({ className, ...props }: TableRowProps): React.JSX.Element;
+declare function TableHead({ className, ...props }: TableHeadProps): React.JSX.Element;
+declare function TableCell({ className, ...props }: TableCellProps): React.JSX.Element;
+declare function TableCaption({ className, ...props }: TableCaptionProps): React.JSX.Element;
 //#endregion
 export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/tabs.d.ts

@@ -1,35 +1,18 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/tabs.d.ts
 declare const tabsListVariants: (props?: ({
   variant?: "default" | "line" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TabsProps = React.ComponentProps<typeof Tabs$1.Root>;
 type TabsListBaseProps = React.ComponentProps<typeof Tabs$1.List>;
 type TabsListProps = TabsListBaseProps & VariantProps<typeof tabsListVariants>;
 type TabsTriggerProps = React.ComponentProps<typeof Tabs$1.Tab>;
 type TabsContentProps = React.ComponentProps<typeof Tabs$1.Panel>;
-declare function Tabs({
-  className,
-  orientation,
-  ...props
-}: TabsProps): _$react_jsx_runtime0.JSX.Element;
-declare function TabsList({
-  className,
-  variant,
-  ...props
-}: TabsListProps): _$react_jsx_runtime0.JSX.Element;
-declare function TabsTrigger({
-  className,
-  ...props
-}: TabsTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function TabsContent({
-  className,
-  ...props
-}: TabsContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tabs({ className, orientation, ...props }: TabsProps): React.JSX.Element;
+declare function TabsList({ className, variant, ...props }: TabsListProps): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React.JSX.Element;
+declare function TabsContent({ className, ...props }: TabsContentProps): React.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, tabsListVariants };

package/dist/textarea.d.ts

@@ -1,22 +1,13 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/textarea.d.ts
 declare const textareaVariants: (props?: ({
-  size?: "default" | "sm" | "xs" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  size?: "default" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TextareaProps = Omit<React.ComponentProps<"textarea">, "onChange"> & {
   onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
   onValueChange?: (value: string) => void;
 } & VariantProps<typeof textareaVariants>;
-declare function Textarea({
-  className,
-  size,
-  onChange,
-  onValueChange,
-  ...props
-}: TextareaProps): _$react_jsx_runtime0.JSX.Element;
+declare function Textarea({ className, size, onChange, onValueChange, ...props }: TextareaProps): React.JSX.Element;
 //#endregion
 export { Textarea, type TextareaProps, textareaVariants };

package/dist/toast.d.ts

@@ -1,17 +1,13 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-import * as _$_base_ui_react0 from "@base-ui/react";
-
 //#region src/toast.d.ts
 declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
 declare const toastIconVariants: (props?: ({
-  type?: "loading" | "success" | "info" | "warning" | "error" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  type?: "error" | "info" | "loading" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const toastViewportVariants: (props?: ({
-  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  position?: "bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToastType = "loading" | "success" | "info" | "warning" | "error";
 type ToastOptions = {
   title?: string;
@@ -37,7 +33,7 @@ type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
 type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
 type ToastActionProps = React.ComponentProps<typeof Toast$1.Action>;
 type ToastCloseProps = React.ComponentProps<typeof Toast$1.Close>;
-declare const toastManager: _$_base_ui_react0.ToastManager<any>;
+declare const toastManager: import("@base-ui/react").ToastManager<any>;
 declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
   success: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
   error: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
@@ -46,36 +42,14 @@ declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
   loading: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
   dismiss: (id: string) => void;
   update: (id: string, updates: Partial<ToastOptions>) => void;
-  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: _$_base_ui_react0.ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
 };
-declare function ToastIcon({
-  type
-}: ToastIconProps): _$react_jsx_runtime0.JSX.Element | null;
-declare function Toast({
-  className,
-  ...props
-}: ToastProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastTitle({
-  className,
-  ...props
-}: ToastTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastDescription({
-  className,
-  ...props
-}: ToastDescriptionProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastAction({
-  className,
-  ...props
-}: ToastActionProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastClose({
-  className,
-  children,
-  ...props
-}: ToastCloseProps): _$react_jsx_runtime0.JSX.Element;
-declare function Toaster({
-  position,
-  limit,
-  timeout
-}: ToasterProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function ToastIcon({ type }: ToastIconProps): React.JSX.Element | null;
+declare function Toast({ className, ...props }: ToastProps): React.JSX.Element;
+declare function ToastTitle({ className, ...props }: ToastTitleProps): React.JSX.Element;
+declare function ToastDescription({ className, ...props }: ToastDescriptionProps): React.JSX.Element;
+declare function ToastAction({ className, ...props }: ToastActionProps): React.JSX.Element;
+declare function ToastClose({ className, children, ...props }: ToastCloseProps): React.JSX.Element;
+declare function Toaster({ position, limit, timeout }: ToasterProps): React.JSX.Element | null;
 //#endregion
 export { Toast, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastIcon, type ToastIconProps, type ToastOptions, type ToastProps, ToastTitle, type ToastTitleProps, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };

package/dist/toggle-group.d.ts

@@ -1,30 +1,14 @@
 import { toggleVariants } from "./toggle.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-
 //#region src/toggle-group.d.ts
 type ToggleGroupProps = ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
   spacing?: number;
 };
 type ToggleGroupItemProps = Toggle.Props & VariantProps<typeof toggleVariants>;
-declare function ToggleGroup({
-  className,
-  variant,
-  size,
-  spacing,
-  orientation,
-  style,
-  children,
-  ...props
-}: ToggleGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToggleGroupItem({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}: ToggleGroupItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function ToggleGroup({ className, variant, size, spacing, orientation, style, children, ...props }: ToggleGroupProps): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): React.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps };

package/dist/toggle-group.js

@@ -13,6 +13,17 @@ const ToggleGroupContext = React.createContext({
 	orientation: "horizontal"
 });
 function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", style, children, ...props }) {
+	const contextValue = React.useMemo(() => ({
+		variant,
+		size,
+		spacing,
+		orientation
+	}), [
+		variant,
+		size,
+		spacing,
+		orientation
+	]);
 	return /* @__PURE__ */ jsx(ToggleGroup$1, {
 		orientation,
 		"data-slot": "toggle-group",
@@ -20,18 +31,13 @@ function ToggleGroup({ className, variant, size, spacing = 0, orientation = "hor
 		"data-size": size,
 		"data-spacing": spacing,
 		style: {
-			...style ?? {},
+			...style,
 			"--gap": spacing
 		},
 		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-sm", className),
 		...props,
 		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
-			value: {
-				variant,
-				size,
-				spacing,
-				orientation
-			},
+			value: contextValue,
 			children
 		})
 	});

package/dist/toggle.d.ts

@@ -1,20 +1,12 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleProps = React.ComponentProps<typeof Toggle$1> & VariantProps<typeof toggleVariants>;
-declare function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}: ToggleProps): _$react_jsx_runtime0.JSX.Element;
+declare function Toggle({ className, variant, size, ...props }: ToggleProps): React.JSX.Element;
 //#endregion
 export { Toggle, type ToggleProps, toggleVariants };