@fernir2/saas-kit 0.0.183 → 0.0.185

package/packages/level2/fd-component-toolbox/navigation/navigation-item/NavigationItem.funcs.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x2bd657,_0x467051)=>__defProp(_0x2bd657,'name',{'value':_0x467051,'configurable':!![]});function scrollIntoView(_0x7ab1b6){if(_0x7ab1b6){const _0x4dd6ce=document['getElementById'](_0x7ab1b6);if(_0x4dd6ce)_0x4dd6ce['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
+var __defProp=Object['defineProperty'],__name=(_0x347ab6,_0x3623b0)=>__defProp(_0x347ab6,'name',{'value':_0x3623b0,'configurable':!![]});function scrollIntoView(_0x6d6bb2){if(_0x6d6bb2){const _0x54125a=document['getElementById'](_0x6d6bb2);if(_0x54125a)_0x54125a['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
 
 exports.scrollIntoView = scrollIntoView;

package/packages/level2/fd-component-toolbox/navigation/navigation-item/NavigationItem.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x2bd657,_0x467051)=>__defProp(_0x2bd657,'name',{'value':_0x467051,'configurable':!![]});function scrollIntoView(_0x7ab1b6){if(_0x7ab1b6){const _0x4dd6ce=document['getElementById'](_0x7ab1b6);if(_0x4dd6ce)_0x4dd6ce['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
+var __defProp=Object['defineProperty'],__name=(_0x347ab6,_0x3623b0)=>__defProp(_0x347ab6,'name',{'value':_0x3623b0,'configurable':!![]});function scrollIntoView(_0x6d6bb2){if(_0x6d6bb2){const _0x54125a=document['getElementById'](_0x6d6bb2);if(_0x54125a)_0x54125a['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
 
 export { scrollIntoView };

package/packages/level2/fd-component-toolbox/rich-text/RichText.funcs.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 'use strict';
 
-var _0x1ae424 = require('quill');
-var _0x3f9157 = require('lodash.debounce');
+var _0x3e495a = require('quill');
+var _0x37d267 = require('lodash.debounce');
 var richTextConstants = require('./rich-text-constants.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x576d58,_0x2c2b46)=>__defProp(_0x576d58,'name',{'value':_0x2c2b46,'configurable':!![]});const initializeEditor=__name((_0x568b65,_0x52a4ad,_0x4fa4d7,_0x47c419,_0x3b583d,_0x3757c3,_0x160547,_0x21ce82,_0x55f4c6)=>{if(_0x47c419&&!_0x52a4ad?.['current']){const _0x52b9cb=new _0x1ae424(_0x47c419,{'theme':richTextConstants.richTextThemes['snow'],'modules':{'toolbar':richTextConstants.richTextToolbarOptions},'placeholder':_0x3b583d,'readOnly':_0x3757c3});if(_0x55f4c6){const _0x4ac283=_0x52b9cb['root'];_0x4ac283['id']=_0x55f4c6;}_0x52a4ad&&(_0x52a4ad['current']=_0x52b9cb);_0x4fa4d7?.(_0x52b9cb),_0x52b9cb['on'](richTextConstants.richTextEditorEvents['textChange'],()=>{_0x568b65(_0x52b9cb['root']['textContent']??'');});if(_0x160547)_0x52b9cb['root']['textContent']=_0x160547;else _0x21ce82&&(_0x52b9cb['root']['textContent']=_0x21ce82);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x4d0223=>_0x3f9157((_0x26b9ef,_0x4f5444)=>{_0x4f5444&&_0x4f5444['root']['textContent']!==_0x26b9ef&&(_0x4f5444['root']['textContent']=_0x26b9ef);},_0x4d0223),'createDebouncedEditorUpdate');
+var __defProp=Object['defineProperty'],__name=(_0x2c0ee0,_0x2d55e6)=>__defProp(_0x2c0ee0,'name',{'value':_0x2d55e6,'configurable':!![]});const initializeEditor=__name((_0x217983,_0x1d9479,_0xd84164,_0xb83205,_0x3fdb5b,_0x542839,_0x55af4a,_0x2a3f8c,_0x2226b7)=>{if(_0xb83205&&!_0x1d9479?.['current']){const _0x4deff0=new _0x3e495a(_0xb83205,{'theme':richTextConstants.richTextThemes['snow'],'modules':{'toolbar':richTextConstants.richTextToolbarOptions},'placeholder':_0x3fdb5b,'readOnly':_0x542839});if(_0x2226b7){const _0x269464=_0x4deff0['root'];_0x269464['id']=_0x2226b7;}_0x1d9479&&(_0x1d9479['current']=_0x4deff0);_0xd84164?.(_0x4deff0),_0x4deff0['on'](richTextConstants.richTextEditorEvents['textChange'],()=>{_0x217983(_0x4deff0['root']['textContent']??'');});if(_0x55af4a)_0x4deff0['root']['textContent']=_0x55af4a;else _0x2a3f8c&&(_0x4deff0['root']['textContent']=_0x2a3f8c);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x345b9f=>_0x37d267((_0xdca207,_0x57a4eb)=>{_0x57a4eb&&_0x57a4eb['root']['textContent']!==_0xdca207&&(_0x57a4eb['root']['textContent']=_0xdca207);},_0x345b9f),'createDebouncedEditorUpdate');
 
 exports.createDebouncedEditorUpdate = createDebouncedEditorUpdate;
 exports.initializeEditor = initializeEditor;

package/packages/level2/fd-component-toolbox/rich-text/RichText.funcs.js

@@ -1,8 +1,8 @@
 'use strict';
-import _0x1ae424 from 'quill';
-import _0x3f9157 from 'lodash.debounce';
+import _0x3e495a from 'quill';
+import _0x37d267 from 'lodash.debounce';
 import { richTextToolbarOptions, richTextThemes, richTextEditorEvents } from './rich-text-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x576d58,_0x2c2b46)=>__defProp(_0x576d58,'name',{'value':_0x2c2b46,'configurable':!![]});const initializeEditor=__name((_0x568b65,_0x52a4ad,_0x4fa4d7,_0x47c419,_0x3b583d,_0x3757c3,_0x160547,_0x21ce82,_0x55f4c6)=>{if(_0x47c419&&!_0x52a4ad?.['current']){const _0x52b9cb=new _0x1ae424(_0x47c419,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x3b583d,'readOnly':_0x3757c3});if(_0x55f4c6){const _0x4ac283=_0x52b9cb['root'];_0x4ac283['id']=_0x55f4c6;}_0x52a4ad&&(_0x52a4ad['current']=_0x52b9cb);_0x4fa4d7?.(_0x52b9cb),_0x52b9cb['on'](richTextEditorEvents['textChange'],()=>{_0x568b65(_0x52b9cb['root']['textContent']??'');});if(_0x160547)_0x52b9cb['root']['textContent']=_0x160547;else _0x21ce82&&(_0x52b9cb['root']['textContent']=_0x21ce82);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x4d0223=>_0x3f9157((_0x26b9ef,_0x4f5444)=>{_0x4f5444&&_0x4f5444['root']['textContent']!==_0x26b9ef&&(_0x4f5444['root']['textContent']=_0x26b9ef);},_0x4d0223),'createDebouncedEditorUpdate');
+var __defProp=Object['defineProperty'],__name=(_0x2c0ee0,_0x2d55e6)=>__defProp(_0x2c0ee0,'name',{'value':_0x2d55e6,'configurable':!![]});const initializeEditor=__name((_0x217983,_0x1d9479,_0xd84164,_0xb83205,_0x3fdb5b,_0x542839,_0x55af4a,_0x2a3f8c,_0x2226b7)=>{if(_0xb83205&&!_0x1d9479?.['current']){const _0x4deff0=new _0x3e495a(_0xb83205,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x3fdb5b,'readOnly':_0x542839});if(_0x2226b7){const _0x269464=_0x4deff0['root'];_0x269464['id']=_0x2226b7;}_0x1d9479&&(_0x1d9479['current']=_0x4deff0);_0xd84164?.(_0x4deff0),_0x4deff0['on'](richTextEditorEvents['textChange'],()=>{_0x217983(_0x4deff0['root']['textContent']??'');});if(_0x55af4a)_0x4deff0['root']['textContent']=_0x55af4a;else _0x2a3f8c&&(_0x4deff0['root']['textContent']=_0x2a3f8c);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x345b9f=>_0x37d267((_0xdca207,_0x57a4eb)=>{_0x57a4eb&&_0x57a4eb['root']['textContent']!==_0xdca207&&(_0x57a4eb['root']['textContent']=_0xdca207);},_0x345b9f),'createDebouncedEditorUpdate');
 
 export { createDebouncedEditorUpdate, initializeEditor };

package/packages/level2/fd-component-toolbox/rich-text/rich-text-constants.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 'use strict';
 
-const richTextToolbarOptions=[[{'header':[-0x1*-0x19a3+-0x551+-0x1451,-0x9bb+0x1dd*0x13+-0x19aa,0x8e1*-0x4+-0xe59+0x31e0,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
+const richTextToolbarOptions=[[{'header':[0x195b*-0x1+-0x6b*0x5+0x1b73*0x1,0x1ef1+-0x9*-0x1a3+-0x23*0x14e,-0x50a+-0x1130+0x163d,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
 
 exports.richTextEditorEvents = richTextEditorEvents;
 exports.richTextThemes = richTextThemes;

package/packages/level2/fd-component-toolbox/rich-text/rich-text-constants.js

@@ -1,4 +1,4 @@
 'use strict';
-const richTextToolbarOptions=[[{'header':[-0x1*-0x19a3+-0x551+-0x1451,-0x9bb+0x1dd*0x13+-0x19aa,0x8e1*-0x4+-0xe59+0x31e0,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
+const richTextToolbarOptions=[[{'header':[0x195b*-0x1+-0x6b*0x5+0x1b73*0x1,0x1ef1+-0x9*-0x1a3+-0x23*0x14e,-0x50a+-0x1130+0x163d,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
 
 export { richTextEditorEvents, richTextThemes, richTextToolbarOptions };

package/packages/level2/fd-component-toolbox/save-status/SaveStatus.cjs.js

@@ -3,6 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../icon/Icon.cjs.js');
+var tooltipConstants = require('../tooltip/tooltip-constants.cjs.js');
 var Tooltip = require('../tooltip/Tooltip.cjs.js');
 var elements = require('../../../fd-toolbox/constants/elements.cjs.js');
 
@@ -16,36 +17,26 @@ function SaveStatus({
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     className: "flex size-5 items-center justify-center",
-    children: saved ? /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipProvider, {
-      children: /* @__PURE__ */jsxRuntime.jsxs(Tooltip.Tooltip, {
-        children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
-          render: /* @__PURE__ */jsxRuntime.jsx("div", {
-            children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
-              name: Icon.iconNames.check,
-              color: "text-fd-green-accent",
-              id: elements.elements.view.viewSaved,
-              size: Icon.iconSizes.medium
-            })
-          })
-        }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipContent, {
-          side: Tooltip.tooltipContentSidesStrings[Tooltip.tooltipContentSides.bottom],
-          children: "Changes saved"
-        })]
+    children: saved ? /* @__PURE__ */jsxRuntime.jsx(Tooltip.Tooltip, {
+      content: "Changes saved",
+      side: tooltipConstants.tooltipSides.bottom,
+      children: /* @__PURE__ */jsxRuntime.jsx("div", {
+        children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+          name: Icon.iconNames.check,
+          color: "text-fd-green-accent",
+          id: elements.elements.view.viewSaved,
+          size: Icon.iconSizes.medium
+        })
       })
-    }) : /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipProvider, {
-      children: /* @__PURE__ */jsxRuntime.jsxs(Tooltip.Tooltip, {
-        children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
-          render: /* @__PURE__ */jsxRuntime.jsx("div", {
-            children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
-              name: Icon.iconNames.refresh,
-              className: "animate-spin",
-              id: elements.elements.view.viewSaving
-            })
-          })
-        }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipContent, {
-          side: Tooltip.tooltipContentSidesStrings[Tooltip.tooltipContentSides.bottom],
-          children: "Saving changes"
-        })]
+    }) : /* @__PURE__ */jsxRuntime.jsx(Tooltip.Tooltip, {
+      content: "Saving changes",
+      side: tooltipConstants.tooltipSides.bottom,
+      children: /* @__PURE__ */jsxRuntime.jsx("div", {
+        children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+          name: Icon.iconNames.refresh,
+          className: "animate-spin",
+          id: elements.elements.view.viewSaving
+        })
       })
     })
   });

package/packages/level2/fd-component-toolbox/save-status/SaveStatus.js

@@ -1,7 +1,8 @@
 'use strict';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { Icon, iconSizes, iconNames } from '../icon/Icon.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, tooltipContentSidesStrings, tooltipContentSides } from '../tooltip/Tooltip.js';
+import { tooltipSides } from '../tooltip/tooltip-constants.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
 import { elements } from '../../../fd-toolbox/constants/elements.js';
 
 var __defProp = Object.defineProperty;
@@ -14,36 +15,26 @@ function SaveStatus({
 }) {
   return /* @__PURE__ */jsx("div", {
     className: "flex size-5 items-center justify-center",
-    children: saved ? /* @__PURE__ */jsx(TooltipProvider, {
-      children: /* @__PURE__ */jsxs(Tooltip, {
-        children: [/* @__PURE__ */jsx(TooltipTrigger, {
-          render: /* @__PURE__ */jsx("div", {
-            children: /* @__PURE__ */jsx(Icon, {
-              name: iconNames.check,
-              color: "text-fd-green-accent",
-              id: elements.view.viewSaved,
-              size: iconSizes.medium
-            })
-          })
-        }), /* @__PURE__ */jsx(TooltipContent, {
-          side: tooltipContentSidesStrings[tooltipContentSides.bottom],
-          children: "Changes saved"
-        })]
+    children: saved ? /* @__PURE__ */jsx(Tooltip, {
+      content: "Changes saved",
+      side: tooltipSides.bottom,
+      children: /* @__PURE__ */jsx("div", {
+        children: /* @__PURE__ */jsx(Icon, {
+          name: iconNames.check,
+          color: "text-fd-green-accent",
+          id: elements.view.viewSaved,
+          size: iconSizes.medium
+        })
       })
-    }) : /* @__PURE__ */jsx(TooltipProvider, {
-      children: /* @__PURE__ */jsxs(Tooltip, {
-        children: [/* @__PURE__ */jsx(TooltipTrigger, {
-          render: /* @__PURE__ */jsx("div", {
-            children: /* @__PURE__ */jsx(Icon, {
-              name: iconNames.refresh,
-              className: "animate-spin",
-              id: elements.view.viewSaving
-            })
-          })
-        }), /* @__PURE__ */jsx(TooltipContent, {
-          side: tooltipContentSidesStrings[tooltipContentSides.bottom],
-          children: "Saving changes"
-        })]
+    }) : /* @__PURE__ */jsx(Tooltip, {
+      content: "Saving changes",
+      side: tooltipSides.bottom,
+      children: /* @__PURE__ */jsx("div", {
+        children: /* @__PURE__ */jsx(Icon, {
+          name: iconNames.refresh,
+          className: "animate-spin",
+          id: elements.view.viewSaving
+        })
       })
     })
   });

package/packages/level2/fd-component-toolbox/select/Select.cjs.js

@@ -4,37 +4,18 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var SelectPrimitive = require('@radix-ui/react-select');
+var select = require('@base-ui/react/select');
 var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
 var Icon = require('../icon/Icon.cjs.js');
 var LabelAnimation = require('../animation/LabelAnimation.cjs.js');
 var classVarianceAuthority = require('class-variance-authority');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SelectPrimitive);
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const selectVariants = classVarianceAuthority.cva("ring-offset-background placeholder:text-muted-foreground flex h-8 w-full items-center justify-between bg-transparent py-2 pr-3 pl-3 text-sm whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", {
+const selectVariants = classVarianceAuthority.cva("ring-offset-background placeholder:text-muted-foreground flex h-8 w-full items-center justify-between bg-transparent py-2 pr-1 pl-1 text-sm whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", {
   variants: {
     variant: {
       bordered: "border-input focus:ring-ring rounded-md border shadow-sm focus:ring-1",
@@ -50,9 +31,9 @@ const selectVariants = classVarianceAuthority.cva("ring-offset-background placeh
     size: "default"
   }
 });
-const Select = SelectPrimitive__namespace.Root;
-const SelectGroup = SelectPrimitive__namespace.Group;
-const SelectValue = SelectPrimitive__namespace.Value;
+const Select = select.Select.Root;
+const SelectGroup = select.Select.Group;
+const SelectValue = select.Select.Value;
 function isReactElementWithStringChildren(element) {
   return React.isValidElement(element) && element.props !== null && typeof element.props === "object" && "children" in element.props && typeof element.props.children === "string";
 }
@@ -67,21 +48,19 @@ function SelectTrigger({
   size,
   iconClassName,
   noUnderline,
-  value,
   id,
   ref
 }) {
   const isChildrenEmptyString = !children || isReactElementWithStringChildren(children) && children.props.children.trim() === "";
   const shouldShowIcon = isChildrenEmptyString || size !== "short";
-  return /* @__PURE__ */jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, {
+  return /* @__PURE__ */jsxRuntime.jsxs(select.Select.Trigger, {
     ref,
     className: utils.cn("border-input ring-offset-background placeholder:text-muted-foreground focus:ring-primary flex h-8 w-full items-center justify-between rounded-md border bg-transparent py-2 pr-3 text-sm whitespace-nowrap shadow-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", selectVariants({
       variant
     }), className, noUnderline && "border-0"),
-    value,
     id,
     children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
-      className: utils.cn("relative h-full basis-full text-start", !!label || "first-letter:text-sm"),
+      className: utils.cn(!!label && "first-letter:text-sm", className),
       children: [children, label && /* @__PURE__ */jsxRuntime.jsx(LabelAnimation.LabelAnimation, {
         variant: "float",
         label,
@@ -89,8 +68,7 @@ function SelectTrigger({
         skipAnimationOnce,
         className: "top-0 max-w-full"
       })]
-    }), shouldShowIcon && /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Icon, {
-      asChild: true,
+    }), shouldShowIcon && /* @__PURE__ */jsxRuntime.jsx(select.Select.Icon, {
       children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
         name: Icon.iconNames.caretSort,
         className: utils.cn("text-foreground size-3.5 shrink-0 opacity-50", iconClassName)
@@ -99,119 +77,101 @@ function SelectTrigger({
   });
 }
 __name(SelectTrigger, "SelectTrigger");
-SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-function SelectScrollUpButton({
-  className,
-  ref
-}) {
-  return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ScrollUpButton, {
-    ref,
-    className: utils.cn("flex cursor-default items-center justify-center py-1", className),
-    children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
-      name: Icon.iconNames.caretSort
-    })
-  });
-}
-__name(SelectScrollUpButton, "SelectScrollUpButton");
-SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-function SelectScrollDownButton({
-  className,
-  ref
-}) {
-  return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ScrollDownButton, {
-    ref,
-    className: utils.cn("flex cursor-default items-center justify-center py-1", className),
-    children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
-      name: Icon.iconNames.caretSort
-    })
-  });
-}
-__name(SelectScrollDownButton, "SelectScrollDownButton");
-SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+SelectTrigger.displayName = select.Select.Trigger.displayName;
 function SelectContent({
   className,
   children,
   position,
-  ref
+  disablePortal
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Portal, {
-    children: /* @__PURE__ */jsxRuntime.jsxs(SelectPrimitive__namespace.Content, {
-      ref,
-      className: utils.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md", (position ?? "popper") === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-      position: position ?? "popper",
-      children: [/* @__PURE__ */jsxRuntime.jsx(SelectScrollUpButton, {}), /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Viewport, {
-        className: utils.cn("p-1", (position ?? "popper") === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+  const resolvedPosition = position ?? "popper";
+  const content = /* @__PURE__ */jsxRuntime.jsxs(select.Select.Positioner, {
+    sideOffset: 4,
+    alignItemWithTrigger: resolvedPosition === "item-aligned",
+    className: "z-50",
+    children: [/* @__PURE__ */jsxRuntime.jsx(select.Select.ScrollUpArrow, {
+      className: "flex items-center justify-center py-1",
+      children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+        name: Icon.iconNames.caretSort
+      })
+    }), /* @__PURE__ */jsxRuntime.jsx(select.Select.Popup, {
+      className: utils.cn("bg-popover text-popover-foreground max-h-96 min-w-[var(--anchor-width)] overflow-y-auto rounded-md border p-1 shadow-md", resolvedPosition === "popper" && "w-full", className),
+      children: /* @__PURE__ */jsxRuntime.jsx(select.Select.List, {
+        className: "p-1",
         children
-      }), /* @__PURE__ */jsxRuntime.jsx(SelectScrollDownButton, {})]
-    })
+      })
+    }), /* @__PURE__ */jsxRuntime.jsx(select.Select.ScrollDownArrow, {
+      className: "flex items-center justify-center py-1",
+      children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+        name: Icon.iconNames.caretSort
+      })
+    })]
+  });
+  if (disablePortal) {
+    return content;
+  }
+  return /* @__PURE__ */jsxRuntime.jsx(select.Select.Portal, {
+    children: content
   });
 }
 __name(SelectContent, "SelectContent");
-SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+SelectContent.displayName = select.Select.Popup.displayName;
 function SelectLabel({
   className,
   children,
   ref
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Label, {
+  return /* @__PURE__ */jsxRuntime.jsx(select.Select.GroupLabel, {
     ref,
     className: utils.cn("px-2 py-1.5 text-sm font-semibold", className),
     children
   });
 }
 __name(SelectLabel, "SelectLabel");
-SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+SelectLabel.displayName = select.Select.GroupLabel.displayName;
 function SelectItem({
   className,
-  id,
   value,
   children,
-  index,
-  ref
+  id
 }) {
-  return /* @__PURE__ */jsxRuntime.jsxs(SelectPrimitive__namespace.Item, {
-    id,
-    ref,
-    ...{
-      index
-    },
-    className: utils.cn("focus:bg-muted/50 relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+  const itemProps = {};
+  if (id) {
+    itemProps["id"] = id;
+  }
+  return /* @__PURE__ */jsxRuntime.jsxs(select.Select.Item, {
     value,
+    className: utils.cn("focus:bg-muted/50 relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+    ...itemProps,
     children: [/* @__PURE__ */jsxRuntime.jsx("span", {
       className: "absolute right-2 flex size-3.5 items-center justify-center",
-      children: /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, {
+      children: /* @__PURE__ */jsxRuntime.jsx(select.Select.ItemIndicator, {
         children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
           name: Icon.iconNames.check
         })
       })
-    }), /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, {
+    }), /* @__PURE__ */jsxRuntime.jsx(select.Select.ItemText, {
       children
     })]
   });
 }
 __name(SelectItem, "SelectItem");
-SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+SelectItem.displayName = select.Select.Item.displayName;
 function SelectSeparator({
-  className,
-  children,
-  ref
+  className
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Separator, {
-    ref,
-    className: utils.cn("bg-muted -mx-1 my-1 h-px", className),
-    children
+  return /* @__PURE__ */jsxRuntime.jsx(select.Select.Separator, {
+    className: utils.cn("bg-muted -mx-1 my-1 h-px", className)
   });
 }
 __name(SelectSeparator, "SelectSeparator");
-SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+SelectSeparator.displayName = select.Select.Separator.displayName;
 
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
 exports.SelectItem = SelectItem;
 exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
 exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;

package/packages/level2/fd-component-toolbox/select/Select.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { LabelAnimationProps } from "../animation/LabelAnimation";
 import { VariantProps } from "class-variance-authority";
 /**
@@ -16,7 +16,6 @@ export declare const selectVariants: (props?: {
  */
 interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, VariantProps<typeof selectVariants> {
     id?: string;
-    value?: string;
     children?: React.ReactNode;
     /** Additional class name for the icon */
     iconClassName?: string;
@@ -24,7 +23,7 @@ interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, Varia
     noUnderline?: boolean;
 }
 /**
- * Original Root component from Radix UI Select
+ * Original Root component from Base UI Select
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  *
@@ -41,20 +40,20 @@ interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, Varia
  * }
  * ```
  */
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const Select: typeof SelectPrimitive.Root;
 /**
- * Original Group component from Radix UI Select
+ * Original Group component from Base UI Select
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
- * Original Value component from Radix UI Select
+ * Original Value component from Base UI Select
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare function SelectTrigger({ className, children, label, shouldAnimate, skipAnimationOnce, variant, size, iconClassName, noUnderline, value, id, ref, }: SelectTriggerProps & {
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function SelectTrigger({ className, children, label, shouldAnimate, skipAnimationOnce, variant, size, iconClassName, noUnderline, id, ref, }: SelectTriggerProps & {
     ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Trigger>>;
 }): React.JSX.Element;
 declare namespace SelectTrigger {
@@ -65,42 +64,30 @@ declare namespace SelectTrigger {
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectScrollUpButton({ className, ref, }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton> & {
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>>;
-}): React.JSX.Element;
-declare namespace SelectScrollUpButton {
-    var displayName: string;
-}
 /**
  * Button for scrolling select content down
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectScrollDownButton({ className, ref, }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton> & {
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.ScrollDownButton>>;
-}): React.JSX.Element;
-declare namespace SelectScrollDownButton {
-    var displayName: string;
-}
-interface SelectContentProps {
-    className?: string;
-    children?: React.ReactNode;
-    position?: "popper" | "item-aligned";
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Content>>;
-}
 /**
  * Container component for select dropdown content
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectContent({ className, children, position, ref }: SelectContentProps): React.JSX.Element;
+interface SelectContentProps {
+    className?: string;
+    children?: React.ReactNode;
+    position?: "popper" | "item-aligned";
+    disablePortal?: boolean;
+}
+declare function SelectContent({ className, children, position, disablePortal }: SelectContentProps): React.JSX.Element;
 declare namespace SelectContent {
     var displayName: string;
 }
 interface SelectLabelProps {
     className?: string;
     children?: React.ReactNode;
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Label>>;
+    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.GroupLabel>>;
 }
 /**
  * Label component for select groups
@@ -126,10 +113,8 @@ interface SelectItemProps {
     children?: React.ReactNode;
     value: string;
     id?: string;
-    index?: number;
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Item>>;
 }
-declare function SelectItem({ className, id, value, children, index, ref }: SelectItemProps): React.JSX.Element;
+declare function SelectItem({ className, value, children, id }: SelectItemProps): React.JSX.Element;
 declare namespace SelectItem {
     var displayName: string;
 }
@@ -138,10 +123,8 @@ declare namespace SelectItem {
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectSeparator({ className, children, ref, }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> & {
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Separator>>;
-}): React.JSX.Element;
+declare function SelectSeparator({ className }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>): React.JSX.Element;
 declare namespace SelectSeparator {
     var displayName: string;
 }
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, type SelectTriggerProps, };
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, type SelectTriggerProps, };