@fernir2/saas-kit 0.0.164 → 0.0.165-438

package/packages/level2/fd-component-toolbox/multiselect/hooks/use-multi-select.js

@@ -2,6 +2,6 @@
 import { createContext, useContext } from 'react';
 import { createError } from '../../../../fd-toolbox/errors/errors.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x2285d2,_0x2c381b)=>__defProp(_0x2285d2,'name',{'value':_0x2c381b,'configurable':!![]});const MultiselectContext=createContext(null);const useMultiselect=__name(()=>{const _0x3b2d42=useContext(MultiselectContext);if(!_0x3b2d42)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x3b2d42;},'useMultiselect');
+var __defProp=Object['defineProperty'],__name=(_0x106eb9,_0x37a489)=>__defProp(_0x106eb9,'name',{'value':_0x37a489,'configurable':!![]});const MultiselectContext=createContext(null);const useMultiselect=__name(()=>{const _0x61008a=useContext(MultiselectContext);if(!_0x61008a)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x61008a;},'useMultiselect');
 
 export { MultiselectContext, useMultiselect };

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=(_0x4bfcc9,_0x4b0288)=>__defProp(_0x4bfcc9,'name',{'value':_0x4b0288,'configurable':!![]});function scrollIntoView(_0x30d5c7){if(_0x30d5c7){const _0x56cf0f=document['getElementById'](_0x30d5c7);if(_0x56cf0f)_0x56cf0f['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
+var __defProp=Object['defineProperty'],__name=(_0x2a052e,_0x152f66)=>__defProp(_0x2a052e,'name',{'value':_0x152f66,'configurable':!![]});function scrollIntoView(_0x9d02d1){if(_0x9d02d1){const _0x1e9d8b=document['getElementById'](_0x9d02d1);if(_0x1e9d8b)_0x1e9d8b['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=(_0x4bfcc9,_0x4b0288)=>__defProp(_0x4bfcc9,'name',{'value':_0x4b0288,'configurable':!![]});function scrollIntoView(_0x30d5c7){if(_0x30d5c7){const _0x56cf0f=document['getElementById'](_0x30d5c7);if(_0x56cf0f)_0x56cf0f['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
+var __defProp=Object['defineProperty'],__name=(_0x2a052e,_0x152f66)=>__defProp(_0x2a052e,'name',{'value':_0x152f66,'configurable':!![]});function scrollIntoView(_0x9d02d1){if(_0x9d02d1){const _0x1e9d8b=document['getElementById'](_0x9d02d1);if(_0x1e9d8b)_0x1e9d8b['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
 
 export { scrollIntoView };

package/packages/level2/fd-component-toolbox/radio-group/RadioGroup.cjs.js

@@ -33,10 +33,12 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function RadioGroup({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, {
     className: utils.cn("grid gap-2", className),
+    ...props,
     ref
   });
 }
@@ -44,13 +46,13 @@ __name(RadioGroup, "RadioGroup");
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
 function RadioGroupItem({
   className,
-  value,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(RadioGroupPrimitive__namespace.Item, {
     ref,
     className: utils.cn("border-primary text-primary focus-visible:ring-primary aspect-square size-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", className),
-    value,
+    ...props,
     children: /* @__PURE__ */jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, {
       className: "flex items-center justify-center",
       children: /* @__PURE__ */jsxRuntime.jsx(lucideReact.Circle, {

package/packages/level2/fd-component-toolbox/radio-group/RadioGroup.d.ts

@@ -18,17 +18,12 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
  * }
  * ```
  */
-declare function RadioGroup({ className, ref, }: React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+declare function RadioGroup({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
     ref?: React.Ref<React.ComponentRef<typeof RadioGroupPrimitive.Root>>;
 }): React.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }
-interface RadioGroupItemProps {
-    className?: string;
-    value: string;
-    ref?: React.Ref<React.ComponentRef<typeof RadioGroupPrimitive.Item>>;
-}
 /**
  * Individual radio button input with circle indicator
  *
@@ -39,7 +34,9 @@ interface RadioGroupItemProps {
  * <RadioGroupItem value="option"/>
  * ```
  */
-declare function RadioGroupItem({ className, value, ref }: RadioGroupItemProps): React.JSX.Element;
+declare function RadioGroupItem({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    ref?: React.Ref<React.ComponentRef<typeof RadioGroupPrimitive.Item>>;
+}): React.JSX.Element;
 declare namespace RadioGroupItem {
     var displayName: string;
 }

package/packages/level2/fd-component-toolbox/radio-group/RadioGroup.js

@@ -12,10 +12,12 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function RadioGroup({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(RadioGroupPrimitive.Root, {
     className: cn("grid gap-2", className),
+    ...props,
     ref
   });
 }
@@ -23,13 +25,13 @@ __name(RadioGroup, "RadioGroup");
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 function RadioGroupItem({
   className,
-  value,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(RadioGroupPrimitive.Item, {
     ref,
     className: cn("border-primary text-primary focus-visible:ring-primary aspect-square size-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", className),
-    value,
+    ...props,
     children: /* @__PURE__ */jsx(RadioGroupPrimitive.Indicator, {
       className: "flex items-center justify-center",
       children: /* @__PURE__ */jsx(Circle, {

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

@@ -1,11 +1,11 @@
 'use strict';
 'use strict';
 
-var _0x520d50 = require('quill');
-var _0xb1052a = require('lodash.debounce');
+var _0x3e77f3 = require('quill');
+var _0x251a4f = require('lodash.debounce');
 var richTextConstants = require('./rich-text-constants.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x227c53,_0x3798e9)=>__defProp(_0x227c53,'name',{'value':_0x3798e9,'configurable':!![]});const initializeEditor=__name((_0x598b80,_0xed1a68,_0x2fe6c7,_0x50177e,_0xc76d9e,_0x178454,_0x53b607,_0x279179,_0x50033c)=>{if(_0x50177e&&!_0xed1a68?.['current']){const _0x503e8a=new _0x520d50(_0x50177e,{'theme':richTextConstants.richTextThemes['snow'],'modules':{'toolbar':richTextConstants.richTextToolbarOptions},'placeholder':_0xc76d9e,'readOnly':_0x178454});if(_0x50033c){const _0x3f33b8=_0x503e8a['root'];_0x3f33b8['id']=_0x50033c;}_0xed1a68&&(_0xed1a68['current']=_0x503e8a);_0x2fe6c7?.(_0x503e8a),_0x503e8a['on'](richTextConstants.richTextEditorEvents['textChange'],()=>{_0x598b80(_0x503e8a['root']['textContent']??'');});if(_0x53b607)_0x503e8a['root']['textContent']=_0x53b607;else _0x279179&&(_0x503e8a['root']['textContent']=_0x279179);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x149c50=>_0xb1052a((_0x58953d,_0x1d51b0)=>{_0x1d51b0&&_0x1d51b0['root']['textContent']!==_0x58953d&&(_0x1d51b0['root']['textContent']=_0x58953d);},_0x149c50),'createDebouncedEditorUpdate');
+var __defProp=Object['defineProperty'],__name=(_0xc5a03a,_0x37352b)=>__defProp(_0xc5a03a,'name',{'value':_0x37352b,'configurable':!![]});const initializeEditor=__name((_0x3a5c7f,_0x5bf2c5,_0x33fcbc,_0x2f11ee,_0x3dd0ec,_0x19c5ed,_0xd4cf16,_0x469d99,_0x4953d1)=>{if(_0x2f11ee&&!_0x5bf2c5?.['current']){const _0x17b939=new _0x3e77f3(_0x2f11ee,{'theme':richTextConstants.richTextThemes['snow'],'modules':{'toolbar':richTextConstants.richTextToolbarOptions},'placeholder':_0x3dd0ec,'readOnly':_0x19c5ed});if(_0x4953d1){const _0x22a5f5=_0x17b939['root'];_0x22a5f5['id']=_0x4953d1;}_0x5bf2c5&&(_0x5bf2c5['current']=_0x17b939);_0x33fcbc?.(_0x17b939),_0x17b939['on'](richTextConstants.richTextEditorEvents['textChange'],()=>{_0x3a5c7f(_0x17b939['root']['textContent']??'');});if(_0xd4cf16)_0x17b939['root']['textContent']=_0xd4cf16;else _0x469d99&&(_0x17b939['root']['textContent']=_0x469d99);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x41ea00=>_0x251a4f((_0x296fe3,_0x3235b9)=>{_0x3235b9&&_0x3235b9['root']['textContent']!==_0x296fe3&&(_0x3235b9['root']['textContent']=_0x296fe3);},_0x41ea00),'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 _0x520d50 from 'quill';
-import _0xb1052a from 'lodash.debounce';
+import _0x3e77f3 from 'quill';
+import _0x251a4f from 'lodash.debounce';
 import { richTextToolbarOptions, richTextThemes, richTextEditorEvents } from './rich-text-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x227c53,_0x3798e9)=>__defProp(_0x227c53,'name',{'value':_0x3798e9,'configurable':!![]});const initializeEditor=__name((_0x598b80,_0xed1a68,_0x2fe6c7,_0x50177e,_0xc76d9e,_0x178454,_0x53b607,_0x279179,_0x50033c)=>{if(_0x50177e&&!_0xed1a68?.['current']){const _0x503e8a=new _0x520d50(_0x50177e,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0xc76d9e,'readOnly':_0x178454});if(_0x50033c){const _0x3f33b8=_0x503e8a['root'];_0x3f33b8['id']=_0x50033c;}_0xed1a68&&(_0xed1a68['current']=_0x503e8a);_0x2fe6c7?.(_0x503e8a),_0x503e8a['on'](richTextEditorEvents['textChange'],()=>{_0x598b80(_0x503e8a['root']['textContent']??'');});if(_0x53b607)_0x503e8a['root']['textContent']=_0x53b607;else _0x279179&&(_0x503e8a['root']['textContent']=_0x279179);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x149c50=>_0xb1052a((_0x58953d,_0x1d51b0)=>{_0x1d51b0&&_0x1d51b0['root']['textContent']!==_0x58953d&&(_0x1d51b0['root']['textContent']=_0x58953d);},_0x149c50),'createDebouncedEditorUpdate');
+var __defProp=Object['defineProperty'],__name=(_0xc5a03a,_0x37352b)=>__defProp(_0xc5a03a,'name',{'value':_0x37352b,'configurable':!![]});const initializeEditor=__name((_0x3a5c7f,_0x5bf2c5,_0x33fcbc,_0x2f11ee,_0x3dd0ec,_0x19c5ed,_0xd4cf16,_0x469d99,_0x4953d1)=>{if(_0x2f11ee&&!_0x5bf2c5?.['current']){const _0x17b939=new _0x3e77f3(_0x2f11ee,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x3dd0ec,'readOnly':_0x19c5ed});if(_0x4953d1){const _0x22a5f5=_0x17b939['root'];_0x22a5f5['id']=_0x4953d1;}_0x5bf2c5&&(_0x5bf2c5['current']=_0x17b939);_0x33fcbc?.(_0x17b939),_0x17b939['on'](richTextEditorEvents['textChange'],()=>{_0x3a5c7f(_0x17b939['root']['textContent']??'');});if(_0xd4cf16)_0x17b939['root']['textContent']=_0xd4cf16;else _0x469d99&&(_0x17b939['root']['textContent']=_0x469d99);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x41ea00=>_0x251a4f((_0x296fe3,_0x3235b9)=>{_0x3235b9&&_0x3235b9['root']['textContent']!==_0x296fe3&&(_0x3235b9['root']['textContent']=_0x296fe3);},_0x41ea00),'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':[-0xaae+0x4d2*-0x3+0x1925,-0x1686+-0x1435+0x2abd,-0x9d*0x26+0x76b+0x172*0xb,![]]}],['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':[0x1f0a+0x3*0x5e7+-0x30be,0x4f*0x67+-0x33f*-0x1+-0x1*0x2306,0x1650+-0x6*-0x3bb+0x117*-0x29,![]]}],['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':[-0xaae+0x4d2*-0x3+0x1925,-0x1686+-0x1435+0x2abd,-0x9d*0x26+0x76b+0x172*0xb,![]]}],['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':[0x1f0a+0x3*0x5e7+-0x30be,0x4f*0x67+-0x33f*-0x1+-0x1*0x2306,0x1650+-0x6*-0x3bb+0x117*-0x29,![]]}],['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/select/Select.cjs.js

@@ -67,9 +67,8 @@ function SelectTrigger({
   size,
   iconClassName,
   noUnderline,
-  value,
-  id,
-  ref
+  ref,
+  ...props
 }) {
   const isChildrenEmptyString = !children || isReactElementWithStringChildren(children) && children.props.children.trim() === "";
   const shouldShowIcon = isChildrenEmptyString || size !== "short";
@@ -80,8 +79,7 @@ function SelectTrigger({
       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,
+      ...props,
       children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
         className: utils.cn("relative h-full basis-full pl-3 text-start", !!label || "first-letter:text-sm"),
         children: [children, label && /* @__PURE__ */jsxRuntime.jsx(LabelAnimation.LabelAnimation, {
@@ -104,11 +102,13 @@ __name(SelectTrigger, "SelectTrigger");
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
 function SelectScrollUpButton({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ScrollUpButton, {
     ref,
     className: utils.cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
     children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
       name: Icon.iconNames.caretSort
     })
@@ -118,11 +118,13 @@ __name(SelectScrollUpButton, "SelectScrollUpButton");
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
 function SelectScrollDownButton({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ScrollDownButton, {
     ref,
     className: utils.cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
     children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
       name: Icon.iconNames.caretSort
     })
@@ -134,13 +136,15 @@ function SelectContent({
   className,
   children,
   position,
-  ref
+  ref,
+  ...props
 }) {
   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",
+      ...props,
       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)]"),
         children
@@ -152,13 +156,13 @@ __name(SelectContent, "SelectContent");
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
 function SelectLabel({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Label, {
     ref,
     className: utils.cn("px-2 py-1.5 text-sm font-semibold", className),
-    children
+    ...props
   });
 }
 __name(SelectLabel, "SelectLabel");
@@ -166,19 +170,15 @@ SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
 function SelectItem({
   className,
   id,
-  value,
   children,
-  index,
-  ref
+  ref,
+  ...props
 }) {
   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),
-    value,
+    ...props,
     children: [/* @__PURE__ */jsxRuntime.jsx("span", {
       className: "absolute right-2 flex size-3.5 items-center justify-center",
       children: /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, {
@@ -195,13 +195,13 @@ __name(SelectItem, "SelectItem");
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
 function SelectSeparator({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(SelectPrimitive__namespace.Separator, {
     ref,
     className: utils.cn("bg-muted -mx-1 my-1 h-px", className),
-    children
+    ...props
   });
 }
 __name(SelectSeparator, "SelectSeparator");

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

@@ -14,10 +14,7 @@ export declare const selectVariants: (props?: {
  *
  * Extends [VariantProps](https:/cva.style/docs/getting-started/variants) of {@link selectVariants}
  */
-interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, VariantProps<typeof selectVariants> {
-    id?: string;
-    value?: string;
-    children?: React.ReactNode;
+interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, Omit<LabelAnimationProps, "variant">, VariantProps<typeof selectVariants> {
     /** Additional class name for the icon */
     iconClassName?: string;
     /** If true, removes the underline from the select trigger */
@@ -54,7 +51,7 @@ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.Selec
  * 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 function SelectTrigger({ className, children, label, shouldAnimate, skipAnimationOnce, variant, size, iconClassName, noUnderline, ref, ...props }: SelectTriggerProps & {
     ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Trigger>>;
 }): React.JSX.Element;
 declare namespace SelectTrigger {
@@ -65,7 +62,7 @@ declare namespace SelectTrigger {
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectScrollUpButton({ className, ref, }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton> & {
+declare function SelectScrollUpButton({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton> & {
     ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>>;
 }): React.JSX.Element;
 declare namespace SelectScrollUpButton {
@@ -76,38 +73,32 @@ declare namespace SelectScrollUpButton {
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectScrollDownButton({ className, ref, }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton> & {
+declare function SelectScrollDownButton({ className, ref, ...props }: 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;
+declare function SelectContent({ className, children, position, ref, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {
+    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Content>>;
+    position?: "popper" | "item-aligned";
+}): React.JSX.Element;
 declare namespace SelectContent {
     var displayName: string;
 }
-interface SelectLabelProps {
-    className?: string;
-    children?: React.ReactNode;
-    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Label>>;
-}
 /**
  * Label component for select groups
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectLabel({ className, children, ref }: SelectLabelProps): React.JSX.Element;
+declare function SelectLabel({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label> & {
+    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Label>>;
+}): React.JSX.Element;
 declare namespace SelectLabel {
     var displayName: string;
 }
@@ -121,15 +112,13 @@ declare namespace SelectLabel {
  * <SelectItem value="item-1">Item 1</SelectItem>
  * ```
  */
-interface SelectItemProps {
-    className?: string;
-    children?: React.ReactNode;
-    value: string;
+interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
     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, id, children, ref, ...props }: SelectItemProps & {
+    ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Item>>;
+}): React.JSX.Element;
 declare namespace SelectItem {
     var displayName: string;
 }
@@ -138,7 +127,7 @@ declare namespace SelectItem {
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectSeparator({ className, children, ref, }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> & {
+declare function SelectSeparator({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> & {
     ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.Separator>>;
 }): React.JSX.Element;
 declare namespace SelectSeparator {

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

@@ -46,9 +46,8 @@ function SelectTrigger({
   size,
   iconClassName,
   noUnderline,
-  value,
-  id,
-  ref
+  ref,
+  ...props
 }) {
   const isChildrenEmptyString = !children || isReactElementWithStringChildren(children) && children.props.children.trim() === "";
   const shouldShowIcon = isChildrenEmptyString || size !== "short";
@@ -59,8 +58,7 @@ function SelectTrigger({
       className: 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,
+      ...props,
       children: [/* @__PURE__ */jsxs("div", {
         className: cn("relative h-full basis-full pl-3 text-start", !!label || "first-letter:text-sm"),
         children: [children, label && /* @__PURE__ */jsx(LabelAnimation, {
@@ -83,11 +81,13 @@ __name(SelectTrigger, "SelectTrigger");
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 function SelectScrollUpButton({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(SelectPrimitive.ScrollUpButton, {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
     children: /* @__PURE__ */jsx(Icon, {
       name: iconNames.caretSort
     })
@@ -97,11 +97,13 @@ __name(SelectScrollUpButton, "SelectScrollUpButton");
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 function SelectScrollDownButton({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(SelectPrimitive.ScrollDownButton, {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
     children: /* @__PURE__ */jsx(Icon, {
       name: iconNames.caretSort
     })
@@ -113,13 +115,15 @@ function SelectContent({
   className,
   children,
   position,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(SelectPrimitive.Portal, {
     children: /* @__PURE__ */jsxs(SelectPrimitive.Content, {
       ref,
       className: 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",
+      ...props,
       children: [/* @__PURE__ */jsx(SelectScrollUpButton, {}), /* @__PURE__ */jsx(SelectPrimitive.Viewport, {
         className: cn("p-1", (position ?? "popper") === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
         children
@@ -131,13 +135,13 @@ __name(SelectContent, "SelectContent");
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 function SelectLabel({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(SelectPrimitive.Label, {
     ref,
     className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    children
+    ...props
   });
 }
 __name(SelectLabel, "SelectLabel");
@@ -145,19 +149,15 @@ SelectLabel.displayName = SelectPrimitive.Label.displayName;
 function SelectItem({
   className,
   id,
-  value,
   children,
-  index,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxs(SelectPrimitive.Item, {
     id,
     ref,
-    ...{
-      index
-    },
     className: 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),
-    value,
+    ...props,
     children: [/* @__PURE__ */jsx("span", {
       className: "absolute right-2 flex size-3.5 items-center justify-center",
       children: /* @__PURE__ */jsx(SelectPrimitive.ItemIndicator, {
@@ -174,13 +174,13 @@ __name(SelectItem, "SelectItem");
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 function SelectSeparator({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(SelectPrimitive.Separator, {
     ref,
     className: cn("bg-muted -mx-1 my-1 h-px", className),
-    children
+    ...props
   });
 }
 __name(SelectSeparator, "SelectSeparator");

package/packages/level2/fd-component-toolbox/separator/Separator.cjs.js

@@ -34,13 +34,15 @@ function Separator({
   className,
   orientation,
   decorative,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(SeparatorPrimitive__namespace.Root, {
     ref,
     decorative: decorative ?? true,
     orientation: orientation ?? "horizontal",
-    className: utils.cn("bg-border shrink-0", (orientation ?? "horizontal") === "horizontal" ? "h-px w-full" : "h-full w-px", className)
+    className: utils.cn("bg-border shrink-0", (orientation ?? "horizontal") === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+    ...props
   });
 }
 __name(Separator, "Separator");

package/packages/level2/fd-component-toolbox/separator/Separator.d.ts

@@ -10,7 +10,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
  * <Separator orientation="vertical" />
  * ```
  */
-declare function Separator({ className, orientation, decorative, ref, }: React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+declare function Separator({ className, orientation, decorative, ref, ...props }: React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
     ref?: React.Ref<React.ComponentRef<typeof SeparatorPrimitive.Root>>;
 }): React.JSX.Element;
 declare namespace Separator {

package/packages/level2/fd-component-toolbox/separator/Separator.js

@@ -13,13 +13,15 @@ function Separator({
   className,
   orientation,
   decorative,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(SeparatorPrimitive.Root, {
     ref,
     decorative: decorative ?? true,
     orientation: orientation ?? "horizontal",
-    className: cn("bg-border shrink-0", (orientation ?? "horizontal") === "horizontal" ? "h-px w-full" : "h-full w-px", className)
+    className: cn("bg-border shrink-0", (orientation ?? "horizontal") === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+    ...props
   });
 }
 __name(Separator, "Separator");