@refineui/react 0.0.6 → 0.0.8

package/dist/index.js

@@ -114,7 +114,7 @@ var componentColorTokens = {
       border: semanticToken("borderDefault")
     },
     menu: {
-      background: semanticToken("backgroundPrimary"),
+      background: semanticToken("surfaceFrosted"),
       border: semanticToken("borderDefault"),
       title: semanticToken("foregroundPrimary"),
       itemText: semanticToken("foregroundPrimary"),
@@ -128,6 +128,10 @@ var componentColorTokens = {
     placeholder: semanticToken("foregroundPlaceholder"),
     background: semanticToken("backgroundPrimary"),
     disabledBackground: semanticToken("backgroundSurfaceDisabled"),
+    menu: {
+      background: semanticToken("surfaceFrosted"),
+      border: semanticToken("borderDefault")
+    },
     border: {
       default: semanticToken("borderDefault"),
       disabled: semanticToken("borderDisabled"),
@@ -519,15 +523,15 @@ var componentColorTokens = {
   },
   menu: {
     panel: {
-      /** Matches Menu.style panel classes */
-      background: semanticToken("backgroundPrimary"),
+      /** Frosted glass — `surfaceFrosted` fill + `surfaceFrost` blur in refineui.css */
+      background: semanticToken("surfaceFrosted"),
       border: semanticToken("borderDefault")
     },
     popover: {
       background: "transparent"
     },
     list: {
-      background: semanticToken("backgroundPrimary"),
+      background: semanticToken("surfaceFrosted"),
       border: semanticToken("borderDefault")
     },
     section: semanticToken("foregroundPrimary"),
@@ -768,7 +772,7 @@ var componentTypographyTokens = {
     link: role("bodyMd"),
     copyright: role("bodyMd")
   },
-  /** App sidebar — group labels match menu sections; links match menu rows. */
+  /** App sidebar — group labels share `captionLg` + tight py with Menu/Dropdown/Select/Command. */
   sidebar: {
     brand: role("bodyMd"),
     groupLabel: role("captionLg"),
@@ -963,7 +967,10 @@ var componentTokens = {
       foundation: semanticElevations.surface
     },
     motion: {
-      /** Indicator slide after first layout */
+      /**
+       * Indicator slide after first layout.
+       * CSS applies transform=`medium` / width=`slow` so edges arrive apart.
+       */
       indicator: motion.indicator,
       /** Item label color fade */
       itemColor: motion.fast
@@ -1594,6 +1601,7 @@ function InputOTP({
 function InputOTPSlot({
   index,
   className,
+  style,
   onChange,
   onKeyDown,
   onPaste,
@@ -1680,6 +1688,10 @@ function InputOTPSlot({
       value: char,
       "aria-label": `Digit ${index + 1} of ${maxLength}`,
       className: clsx5(inputOtpStyles.slot, inputOtpSlotSizeClass[size], className),
+      style: {
+        ...style,
+        ["--refineui-input-otp-slot-index"]: index
+      },
       onChange: onSlotChange,
       onKeyDown: onSlotKeyDown,
       onPaste: onSlotPaste,
@@ -2937,8 +2949,9 @@ var selectStyles = {
   iconWrap: "inline-flex size-refineui-icon-xsmall shrink-0 items-center justify-center",
   chevron: "shrink-0 transition-transform duration-[var(--refineui-motion-duration-fast)] ease-[var(--refineui-motion-easing-ease-out)]",
   chevronOpen: "rotate-180",
-  positioner: "z-refineui-popup flex flex-col overflow-hidden",
-  contentShell: "box-border flex w-full min-h-0 flex-col overflow-hidden rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default bg-refineui-alias-background-primary p-refineui-size-xx-small shadow-refineui-2 outline-none",
+  /* No overflow-hidden — it isolates descendants and kills panel `backdrop-filter`. */
+  positioner: "z-refineui-popup flex flex-col",
+  contentShell: "box-border flex w-full min-h-0 flex-col overflow-hidden rounded-refineui-xx-large border-refineui-hairline border-refineui-alias-border-default p-refineui-size-xx-small shadow-refineui-2 outline-none",
   contentPopper: "h-auto max-h-[var(--refineui-select-content-available-height,100dvh)]",
   contentItemAligned: "max-h-full",
   viewportPopper: "relative flex max-h-full min-h-0 min-w-full w-full flex-col",
@@ -2948,7 +2961,7 @@ var selectStyles = {
   group: "flex flex-col gap-px",
   label: clsx27(
     componentTextClass(componentTypographyTokens.select.label),
-    "px-refineui-size-x-small py-refineui-size-x-small text-refineui-alias-foreground-tertiary"
+    "px-refineui-size-x-small py-refineui-size-xxx-small text-refineui-alias-foreground-tertiary"
   ),
   separator: "my-refineui-size-x-small h-px bg-refineui-alias-border-default",
   item: clsx27(
@@ -3603,9 +3616,6 @@ function SelectGroup({ children, className, ...props }) {
 function SelectLabel({ children, className, ...props }) {
   return /* @__PURE__ */ jsx22("div", { className: clsx28(selectStyles.label, className), ...props, children });
 }
-function SelectSection({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx22("div", { className: clsx28(selectStyles.label, className), ...props, children });
-}
 function SelectSeparator({ className, ...props }) {
   return /* @__PURE__ */ jsx22("div", { role: "separator", className: clsx28(selectStyles.separator, className), ...props });
 }
@@ -4253,7 +4263,7 @@ var COMMAND_LIST_MAX_HEIGHT = `min(60vh, ${foundationSizes2.foundationSize3200})
 var commandStyles = {
   root: clsx33(
     "flex w-full flex-col overflow-hidden outline-none",
-    "rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default",
+    "rounded-refineui-xx-large border-refineui-hairline border-refineui-alias-border-default",
     "bg-refineui-alias-background-primary text-refineui-alias-foreground-primary",
     "shadow-refineui-2"
   ),
@@ -4281,7 +4291,7 @@ var commandStyles = {
   group: "flex flex-col gap-refineui-size-xxx-small overflow-hidden",
   groupHeading: clsx33(
     componentTextClass(componentTypographyTokens.command.group),
-    "flex w-full items-center overflow-hidden px-refineui-size-x-small pb-refineui-size-xxx-small pt-refineui-size-x-small text-refineui-alias-foreground-tertiary"
+    "flex w-full items-center overflow-hidden px-refineui-size-x-small py-refineui-size-xxx-small text-refineui-alias-foreground-tertiary"
   ),
   separatorWrap: "flex w-full items-center px-refineui-size-x-small py-refineui-size-x-small",
   separatorLine: "h-px w-full shrink-0 bg-refineui-alias-border-default",
@@ -6991,6 +7001,7 @@ import { forwardRef as forwardRef12 } from "react";
 import { iconSizes as iconSizes11 } from "@refineui/tokens";
 
 // src/components/Breadcrumb/style.ts
+var ellipsisChip = "box-border inline-flex min-h-refineui-button-min-height-sm min-w-refineui-button-min-height-sm shrink-0 items-center justify-center rounded-refineui-large p-refineui-size-xx-small leading-none";
 var breadcrumbStyles = {
   textRow: `${componentTextClass(componentTypographyTokens.breadcrumb.row)} whitespace-nowrap`,
   root: "py-refineui-size-x-small",
@@ -7000,8 +7011,9 @@ var breadcrumbStyles = {
   page: "inline-flex items-center px-refineui-size-medium py-refineui-size-x-small font-medium text-refineui-alias-foreground-primary",
   separator: "inline-flex shrink-0 items-center",
   separatorText: "inline-flex items-center text-refineui-alias-foreground-tertiary select-none",
-  ellipsis: "box-border inline-flex min-h-refineui-button-min-height-sm shrink-0 items-center justify-center rounded-refineui-large px-refineui-size-medium py-refineui-size-x-small text-refineui-alias-foreground-tertiary leading-none",
-  ellipsisTrigger: "box-border inline-flex min-h-refineui-button-min-height-sm shrink-0 cursor-pointer items-center justify-center rounded-refineui-large border-none bg-transparent px-refineui-size-medium py-refineui-size-x-small text-refineui-alias-foreground-tertiary leading-none outline-none transition-[color,background-color] duration-[var(--refineui-motion-duration-fast)]"
+  ellipsis: `${ellipsisChip} text-refineui-alias-foreground-tertiary`,
+  /** Color only — size/layout come from Button `layout="icon" size="sm"`. */
+  ellipsisTrigger: "text-refineui-alias-foreground-tertiary"
 };
 
 // src/components/Breadcrumb/Breadcrumb.tsx
@@ -7074,52 +7086,43 @@ function BreadcrumbSeparator({ children, className, ...props }) {
     }
   );
 }
+function EllipsisIcon() {
+  return /* @__PURE__ */ jsx43(
+    WebIcon,
+    {
+      name: "more-horizontal",
+      size: iconSizes11.small,
+      color: "currentColor",
+      fallback: "\u22EF",
+      className: "items-center justify-center"
+    }
+  );
+}
 function BreadcrumbEllipsis({ className, ...props }) {
   return /* @__PURE__ */ jsx43(
     "span",
     {
       "data-refineui": "breadcrumb-ellipsis",
-      className: clsx55(
-        breadcrumbStyles.ellipsis,
-        className
-      ),
+      className: clsx55(breadcrumbStyles.ellipsis, className),
       ...props,
-      children: /* @__PURE__ */ jsx43(
-        WebIcon,
-        {
-          name: "more-horizontal",
-          size: iconSizes11.small,
-          color: "currentColor",
-          fallback: "\u22EF",
-          className: "items-center justify-center"
-        }
-      )
+      children: /* @__PURE__ */ jsx43(EllipsisIcon, {})
     }
   );
 }
 var BreadcrumbEllipsisTrigger = forwardRef12(
   function BreadcrumbEllipsisTrigger2({ className, type = "button", children, ...props }, ref) {
     return /* @__PURE__ */ jsx43(
-      "button",
+      Button,
       {
         ref,
         type,
+        variant: "ghost",
+        size: "sm",
+        layout: "icon",
         "data-refineui": "breadcrumb-ellipsis",
-        className: clsx55(
-          breadcrumbStyles.ellipsisTrigger,
-          className
-        ),
+        className: clsx55(breadcrumbStyles.ellipsisTrigger, className),
         ...props,
-        children: children ?? /* @__PURE__ */ jsx43(
-          WebIcon,
-          {
-            name: "more-horizontal",
-            size: iconSizes11.small,
-            color: "currentColor",
-            fallback: "\u22EF",
-            className: "items-center justify-center"
-          }
-        )
+        children: children ?? /* @__PURE__ */ jsx43(EllipsisIcon, {})
       }
     );
   }
@@ -8188,7 +8191,7 @@ import {
   useState as useState15
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { iconSizes as iconSizes13, semanticInteraction as semanticInteraction4 } from "@refineui/tokens";
+import { semanticInteraction as semanticInteraction4 } from "@refineui/tokens";
 import { motionMsToNumber as motionMsToNumber2 } from "@refineui/utilities/animation";
 import { resolveColorTokenValue as resolveColorTokenValue6 } from "@refineui/utilities/color";
 import { acquireBodyScrollLock as acquireBodyScrollLock2 } from "@refineui/utilities/react";
@@ -8442,7 +8445,6 @@ function DrawerContent({
 function DrawerHeader({
   className,
   children,
-  showClose = true,
   actions,
   ...props
 }) {
@@ -8458,8 +8460,7 @@ function DrawerHeader({
       ...props,
       children: /* @__PURE__ */ jsxs18("div", { className: drawerStyles.headerMain, children: [
         /* @__PURE__ */ jsx52("div", { className: drawerStyles.headerMainText, children }),
-        hasActions ? /* @__PURE__ */ jsx52("div", { className: drawerStyles.headerActions, children: actions }) : null,
-        showClose ? /* @__PURE__ */ jsx52(DrawerClose, {}) : null
+        hasActions ? /* @__PURE__ */ jsx52("div", { className: drawerStyles.headerActions, children: actions }) : null
       ] })
     }
   );
@@ -8538,36 +8539,6 @@ function DrawerFooter({ className, ...props }) {
     }
   );
 }
-function DrawerClose({
-  children,
-  onClick,
-  className,
-  type = "button",
-  variant,
-  size,
-  layout,
-  ...props
-}) {
-  const { setOpen } = useDrawerContext("DrawerClose");
-  const iconOnly = children == null;
-  return /* @__PURE__ */ jsx52(
-    Button,
-    {
-      ...props,
-      type,
-      variant: variant ?? (iconOnly ? "ghost" : "outline"),
-      size: size ?? "md",
-      layout: layout ?? (iconOnly ? "icon" : "label"),
-      "aria-label": iconOnly ? "Close" : void 0,
-      className,
-      onClick: (e) => {
-        onClick?.(e);
-        if (!e.defaultPrevented) setOpen(false);
-      },
-      children: iconOnly ? /* @__PURE__ */ jsx52(WebIcon, { name: "dismiss", size: iconSizes13.xlarge, color: "currentColor", iconStyle: "regular", "aria-hidden": true }) : children
-    }
-  );
-}
 
 // src/components/Dropdown/Dropdown.tsx
 import { clsx as clsx70 } from "clsx";
@@ -8582,18 +8553,22 @@ import {
   useState as useState16
 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
-import { iconSizes as iconSizes14, spacings as spacings2, zIndex } from "@refineui/tokens";
+import { iconSizes as iconSizes13, spacings as spacings2, zIndex } from "@refineui/tokens";
 import { resolveColorTokenValue as resolveColorTokenValue7 } from "@refineui/utilities/color";
 
 // src/components/Dropdown/style.ts
 import { clsx as clsx69 } from "clsx";
+var dropdownPanelChrome = "box-border flex w-refineui-dropdown-menu-width min-w-refineui-dropdown-menu-width flex-col overflow-hidden rounded-refineui-xx-large border-refineui-hairline border-refineui-alias-border-default shadow-refineui-2 outline-none";
 var dropdownStyles = {
-  menuShell: "box-border flex w-refineui-dropdown-menu-width min-w-refineui-dropdown-menu-width max-w-[min(100vw-16px,calc(100vw-2rem))] flex-col overflow-hidden rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default bg-refineui-alias-background-primary shadow-refineui-2 outline-none",
-  submenuShell: "box-border flex w-refineui-dropdown-menu-width min-w-refineui-dropdown-menu-width flex-col overflow-hidden rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default bg-refineui-alias-background-primary shadow-refineui-2 outline-none",
+  menuShell: clsx69(
+    dropdownPanelChrome,
+    "max-w-[min(100vw-16px,calc(100vw-2rem))]"
+  ),
+  submenuShell: dropdownPanelChrome,
   menuViewport: "box-border flex flex-col gap-px p-refineui-size-xx-small",
   label: clsx69(
     componentTextClass(componentTypographyTokens.dropdown.label),
-    "shrink-0 px-refineui-size-x-small py-refineui-size-x-small text-refineui-alias-foreground-tertiary"
+    "shrink-0 px-refineui-size-x-small py-refineui-size-xxx-small text-refineui-alias-foreground-tertiary"
   ),
   item: clsx69(
     componentTextClass(componentTypographyTokens.dropdown.item),
@@ -9201,7 +9176,7 @@ function DropdownSubTrigger({
           WebIcon,
           {
             name: "chevron-right",
-            size: iconSizes14.small,
+            size: iconSizes13.small,
             color: "currentColor",
             "aria-hidden": true,
             className: "ms-auto shrink-0"
@@ -9409,7 +9384,7 @@ function FieldError({ className, ...props }) {
 
 // src/components/Link/Link.tsx
 import { clsx as clsx74 } from "clsx";
-import { iconSizes as iconSizes15 } from "@refineui/tokens";
+import { iconSizes as iconSizes14 } from "@refineui/tokens";
 
 // src/components/Link/style.ts
 var linkStyles = {
@@ -9447,7 +9422,7 @@ function Link({
       ...props,
       children: [
         children,
-        showOpen && /* @__PURE__ */ jsx57(WebIcon, { name: "open", size: iconSizes15.large, color: "currentColor" })
+        showOpen && /* @__PURE__ */ jsx57(WebIcon, { name: "open", size: iconSizes14.large, color: "currentColor" })
       ]
     }
   );
@@ -9466,22 +9441,27 @@ import {
   useState as useState17
 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { iconSizes as iconSizes16, semanticInteraction as semanticInteraction5, spacings as spacings3, zIndex as zIndex2 } from "@refineui/tokens";
+import { iconSizes as iconSizes15, semanticInteraction as semanticInteraction5, spacings as spacings3, zIndex as zIndex2 } from "@refineui/tokens";
 import { motionMsToNumber as motionMsToNumber3 } from "@refineui/utilities/animation";
 import { Slot as Slot2, getMergeableTriggerChild as getMergeableTriggerChild2 } from "@refineui/utilities/react";
 
 // src/components/Menu/style.ts
 import { clsx as clsx75 } from "clsx";
+var menuPanelChrome = "box-border flex flex-col gap-px overflow-hidden rounded-refineui-xx-large border-refineui-hairline border-refineui-alias-border-default p-refineui-size-xx-small shadow-refineui-2";
 var menuStyles = {
-  /** Panel chrome — Web Kit Menu `633:4268` (fill matches Dropdown elevated panel for contrast on docs) */
-  panel: "box-border flex w-refineui-menu-panel-width flex-col gap-px overflow-hidden rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default bg-refineui-alias-background-primary p-refineui-size-xx-small shadow-refineui-2",
+  /** Panel chrome — Web Kit Menu `633:4268` (fill/blur: `surfaceFrosted` + `surfaceFrost`) */
+  panel: clsx75(menuPanelChrome, "w-refineui-menu-panel-width"),
   root: "relative inline-flex items-center leading-none",
   triggerFallback: "cursor-pointer border-none bg-transparent p-0 font-inherit text-inherit",
   /** Portal shell — position/z-index from `MenuPopover` fixed style */
   popover: "z-refineui-messages",
-  list: "box-border flex w-full min-w-refineui-menu-panel-width flex-col gap-px overflow-hidden rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default bg-refineui-alias-background-primary p-refineui-size-xx-small shadow-refineui-2 outline-none",
-  subPanel: "box-border flex w-refineui-menu-panel-width min-w-refineui-menu-panel-width flex-col gap-px overflow-hidden rounded-refineui-large border-refineui-hairline border-refineui-alias-border-default bg-refineui-alias-background-primary p-refineui-size-xx-small shadow-refineui-2 outline-none",
-  section: "flex w-full items-center overflow-hidden px-refineui-size-x-small py-refineui-size-x-small",
+  list: clsx75(menuPanelChrome, "w-full min-w-refineui-menu-panel-width outline-none"),
+  subPanel: clsx75(
+    menuPanelChrome,
+    "w-refineui-menu-panel-width min-w-refineui-menu-panel-width outline-none"
+  ),
+  /** Vertical density matches Sidebar `groupLabel` (`py-xxx-small`). */
+  section: "flex w-full items-center overflow-hidden px-refineui-size-x-small py-refineui-size-xxx-small",
   sectionText: clsx75(
     componentTextClass(componentTypographyTokens.menu.section),
     "text-refineui-alias-foreground-tertiary"
@@ -9664,11 +9644,11 @@ function MenuList({ className, ...props }) {
     }
   );
 }
-function MenuSection({ className, children, ...props }) {
+function MenuLabel({ className, children, ...props }) {
   return /* @__PURE__ */ jsx58(
     "div",
     {
-      "data-refineui": "menu-section",
+      "data-refineui": "menu-label",
       className: clsx76(menuStyles.section, className),
       ...props,
       children: /* @__PURE__ */ jsx58("span", { className: menuStyles.sectionText, children })
@@ -9743,9 +9723,9 @@ function MenuItem({
           {
             className: menuStyles.iconWrap,
             style: {
-              width: iconSizes16.small,
-              minWidth: iconSizes16.small,
-              height: iconSizes16.small
+              width: iconSizes15.small,
+              minWidth: iconSizes15.small,
+              height: iconSizes15.small
             },
             children: startIcon
           }
@@ -9770,9 +9750,9 @@ function MenuItem({
             {
               className: menuStyles.iconWrap,
               style: {
-                width: iconSizes16.small,
-                minWidth: iconSizes16.small,
-                height: iconSizes16.small
+                width: iconSizes15.small,
+                minWidth: iconSizes15.small,
+                height: iconSizes15.small
               },
               children: endIcon
             }
@@ -9924,9 +9904,9 @@ function MenuSubTrigger({
           {
             className: menuStyles.iconWrap,
             style: {
-              width: iconSizes16.small,
-              minWidth: iconSizes16.small,
-              height: iconSizes16.small
+              width: iconSizes15.small,
+              minWidth: iconSizes15.small,
+              height: iconSizes15.small
             },
             children: startIcon
           }
@@ -9949,11 +9929,11 @@ function MenuSubTrigger({
           {
             className: menuStyles.iconWrap,
             style: {
-              width: iconSizes16.small,
-              minWidth: iconSizes16.small,
-              height: iconSizes16.small
+              width: iconSizes15.small,
+              minWidth: iconSizes15.small,
+              height: iconSizes15.small
             },
-            children: /* @__PURE__ */ jsx58(WebIcon, { name: "chevron-right", size: iconSizes16.small, color: "currentColor", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx58(WebIcon, { name: "chevron-right", size: iconSizes15.small, color: "currentColor", "aria-hidden": true })
           }
         ) })
       ] })
@@ -10076,7 +10056,7 @@ import {
   useRef as useRef15,
   useState as useState18
 } from "react";
-import { iconSizes as iconSizes17, semanticInteraction as semanticInteraction6 } from "@refineui/tokens";
+import { iconSizes as iconSizes16, semanticInteraction as semanticInteraction6 } from "@refineui/tokens";
 import { motionMsToNumber as motionMsToNumber4 } from "@refineui/utilities/animation";
 
 // src/components/NavigationMenu/style.ts
@@ -10424,7 +10404,7 @@ function NavigationMenuTrigger({
           WebIcon,
           {
             name: "chevron-down",
-            size: iconSizes17.xsmall,
+            size: iconSizes16.xsmall,
             color: "currentColor",
             className: clsx78(
               navigationMenuStyles.chevron,
@@ -11022,7 +11002,7 @@ function useSidebarPeek() {
 
 // src/components/Pagination/Pagination.tsx
 import { clsx as clsx84 } from "clsx";
-import { iconSizes as iconSizes18 } from "@refineui/tokens";
+import { iconSizes as iconSizes17 } from "@refineui/tokens";
 import { resolveColorTokenValue as resolveColorTokenValue9 } from "@refineui/utilities/color";
 
 // src/components/Pagination/style.ts
@@ -11085,7 +11065,7 @@ function PaginationNavButton({
         WebIcon,
         {
           name: isPrev ? "chevron-left" : "chevron-right",
-          size: iconSizes18.medium,
+          size: iconSizes17.medium,
           color: iconColor,
           fallback: isPrev ? "\u2039" : "\u203A"
         }
@@ -11112,7 +11092,7 @@ function PaginationEllipsis({ className, ...props }) {
         WebIcon,
         {
           name: "more-horizontal",
-          size: iconSizes18.medium,
+          size: iconSizes17.medium,
           color: resolveColorTokenValue9(componentColorTokens.pagination.navIcon.default),
           fallback: "\u2026"
         }
@@ -11572,7 +11552,7 @@ function Slider({
 
 // src/components/Carousel/Carousel.tsx
 import { clsx as clsx89 } from "clsx";
-import { iconSizes as iconSizes19 } from "@refineui/tokens";
+import { iconSizes as iconSizes18 } from "@refineui/tokens";
 import {
   Children as Children6,
   cloneElement as cloneElement2,
@@ -11936,7 +11916,7 @@ function CarouselPrevious({ className, disabled, onClick, ...props }) {
         WebIcon,
         {
           name: "chevron-left",
-          size: iconSizes19.small,
+          size: iconSizes18.small,
           color: "currentColor",
           iconStyle: "filled",
           fallback: "\u2039"
@@ -11968,7 +11948,7 @@ function CarouselNext({ className, disabled, onClick, ...props }) {
         WebIcon,
         {
           name: "chevron-right",
-          size: iconSizes19.small,
+          size: iconSizes18.small,
           color: "currentColor",
           iconStyle: "filled",
           fallback: "\u203A"
@@ -12238,7 +12218,7 @@ function BubbleReactions({
 
 // src/components/Stepper/Stepper.tsx
 import { clsx as clsx93 } from "clsx";
-import { iconSizes as iconSizes20 } from "@refineui/tokens";
+import { iconSizes as iconSizes19 } from "@refineui/tokens";
 import {
   createContext as createContext23,
   useCallback as useCallback18,
@@ -12507,7 +12487,7 @@ function StepperIndicator({ className, children, ...props }) {
     WebIcon,
     {
       name: "checkmark",
-      size: iconSizes20.xsmall,
+      size: iconSizes19.xsmall,
       color: "currentColor",
       iconStyle: "filled",
       fallback: "\u2713",
@@ -13127,7 +13107,7 @@ function ResizableHandle({
 // src/components/SpinButton/SpinButton.tsx
 import { clsx as clsx96 } from "clsx";
 import { useEffect as useEffect17, useState as useState25 } from "react";
-import { iconSizes as iconSizes21 } from "@refineui/tokens";
+import { iconSizes as iconSizes20 } from "@refineui/tokens";
 
 // src/components/SpinButton/style.ts
 var spinButtonStyles = {
@@ -13336,7 +13316,7 @@ function SpinButton({
                     WebIcon,
                     {
                       name: "chevron-up",
-                      size: iconSizes21.xsmall,
+                      size: iconSizes20.xsmall,
                       color: "currentColor",
                       iconStyle: "filled",
                       fallback: "\u25B2"
@@ -13360,7 +13340,7 @@ function SpinButton({
                     WebIcon,
                     {
                       name: "chevron-down",
-                      size: iconSizes21.xsmall,
+                      size: iconSizes20.xsmall,
                       color: "currentColor",
                       iconStyle: "filled",
                       fallback: "\u25BC"
@@ -13388,7 +13368,7 @@ import {
   useSyncExternalStore
 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
-import { iconSizes as iconSizes22, spacings as spacings5 } from "@refineui/tokens";
+import { iconSizes as iconSizes21, spacings as spacings5 } from "@refineui/tokens";
 import { motionMsToNumber as motionMsToNumber6 } from "@refineui/utilities/animation";
 import { resolveColorTokenValue as resolveColorTokenValue11 } from "@refineui/utilities/color";
 
@@ -13615,7 +13595,7 @@ var Toast = forwardRef15(function Toast2(props, ref) {
     WebIcon,
     {
       name: resolvedIconName,
-      size: iconSizes22.medium,
+      size: iconSizes21.medium,
       color: "currentColor",
       iconStyle: "filled"
     }
@@ -13961,7 +13941,7 @@ function toExpandedSet(value) {
 
 // src/components/Tree/style.ts
 import { clsx as clsx99 } from "clsx";
-import { iconSizes as iconSizes23 } from "@refineui/tokens";
+import { iconSizes as iconSizes22 } from "@refineui/tokens";
 var treeStyles = {
   root: "m-0 flex list-none flex-col gap-px p-0",
   item: "m-0 list-none p-0",
@@ -13989,9 +13969,9 @@ var treeStyles = {
   label: "min-w-0 flex-1 truncate text-start"
 };
 var treeIconSize = {
-  sm: iconSizes23.xxsmall,
-  md: iconSizes23.xsmall,
-  lg: iconSizes23.xsmall
+  sm: iconSizes22.xxsmall,
+  md: iconSizes22.xsmall,
+  lg: iconSizes22.xsmall
 };
 var treeItemTypo = {
   sm: sizedComponentTextClass(componentTypographyTokens.tree.item, "sm"),
@@ -14709,7 +14689,7 @@ var CHART_VIEWBOX_HEIGHT = 320;
 var CHART_PLOT_PADDING_TOP = parseFloat(spacings7.sizeMedium);
 var CHART_PLOT_PADDING_BOTTOM = parseFloat(spacings7.sizeXXSmall);
 var CHART_PLOT_PADDING_X = parseFloat(spacings7.sizeMedium);
-var CHART_BAR_RADIUS = parseFloat(borderRadii.roundedMedium);
+var CHART_BAR_RADIUS = parseFloat(borderRadii.roundedXLarge);
 var CHART_BAR_BAND_FILL = 0.5;
 var CHART_POINT_RADIUS = parseFloat(foundationSizes3.foundationSize40);
 var CHART_POINT_STROKE = parseFloat(foundationSizes3.foundationSize20);
@@ -15359,48 +15339,68 @@ import { Slot as Slot5 } from "@refineui/utilities/react";
 
 // src/components/Collapsible/Collapsible.tsx
 import {
-  createContext as createContext27,
   forwardRef as forwardRef16,
-  useContext as useContext31,
-  useEffect as useEffect21,
+  useCallback as useCallback22,
   useId as useId18,
-  useLayoutEffect as useLayoutEffect14,
-  useRef as useRef24,
-  useState as useState32
+  useMemo as useMemo23,
+  useState as useState33
 } from "react";
 import { clsx as clsx108 } from "clsx";
-import { semanticInteraction as semanticInteraction9 } from "@refineui/tokens";
 import { Slot as Slot6 } from "@refineui/utilities/react";
-import { jsx as jsx78 } from "react/jsx-runtime";
+
+// src/components/Collapsible/context.ts
+import { createContext as createContext27, useContext as useContext31, useEffect as useEffect21, useState as useState32 } from "react";
+import { semanticInteraction as semanticInteraction9 } from "@refineui/tokens";
+import { getReducedMotionQuery as getReducedMotionQuery3 } from "@refineui/utilities/animation";
 var CollapsibleContext = createContext27(null);
-function useCollapsible() {
+function useCollapsibleContext(part) {
   const value = useContext31(CollapsibleContext);
-  if (!value) throw new Error("Collapsible parts must be used inside Collapsible.Root");
+  if (!value) throw new Error(`${part} must be used within Collapsible`);
   return value;
 }
 function usePrefersReducedMotion3() {
   const [reduce, setReduce] = useState32(false);
   useEffect21(() => {
-    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
-    const sync = () => setReduce(query.matches);
+    const mql = window.matchMedia(getReducedMotionQuery3().replace("@media ", ""));
+    const sync = () => setReduce(mql.matches);
     sync();
-    query.addEventListener("change", sync);
-    return () => query.removeEventListener("change", sync);
+    mql.addEventListener("change", sync);
+    return () => mql.removeEventListener("change", sync);
   }, []);
   return reduce;
 }
-var CollapsibleRoot = forwardRef16(function CollapsibleRoot2({ open: openProp, defaultOpen = false, onOpenChange, asChild = false, className, children, ...props }, ref) {
-  const [uncontrolled, setUncontrolled] = useState32(defaultOpen);
+var PANEL_HEIGHT_MS2 = Number.parseFloat(semanticInteraction9.duration.panel) / 1e3;
+var PANEL_CONTENT_MS2 = Number.parseFloat(semanticInteraction9.duration.normal) / 1e3;
+var PANEL_HEIGHT_EASE2 = semanticInteraction9.easing.panel;
+var PANEL_CONTENT_EASE2 = semanticInteraction9.easing.content;
+
+// src/components/Collapsible/style.ts
+var collapsibleStyles = {
+  panelOuter: "min-h-0 overflow-hidden"
+};
+
+// src/components/Collapsible/Collapsible.tsx
+import { jsx as jsx78 } from "react/jsx-runtime";
+var Collapsible = forwardRef16(function Collapsible2({ open: openProp, defaultOpen = false, onOpenChange, asChild = false, className, children, ...props }, ref) {
+  const [uncontrolled, setUncontrolled] = useState33(defaultOpen);
   const open = openProp ?? uncontrolled;
-  const openRef = useRef24(open);
-  openRef.current = open;
   const reactId = useId18();
   const reduceMotion = usePrefersReducedMotion3();
-  const toggle = () => {
-    const next = !openRef.current;
+  const toggle = useCallback22(() => {
+    const next = !(openProp ?? uncontrolled);
     if (openProp === void 0) setUncontrolled(next);
     onOpenChange?.(next);
-  };
+  }, [onOpenChange, openProp, uncontrolled]);
+  const contextValue = useMemo23(
+    () => ({
+      open,
+      toggle,
+      contentId: `${reactId}-content`,
+      triggerId: `${reactId}-trigger`,
+      reduceMotion
+    }),
+    [open, reactId, reduceMotion, toggle]
+  );
   const shared = {
     ...props,
     ref,
@@ -15408,98 +15408,98 @@ var CollapsibleRoot = forwardRef16(function CollapsibleRoot2({ open: openProp, d
     "data-refineui": "collapsible",
     className
   };
-  return /* @__PURE__ */ jsx78(
-    CollapsibleContext.Provider,
-    {
-      value: {
-        open,
-        toggle,
-        contentId: `${reactId}-content`,
-        triggerId: `${reactId}-trigger`,
-        reduceMotion
-      },
-      children: asChild ? /* @__PURE__ */ jsx78(Slot6, { ...shared, children }) : /* @__PURE__ */ jsx78("div", { ...shared, children })
-    }
-  );
+  return /* @__PURE__ */ jsx78(CollapsibleContext.Provider, { value: contextValue, children: asChild ? /* @__PURE__ */ jsx78(Slot6, { ...shared, children }) : /* @__PURE__ */ jsx78("div", { ...shared, children }) });
 });
-var CollapsibleTrigger = forwardRef16(function CollapsibleTrigger2({ asChild = false, onClick, className, children, ...props }, ref) {
-  const { open, toggle, contentId, triggerId } = useCollapsible();
-  const shared = {
-    ...props,
-    ref,
-    id: triggerId,
-    "aria-expanded": open,
-    "aria-controls": contentId,
-    "data-state": open ? "open" : "closed",
-    "data-refineui": "collapsible-trigger",
+var CollapsibleTrigger = forwardRef16(
+  function CollapsibleTrigger2({
+    asChild = false,
+    onClick,
     className,
-    onClick: (event) => {
-      onClick?.(event);
-      if (!event.defaultPrevented) toggle();
-    }
-  };
-  if (asChild) return /* @__PURE__ */ jsx78(Slot6, { ...shared, children });
-  return /* @__PURE__ */ jsx78("button", { ...shared, type: "button", children });
-});
-var CollapsibleContent = forwardRef16(function CollapsibleContent2({ className, children, style, ...props }, ref) {
-  const { open, contentId, triggerId, reduceMotion } = useCollapsible();
-  const innerRef = useRef24(null);
-  const [size, setSize] = useState32({ height: 0, width: 0 });
-  useLayoutEffect14(() => {
-    const node = innerRef.current;
-    if (!node) return;
-    const measure = () => {
-      setSize({ height: node.scrollHeight, width: node.scrollWidth });
-    };
-    measure();
-    const observer = new ResizeObserver(measure);
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, [children, open]);
-  const clipStyle = {
-    ["--refineui-collapsible-content-height"]: `${size.height}px`,
-    ["--refineui-collapsible-content-width"]: `${size.width}px`,
-    height: open ? size.height : 0,
-    overflow: "hidden",
-    transition: reduceMotion ? void 0 : `height ${semanticInteraction9.duration.panel} ${semanticInteraction9.easing.panel}`
-  };
-  return /* @__PURE__ */ jsx78(
-    "div",
-    {
+    children,
+    variant = "ghost",
+    size,
+    layout,
+    fullWidth,
+    type = "button",
+    ...props
+  }, ref) {
+    const { open, toggle, contentId, triggerId } = useCollapsibleContext("CollapsibleTrigger");
+    const shared = {
       ...props,
       ref,
-      id: contentId,
-      role: "region",
-      "aria-labelledby": triggerId,
-      "aria-hidden": !open,
+      id: triggerId,
+      "aria-expanded": open,
+      "aria-controls": contentId,
       "data-state": open ? "open" : "closed",
-      "data-refineui": "collapsible-content",
-      style: clipStyle,
-      children: /* @__PURE__ */ jsx78("div", { ref: innerRef, className: clsx108(className), style, children })
-    }
-  );
-});
-var Collapsible = Object.assign(CollapsibleRoot, {
-  Root: CollapsibleRoot,
-  Trigger: CollapsibleTrigger,
-  Content: CollapsibleContent
-});
+      className,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) toggle();
+      }
+    };
+    if (asChild) return /* @__PURE__ */ jsx78(Slot6, { ...shared, children });
+    return /* @__PURE__ */ jsx78(
+      Button,
+      {
+        ...shared,
+        type,
+        variant,
+        size,
+        layout,
+        fullWidth,
+        children
+      }
+    );
+  }
+);
+var CollapsibleContent = forwardRef16(
+  function CollapsibleContent2({ className, children, style, ...props }, ref) {
+    const { open, contentId, triggerId, reduceMotion } = useCollapsibleContext("CollapsibleContent");
+    const gridStyle = {
+      display: "grid",
+      gridTemplateRows: open ? "1fr" : "0fr",
+      transition: reduceMotion ? void 0 : `grid-template-rows ${PANEL_HEIGHT_MS2}s ${PANEL_HEIGHT_EASE2}`
+    };
+    const innerMotionStyle = {
+      opacity: open ? 1 : 0,
+      transform: open ? "translate3d(0, 0, 0)" : "translate3d(0, calc(-1 * var(--refineui-spacing-size-x-small)), 0)",
+      transition: reduceMotion ? void 0 : `opacity ${PANEL_CONTENT_MS2}s ${PANEL_CONTENT_EASE2}, transform ${PANEL_CONTENT_MS2}s ${PANEL_CONTENT_EASE2}`,
+      pointerEvents: open ? void 0 : "none",
+      ...style
+    };
+    return /* @__PURE__ */ jsx78(
+      "div",
+      {
+        ...props,
+        ref,
+        id: contentId,
+        role: "region",
+        "aria-labelledby": triggerId,
+        "aria-hidden": !open,
+        "data-state": open ? "open" : "closed",
+        "data-refineui": "collapsible-content",
+        style: gridStyle,
+        children: /* @__PURE__ */ jsx78("div", { className: collapsibleStyles.panelOuter, children: /* @__PURE__ */ jsx78("div", { className: clsx108(className), style: innerMotionStyle, children }) })
+      }
+    );
+  }
+);
 
 // src/components/ContextMenu/ContextMenu.tsx
 import {
   createContext as createContext28,
   forwardRef as forwardRef17,
-  useCallback as useCallback22,
+  useCallback as useCallback23,
   useContext as useContext32,
   useEffect as useEffect22,
-  useLayoutEffect as useLayoutEffect15,
-  useMemo as useMemo23,
-  useRef as useRef25,
-  useState as useState33
+  useLayoutEffect as useLayoutEffect14,
+  useMemo as useMemo24,
+  useRef as useRef24,
+  useState as useState34
 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 import { clsx as clsx109 } from "clsx";
-import { componentSizes as componentSizes3, iconSizes as iconSizes24, semanticInteraction as semanticInteraction10 } from "@refineui/tokens";
+import { componentSizes as componentSizes3, iconSizes as iconSizes23, semanticInteraction as semanticInteraction10 } from "@refineui/tokens";
 import { motionMsToNumber as motionMsToNumber7 } from "@refineui/utilities/animation";
 import { Slot as Slot7 } from "@refineui/utilities/react";
 import { Fragment as Fragment5, jsx as jsx79, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -15509,7 +15509,7 @@ var MenuContext2 = createContext28(null);
 var SubContext = createContext28(null);
 function useMenu() {
   const value = useContext32(MenuContext2);
-  if (!value) throw new Error("Context menu parts must be used inside ContextMenu.Root");
+  if (!value) throw new Error("Context menu parts must be used within ContextMenu");
   return value;
 }
 function placeInView(element, x, y) {
@@ -15523,28 +15523,28 @@ function placeInView(element, x, y) {
   element.style.left = `${left}px`;
   element.style.top = `${top}px`;
 }
-function ContextMenuRoot({ modal = true, onOpenChange, children }) {
+function ContextMenu({ modal = true, onOpenChange, children }) {
   void modal;
-  const [open, setOpen] = useState33(false);
-  const [point, setPoint] = useState33({ x: 0, y: 0 });
-  const openRef = useRef25(false);
-  const onOpenChangeRef = useRef25(onOpenChange);
+  const [open, setOpen] = useState34(false);
+  const [point, setPoint] = useState34({ x: 0, y: 0 });
+  const openRef = useRef24(false);
+  const onOpenChangeRef = useRef24(onOpenChange);
   openRef.current = open;
   onOpenChangeRef.current = onOpenChange;
-  const close = useCallback22(() => {
+  const close = useCallback23(() => {
     if (!openRef.current) return;
     openRef.current = false;
     setOpen(false);
     onOpenChangeRef.current?.(false);
   }, []);
-  const openAt = useCallback22((x, y) => {
+  const openAt = useCallback23((x, y) => {
     setPoint({ x, y });
     const wasOpen = openRef.current;
     openRef.current = true;
     setOpen(true);
     if (!wasOpen) onOpenChangeRef.current?.(true);
   }, []);
-  const value = useMemo23(() => ({ open, point, openAt, close }), [open, point, openAt, close]);
+  const value = useMemo24(() => ({ open, point, openAt, close }), [open, point, openAt, close]);
   return /* @__PURE__ */ jsx79(MenuContext2.Provider, { value, children });
 }
 var ContextMenuTrigger = forwardRef17(function ContextMenuTrigger2({ asChild = false, onContextMenu, children, ...props }, ref) {
@@ -15568,9 +15568,9 @@ function ContextMenuPortal({ children }) {
 }
 var ContextMenuContent = forwardRef17(function ContextMenuContent2({ className, style, onPointerDown, children, ...props }, ref) {
   const { open, point, close } = useMenu();
-  const localRef = useRef25(null);
-  const [shouldRender, setShouldRender] = useState33(open);
-  const [isClosing, setIsClosing] = useState33(false);
+  const localRef = useRef24(null);
+  const [shouldRender, setShouldRender] = useState34(open);
+  const [isClosing, setIsClosing] = useState34(false);
   useEffect22(() => {
     if (open) {
       setShouldRender(true);
@@ -15585,7 +15585,7 @@ var ContextMenuContent = forwardRef17(function ContextMenuContent2({ className,
     }, CLOSE_MS);
     return () => window.clearTimeout(timeout);
   }, [open, shouldRender]);
-  useLayoutEffect15(() => {
+  useLayoutEffect14(() => {
     if (!shouldRender || !localRef.current) return;
     placeInView(localRef.current, point.x, point.y);
   }, [shouldRender, point.x, point.y]);
@@ -15687,7 +15687,7 @@ var ContextMenuItem = forwardRef17(function ContextMenuItem2({ disabled = false,
           "span",
           {
             className: menuStyles.iconWrap,
-            style: { width: iconSizes24.small, minWidth: iconSizes24.small, height: iconSizes24.small },
+            style: { width: iconSizes23.small, minWidth: iconSizes23.small, height: iconSizes23.small },
             children: startIcon
           }
         ) : null,
@@ -15701,7 +15701,7 @@ var ContextMenuItem = forwardRef17(function ContextMenuItem2({ disabled = false,
             "span",
             {
               className: menuStyles.iconWrap,
-              style: { width: iconSizes24.small, minWidth: iconSizes24.small, height: iconSizes24.small },
+              style: { width: iconSizes23.small, minWidth: iconSizes23.small, height: iconSizes23.small },
               children: endIcon
             }
           ) : null
@@ -15727,19 +15727,19 @@ var ContextMenuSeparator = forwardRef17(
     );
   }
 );
-function ContextMenuSection({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx79("div", { "data-refineui": "menu-section", className: clsx109(menuStyles.section, className), ...props, children: /* @__PURE__ */ jsx79("span", { className: menuStyles.sectionText, children }) });
+function ContextMenuLabel({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx79("div", { "data-refineui": "menu-label", className: clsx109(menuStyles.section, className), ...props, children: /* @__PURE__ */ jsx79("span", { className: menuStyles.sectionText, children }) });
 }
 function ContextMenuSub({ children }) {
-  const [open, setOpen] = useState33(false);
-  const triggerRef = useRef25(null);
-  const timer = useRef25(null);
+  const [open, setOpen] = useState34(false);
+  const triggerRef = useRef24(null);
+  const timer = useRef24(null);
   const clear = () => {
     if (timer.current != null) window.clearTimeout(timer.current);
     timer.current = null;
   };
   useEffect22(() => clear, []);
-  const value = useMemo23(
+  const value = useMemo24(
     () => ({
       open,
       triggerRef,
@@ -15758,7 +15758,7 @@ function ContextMenuSub({ children }) {
 }
 function useSub2() {
   const value = useContext32(SubContext);
-  if (!value) throw new Error("ContextMenu.SubTrigger must be used inside ContextMenu.Sub");
+  if (!value) throw new Error("ContextMenuSubTrigger must be used within ContextMenuSub");
   return value;
 }
 var ContextMenuSubTrigger = forwardRef17(
@@ -15803,7 +15803,7 @@ var ContextMenuSubTrigger = forwardRef17(
         "span",
         {
           className: menuStyles.iconWrap,
-          style: { width: iconSizes24.small, minWidth: iconSizes24.small, height: iconSizes24.small },
+          style: { width: iconSizes23.small, minWidth: iconSizes23.small, height: iconSizes23.small },
           children: startIcon
         }
       ) : null,
@@ -15815,8 +15815,8 @@ var ContextMenuSubTrigger = forwardRef17(
         "span",
         {
           className: menuStyles.iconWrap,
-          style: { width: iconSizes24.small, minWidth: iconSizes24.small, height: iconSizes24.small },
-          children: /* @__PURE__ */ jsx79(WebIcon, { name: "chevron-right", size: iconSizes24.small, color: "currentColor", "aria-hidden": true })
+          style: { width: iconSizes23.small, minWidth: iconSizes23.small, height: iconSizes23.small },
+          children: /* @__PURE__ */ jsx79(WebIcon, { name: "chevron-right", size: iconSizes23.small, color: "currentColor", "aria-hidden": true })
         }
       ) })
     ] }) });
@@ -15825,9 +15825,9 @@ var ContextMenuSubTrigger = forwardRef17(
 var ContextMenuSubContent = forwardRef17(
   function ContextMenuSubContent2({ className, style, onPointerDown, onMouseEnter, onMouseLeave, ...props }, ref) {
     const sub = useSub2();
-    const localRef = useRef25(null);
-    const [side, setSide] = useState33("right");
-    useLayoutEffect15(() => {
+    const localRef = useRef24(null);
+    const [side, setSide] = useState34("right");
+    useLayoutEffect14(() => {
       const trigger = sub.triggerRef.current;
       const element = localRef.current;
       if (!sub.open || !trigger || !element) return;
@@ -15881,18 +15881,6 @@ var ContextMenuSubContent = forwardRef17(
     );
   }
 );
-var ContextMenu = Object.assign(ContextMenuRoot, {
-  Root: ContextMenuRoot,
-  Trigger: ContextMenuTrigger,
-  Portal: ContextMenuPortal,
-  Content: ContextMenuContent,
-  Item: ContextMenuItem,
-  Section: ContextMenuSection,
-  Separator: ContextMenuSeparator,
-  Sub: ContextMenuSub,
-  SubTrigger: ContextMenuSubTrigger,
-  SubContent: ContextMenuSubContent
-});
 export {
   Accordion,
   AccordionContent,
@@ -15964,7 +15952,6 @@ export {
   Chip,
   Collapsible,
   CollapsibleContent,
-  CollapsibleRoot,
   CollapsibleTrigger,
   Command,
   CommandDialog,
@@ -15980,9 +15967,8 @@ export {
   ContextMenu,
   ContextMenuContent,
   ContextMenuItem,
+  ContextMenuLabel,
   ContextMenuPortal,
-  ContextMenuRoot,
-  ContextMenuSection,
   ContextMenuSeparator,
   ContextMenuSub,
   ContextMenuSubContent,
@@ -15998,7 +15984,6 @@ export {
   Divider,
   Drawer,
   DrawerBody,
-  DrawerClose,
   DrawerContent,
   DrawerDescription,
   DrawerFooter,
@@ -16050,9 +16035,9 @@ export {
   Menu,
   MenuDivider,
   MenuItem,
+  MenuLabel,
   MenuList,
   MenuPopover,
-  MenuSection,
   MenuSub,
   MenuSubContent,
   MenuSubTrigger,
@@ -16109,7 +16094,6 @@ export {
   SelectPortal,
   SelectScrollDownButton,
   SelectScrollUpButton,
-  SelectSection,
   SelectSeparator,
   SelectTrigger,
   SelectValue,