@waveso/ui 0.14.0 → 0.15.1

package/dist/radio-group.d.ts

@@ -1,17 +1,10 @@
 import { Radio } from "./radio.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
-
 //#region src/radio-group.d.ts
 type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1>;
 type RadioGroupItemProps = React.ComponentProps<typeof Radio>;
-declare function RadioGroup({
-  className,
-  ...props
-}: RadioGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function RadioGroupItem({
-  ...props
-}: RadioGroupItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function RadioGroup({ className, ...props }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroupItem({ ...props }: RadioGroupItemProps): React.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/radio.d.ts

@@ -1,17 +1,9 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Radio as Radio$1 } from "@base-ui/react/radio";
-
 //#region src/radio.d.ts
 type RadioProps = React.ComponentProps<typeof Radio$1.Root>;
 type RadioIndicatorProps = React.ComponentProps<typeof Radio$1.Indicator>;
-declare function Radio({
-  className,
-  ...props
-}: RadioProps): _$react_jsx_runtime0.JSX.Element;
-declare function RadioIndicator({
-  className,
-  ...props
-}: RadioIndicatorProps): _$react_jsx_runtime0.JSX.Element;
+declare function Radio({ className, ...props }: RadioProps): React.JSX.Element;
+declare function RadioIndicator({ className, ...props }: RadioIndicatorProps): React.JSX.Element;
 //#endregion
 export { Radio, RadioIndicator, type RadioIndicatorProps, type RadioProps };

package/dist/scroll-area.d.ts

@@ -1,19 +1,9 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
-
 //#region src/scroll-area.d.ts
 type ScrollAreaProps = React.ComponentProps<typeof ScrollArea$1.Root>;
-declare function ScrollArea({
-  className,
-  children,
-  ...props
-}: ScrollAreaProps): _$react_jsx_runtime0.JSX.Element;
+declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): React.JSX.Element;
 type ScrollBarProps = React.ComponentProps<typeof ScrollArea$1.Scrollbar>;
-declare function ScrollBar({
-  className,
-  orientation,
-  ...props
-}: ScrollBarProps): _$react_jsx_runtime0.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): React.JSX.Element;
 //#endregion
 export { ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps };

package/dist/select.d.ts

@@ -1,7 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 import { Select as Select$1 } from "@base-ui/react/select";
-
 //#region src/select.d.ts
 type SelectProps<Value, Multiple extends boolean | undefined = false> = Select$1.Root.Props<Value, Multiple>;
 type SelectGroupProps = React.ComponentProps<typeof Select$1.Group>;
@@ -16,68 +15,23 @@ type SelectItemProps = React.ComponentProps<typeof Select$1.Item>;
 type SelectSeparatorProps = React.ComponentProps<typeof Select$1.Separator>;
 type SelectScrollUpButtonProps = React.ComponentProps<typeof Select$1.ScrollUpArrow>;
 type SelectScrollDownButtonProps = React.ComponentProps<typeof Select$1.ScrollDownArrow>;
-type SelectTriggerProps = SelectTriggerBaseProps & {
-  size?: "sm" | "default";
-};
+declare const selectTriggerVariants: (props?: ({
+  size?: "default" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SelectTriggerProps = SelectTriggerBaseProps & VariantProps<typeof selectTriggerVariants>;
 type SelectContentProps = SelectPopupProps & Pick<SelectPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">;
-declare function Select<Value, Multiple extends boolean | undefined = false>({
-  ...props
-}: SelectProps<Value, Multiple>): _$react_jsx_runtime0.JSX.Element;
-declare function SelectPortal({
-  ...props
-}: SelectPortalProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectPositioner({
-  className,
-  ...props
-}: SelectPositionerProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectList({
-  className,
-  ...props
-}: SelectListProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectGroup({
-  className,
-  ...props
-}: SelectGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectValue({
-  className,
-  ...props
-}: SelectValueProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectTrigger({
-  className,
-  size,
-  children,
-  ...props
-}: SelectTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectContent({
-  className,
-  children,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  alignItemWithTrigger,
-  ...props
-}: SelectContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectLabel({
-  className,
-  ...props
-}: SelectLabelProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectItem({
-  className,
-  children,
-  ...props
-}: SelectItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectSeparator({
-  className,
-  ...props
-}: SelectSeparatorProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectScrollUpButton({
-  className,
-  ...props
-}: SelectScrollUpButtonProps): _$react_jsx_runtime0.JSX.Element;
-declare function SelectScrollDownButton({
-  className,
-  ...props
-}: SelectScrollDownButtonProps): _$react_jsx_runtime0.JSX.Element;
+declare function Select<Value, Multiple extends boolean | undefined = false>({ ...props }: SelectProps<Value, Multiple>): React.JSX.Element;
+declare function SelectPortal({ ...props }: SelectPortalProps): React.JSX.Element;
+declare function SelectPositioner({ className, ...props }: SelectPositionerProps): React.JSX.Element;
+declare function SelectList({ className, ...props }: SelectListProps): React.JSX.Element;
+declare function SelectGroup({ className, ...props }: SelectGroupProps): React.JSX.Element;
+declare function SelectValue({ className, ...props }: SelectValueProps): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): React.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: SelectLabelProps): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: SelectItemProps): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): React.JSX.Element;
 //#endregion
-export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };
+export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, selectTriggerVariants };

package/dist/select.js

@@ -2,8 +2,18 @@
 import { cn } from "./lib/utils.js";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, ChevronsUpDownIcon } from "./lib/internal-icons.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { Select as Select$1 } from "@base-ui/react/select";
 //#region src/select.tsx
+const selectTriggerVariants = cva("data-placeholder:text-soft bg-edge hover:border-focus focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/30 aria-invalid:border-destructive flex w-fit items-center justify-between gap-1.5 rounded-md border border-transparent whitespace-nowrap motion-color outline-hidden select-none focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-30 aria-invalid:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: { size: {
+		xs: "h-6 rounded-sm px-2 text-xs",
+		sm: "h-8 px-3 text-sm",
+		default: "h-9 px-3 text-base",
+		lg: "h-11 px-4 text-lg"
+	} },
+	defaultVariants: { size: "default" }
+});
 function Select({ ...props }) {
 	return /* @__PURE__ */ jsx(Select$1.Root, {
 		"data-slot": "select",
@@ -48,7 +58,7 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
-		className: cn("border-edge data-placeholder:text-soft dark:bg-edge/30 dark:hover:bg-edge/50 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/30 aria-invalid:border-destructive flex w-fit items-center justify-between gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap motion-color outline-hidden select-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-sm *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn(selectTriggerVariants({ size }), className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
 			"data-slot": "select-icon",
@@ -125,4 +135,4 @@ function SelectScrollDownButton({ className, ...props }) {
 	});
 }
 //#endregion
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };

package/dist/separator.d.ts

@@ -1,13 +1,7 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
-
 //#region src/separator.d.ts
 type SeparatorProps = React.ComponentProps<typeof Separator$1>;
-declare function Separator({
-  className,
-  orientation,
-  ...props
-}: SeparatorProps): _$react_jsx_runtime0.JSX.Element;
+declare function Separator({ className, orientation, ...props }: SeparatorProps): React.JSX.Element;
 //#endregion
 export { Separator, type SeparatorProps };

package/dist/sidebar.d.ts

@@ -1,13 +1,10 @@
 import { Button } from "./button.js";
-import { Separator } from "./separator.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

@@ -2,8 +2,8 @@
 import { cn } from "./lib/utils.js";
 import { SidebarPanelIcon } from "./lib/internal-icons.js";
 import { Button } from "./button.js";
-import { Separator } from "./separator.js";
 import { Input } from "./input.js";
+import { Separator } from "./separator.js";
 import { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from "./drawer.js";
 import { Skeleton } from "./skeleton.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.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/styles.css

@@ -457,6 +457,24 @@
   cursor: var(--cursor-clickable);
 }
 
+/* `resize-handle` — a subtle corner grip for a resizable field, shown on hover.
+ * Painted as a `background-image` (a <textarea> is a replaced element, so no
+ * `::after`) inset into the bottom-right corner, while the native
+ * `::-webkit-resizer` is kept transparent so the corner still drags. A neutral
+ * gray reads on every theme, like a native scrollbar grip. WebKit/Chromium
+ * paint it; Firefox keeps its own native grip. Pair with a `resize-*` utility. */
+@utility resize-handle {
+  &::-webkit-resizer {
+    background: transparent;
+  }
+  &:hover {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12 0C12 5.4 11.5 8.5 10 10C8.5 11.5 5.4 12 0 12' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 5px bottom 5px;
+    background-size: 12px 12px;
+  }
+}
+
 /* `motion-color` — interaction-state transition for controls: smoothly
  * animates color / background / border / ring (box-shadow) on hover, focus,
  * pressed, checked, etc. Runs at the `sm` tier (controls are small + fast). A

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 };