@fernir2/saas-kit 0.0.164 → 0.0.165-438

package/packages/level2/fd-component-toolbox/input/Input.js

@@ -40,23 +40,9 @@ function Input({
   children: icons,
   disableFocus,
   ref,
-  defaultValue,
-  disabled,
-  "aria-invalid": ariaInvalid,
-  readOnly,
-  required,
-  placeholder,
-  onClick,
-  style,
-  onChangeCapture,
-  min,
-  max,
-  maxLength,
-  onFocus,
-  type,
-  id
+  ...props
 }) {
-  const error = !!ariaInvalid && ariaInvalid !== "false";
+  const error = props["aria-invalid"] && props["aria-invalid"] !== "false";
   const [isInFocus, setIsInFocus] = useState(false);
   const [inputValue, setInputValue] = useState("");
   const iconsBlockRef = useRef(null);
@@ -70,36 +56,26 @@ function Input({
   const handleBlur = /* @__PURE__ */__name(e => {
     onBlur?.(e.target.value);
   }, "handleBlur");
-  const shouldLabelAnimate = !!value || !!defaultValue || isInFocus;
+  const shouldLabelAnimate = !!value || !!props.defaultValue || isInFocus;
   return /* @__PURE__ */jsxs("div", {
     className: cn(inputVariants({
       variant
     }), (variant ?? "float") === "float" && "hover:border-fd-accent focus-within:border-fd-accent"),
     children: [/* @__PURE__ */jsx("input", {
       ref,
-      type,
       value: inputValue,
       onChange: e_0 => {
         onInputChange(e_0, setInputValue, onChange);
       },
       className: cn("bg-background file:text-foreground placeholder:text-muted-foreground mt-1 flex w-full pr-1 pl-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus:placeholder-transparent focus-visible:outline-none disabled:cursor-not-allowed", className, error && "border-destructive border focus-visible:outline-none"),
+      ...props,
       id: inputId,
-      required,
-      maxLength,
-      placeholder,
       tabIndex: disableFocus ? -1 : 0,
-      readOnly,
-      style,
-      min,
-      max,
-      "aria-invalid": ariaInvalid,
-      onChangeCapture,
-      onClick,
-      onFocus: () => onInputFocus(setIsInFocus, disableFocus, onFocus),
+      onFocus: () => onInputFocus(setIsInFocus, disableFocus),
       onBlur: e_1 => onInputBlur(e_1, setIsInFocus, handleBlur)
     }), /* @__PURE__ */jsxs("div", {
       className: "bg-background z-10 flex items-center justify-end",
-      children: [!disabled && showClearIcon && value && (() => {
+      children: [!props.disabled && showClearIcon && value && (() => {
         const baseClasses = "w-4 transition-[transform,opacity]";
         const positionClasses = icons ? "mx-2 translate-y-0" : "absolute right-2 top-1/2 -translate-y-1/2";
         const visibilityClasses = (variant ?? "float") === "float" && "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100";
@@ -123,7 +99,7 @@ function Input({
         skipAnimationOnce,
         variant: variant ?? "float"
       }), icons && /* @__PURE__ */jsx("div", {
-        id: id + elementSuffixes.edit,
+        id: props.id + elementSuffixes.edit,
         ref: iconsBlockRef,
         className: "bg-background z-10 flex h-2/3 items-center pr-2",
         children: icons

package/packages/level2/fd-component-toolbox/label/Label.cjs.js

@@ -34,11 +34,13 @@ var __name = (target, value) => __defProp(target, "name", {
 const labelVariants = classVarianceAuthority.cva("text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
 function Label({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(LabelPrimitive__namespace.Root, {
     ref,
-    className: utils.cn(labelVariants(), className)
+    className: utils.cn(labelVariants(), className),
+    ...props
   });
 }
 __name(Label, "Label");

package/packages/level2/fd-component-toolbox/label/Label.d.ts

@@ -10,7 +10,7 @@ declare const labelVariants: (props?: import("class-variance-authority/types").C
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/label Label}
  */
-declare function Label({ className, ref, }: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
+declare function Label({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
     ref?: React.Ref<React.ComponentRef<typeof LabelPrimitive.Root>>;
 }): React.JSX.Element;
 declare namespace Label {

package/packages/level2/fd-component-toolbox/label/Label.js

@@ -13,11 +13,13 @@ var __name = (target, value) => __defProp(target, "name", {
 const labelVariants = cva("text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
 function Label({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(LabelPrimitive.Root, {
     ref,
-    className: cn(labelVariants(), className)
+    className: cn(labelVariants(), className),
+    ...props
   });
 }
 __name(Label, "Label");

package/packages/level2/fd-component-toolbox/list/list-item/ListItem.funcs.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x17fc0c,_0x481685)=>__defProp(_0x17fc0c,'name',{'value':_0x481685,'configurable':!![]});function setListItemTextOverflowing(_0x4b4fe0,_0x3f8ef6,_0x34c2f5,_0x5ad53b){_0x5ad53b&&_0x34c2f5(_0x4b4fe0>_0x3f8ef6);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x46e0fa){_0x46e0fa['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x7fde55,_0x146203){if(_0x7fde55&&_0x146203)scrollListItemIntoView(_0x7fde55);}__name(onChangeContainer,'onChangeContainer');
+var __defProp=Object['defineProperty'],__name=(_0x49a3ff,_0x4d4476)=>__defProp(_0x49a3ff,'name',{'value':_0x4d4476,'configurable':!![]});function setListItemTextOverflowing(_0x3578e9,_0x253e2b,_0xb04149,_0x4a3f37){_0x4a3f37&&_0xb04149(_0x3578e9>_0x253e2b);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x2f3294){_0x2f3294['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x57e278,_0x11f947){if(_0x57e278&&_0x11f947)scrollListItemIntoView(_0x57e278);}__name(onChangeContainer,'onChangeContainer');
 
 exports.onChangeContainer = onChangeContainer;
 exports.scrollListItemIntoView = scrollListItemIntoView;

package/packages/level2/fd-component-toolbox/list/list-item/ListItem.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x17fc0c,_0x481685)=>__defProp(_0x17fc0c,'name',{'value':_0x481685,'configurable':!![]});function setListItemTextOverflowing(_0x4b4fe0,_0x3f8ef6,_0x34c2f5,_0x5ad53b){_0x5ad53b&&_0x34c2f5(_0x4b4fe0>_0x3f8ef6);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x46e0fa){_0x46e0fa['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x7fde55,_0x146203){if(_0x7fde55&&_0x146203)scrollListItemIntoView(_0x7fde55);}__name(onChangeContainer,'onChangeContainer');
+var __defProp=Object['defineProperty'],__name=(_0x49a3ff,_0x4d4476)=>__defProp(_0x49a3ff,'name',{'value':_0x4d4476,'configurable':!![]});function setListItemTextOverflowing(_0x3578e9,_0x253e2b,_0xb04149,_0x4a3f37){_0x4a3f37&&_0xb04149(_0x3578e9>_0x253e2b);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x2f3294){_0x2f3294['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x57e278,_0x11f947){if(_0x57e278&&_0x11f947)scrollListItemIntoView(_0x57e278);}__name(onChangeContainer,'onChangeContainer');
 
 export { onChangeContainer, scrollListItemIntoView, setListItemTextOverflowing };

package/packages/level2/fd-component-toolbox/markdown/Markdown.cjs.js

@@ -13,7 +13,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var markdownParser = require('./markdown-parser.cjs.js');
 var elementSuffixes = require('../../../fd-toolbox/constants/element-suffixes.cjs.js');
 var TextArea_funcs = require('../textarea/TextArea.funcs.cjs.js');
-var _0xb1052a = require('lodash.debounce');
+var _0x251a4f = require('lodash.debounce');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -59,7 +59,7 @@ function Markdown(t0) {
   const [isInFocus, setIsInFocus] = React.useState(false);
   let t2;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = _0xb1052a(async val => {
+    t2 = _0x251a4f(async val => {
       const result = await markdownParser.parseMarkdown(val);
       setPreviewContent(result);
     }, 500);

package/packages/level2/fd-component-toolbox/markdown/Markdown.funcs.cjs.js

@@ -3,7 +3,7 @@
 
 var markdownRenderer = require('../../../fd-toolbox/html/markdown-renderer.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x1c620f,_0x503ca4)=>__defProp(_0x1c620f,'name',{'value':_0x503ca4,'configurable':!![]});function renderPreview(_0xeab827,_0x678de7){const _0x36b843=markdownRenderer.renderMarkdown(_0xeab827)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x678de7(_0x36b843);}__name(renderPreview,'renderPreview');function onValueChange(_0xf0eadf,_0x1fa8bb,_0x1cb0c8){_0x1fa8bb(_0xf0eadf),_0x1cb0c8?.(_0xf0eadf);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x4eda29){return _0x4eda29+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
+var __defProp=Object['defineProperty'],__name=(_0x4654aa,_0x164ddb)=>__defProp(_0x4654aa,'name',{'value':_0x164ddb,'configurable':!![]});function renderPreview(_0x3f27d5,_0xdb7a9){const _0xd9f15b=markdownRenderer.renderMarkdown(_0x3f27d5)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0xdb7a9(_0xd9f15b);}__name(renderPreview,'renderPreview');function onValueChange(_0x98f7bc,_0xec82fa,_0x308757){_0xec82fa(_0x98f7bc),_0x308757?.(_0x98f7bc);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x2e50b3){return _0x2e50b3+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
 
 exports.getPreviewContentId = getPreviewContentId;
 exports.onValueChange = onValueChange;

package/packages/level2/fd-component-toolbox/markdown/Markdown.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { renderMarkdown } from '../../../fd-toolbox/html/markdown-renderer.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x1c620f,_0x503ca4)=>__defProp(_0x1c620f,'name',{'value':_0x503ca4,'configurable':!![]});function renderPreview(_0xeab827,_0x678de7){const _0x36b843=renderMarkdown(_0xeab827)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x678de7(_0x36b843);}__name(renderPreview,'renderPreview');function onValueChange(_0xf0eadf,_0x1fa8bb,_0x1cb0c8){_0x1fa8bb(_0xf0eadf),_0x1cb0c8?.(_0xf0eadf);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x4eda29){return _0x4eda29+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
+var __defProp=Object['defineProperty'],__name=(_0x4654aa,_0x164ddb)=>__defProp(_0x4654aa,'name',{'value':_0x164ddb,'configurable':!![]});function renderPreview(_0x3f27d5,_0xdb7a9){const _0xd9f15b=renderMarkdown(_0x3f27d5)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0xdb7a9(_0xd9f15b);}__name(renderPreview,'renderPreview');function onValueChange(_0x98f7bc,_0xec82fa,_0x308757){_0xec82fa(_0x98f7bc),_0x308757?.(_0x98f7bc);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x2e50b3){return _0x2e50b3+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
 
 export { getPreviewContentId, onValueChange, renderPreview };

package/packages/level2/fd-component-toolbox/markdown/Markdown.js

@@ -11,7 +11,7 @@ import { cva } from 'class-variance-authority';
 import { parseMarkdown } from './markdown-parser.js';
 import { markdownSuffixes } from '../../../fd-toolbox/constants/element-suffixes.js';
 import { onTextAreaBlur } from '../textarea/TextArea.funcs.js';
-import _0xb1052a from 'lodash.debounce';
+import _0x251a4f from 'lodash.debounce';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -57,7 +57,7 @@ function Markdown(t0) {
   const [isInFocus, setIsInFocus] = useState(false);
   let t2;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = _0xb1052a(async val => {
+    t2 = _0x251a4f(async val => {
       const result = await parseMarkdown(val);
       setPreviewContent(result);
     }, 500);

package/packages/level2/fd-component-toolbox/multiselect/Multiselect.cjs.js

@@ -33,9 +33,9 @@ function MultiSelect({
   disabled,
   variant,
   showSelectAll,
-  id,
   onOpenChange,
-  ref
+  ref,
+  ...props
 }) {
   const [inputValue, setInputValue] = React.useState("");
   const [open, setOpen] = React.useState(false);
@@ -95,11 +95,11 @@ function MultiSelect({
   return /* @__PURE__ */jsxRuntime.jsx(useMultiSelect.MultiselectContext.Provider, {
     value: contextValue,
     children: /* @__PURE__ */jsxRuntime.jsx(Command.Command, {
-      id,
       ref: containerRef,
       onKeyDown,
       className: utils.cn("flex flex-col overflow-visible bg-transparent", className),
       dir,
+      ...props,
       children
     })
   });
@@ -108,7 +108,8 @@ __name(MultiSelect, "MultiSelect");
 function MultiselectTrigger({
   className,
   children,
-  ref
+  ref,
+  ...props
 }) {
   const {
     disabled,
@@ -122,6 +123,7 @@ function MultiselectTrigger({
     }), disabled && "cursor-not-allowed opacity-50", className),
     onMouseOver: () => setHovered(true),
     onMouseOut: () => setHovered(false),
+    ...props,
     children
   });
 }
@@ -162,7 +164,8 @@ function MultiselectInput({
   className,
   placeholder,
   animatedPlaceholder,
-  ref
+  ref,
+  ...props
 }) {
   const {
     onOpenChangeCallback,
@@ -186,6 +189,7 @@ function MultiselectInput({
       className: "relative w-full",
       children: [/* @__PURE__ */jsxRuntime.jsx(FadeOutText.FadeOutText, {
         children: /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.Input, {
+          ...props,
           ref,
           placeholder: description || (placeholder ?? ""),
           value: inputValue,
@@ -219,7 +223,8 @@ MultiselectInput.displayName = "MultiselectInput";
 function MultiselectContent({
   children,
   className,
-  ref
+  ref,
+  ...props
 }) {
   const {
     open
@@ -227,6 +232,7 @@ function MultiselectContent({
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("relative top-1", className),
+    ...props,
     children: open && children
   });
 }
@@ -235,7 +241,8 @@ MultiselectContent.displayName = "MultiselectContent";
 function MultiselectList({
   className,
   children,
-  ref
+  ref,
+  ...props
 }) {
   const {
     showSelectAll
@@ -243,6 +250,7 @@ function MultiselectList({
   return /* @__PURE__ */jsxRuntime.jsxs(Command.CommandList, {
     ref,
     className: utils.cn("bg-background absolute top-0 z-10 flex w-auto min-w-full flex-col gap-2 rounded-md border p-2 shadow-md transition-colors", className),
+    ...props,
     children: [showSelectAll && /* @__PURE__ */jsxRuntime.jsx(MultiselectItem, {
       value: fdMultiSelectConstants.selectAllValue,
       selectAll: false,
@@ -263,7 +271,7 @@ function MultiselectItem({
   children,
   selectAll,
   ref,
-  disabled
+  ...props
 }) {
   const {
     value: Options,
@@ -274,10 +282,11 @@ function MultiselectItem({
   const isIncluded = selectAll ? isAllSelected : Options.includes(value);
   return /* @__PURE__ */jsxRuntime.jsxs(Command.CommandItem, {
     ref,
+    ...props,
     onSelect: () => {
       Multiselect_funcs.onItemSelect(value, onValueChange, setInputValue);
     },
-    className: utils.cn("flex cursor-pointer justify-between rounded-md px-2 py-1 transition-colors", className, isIncluded && "bg-accent text-accent-foreground cursor-default", disabled && "cursor-not-allowed opacity-50"),
+    className: utils.cn("flex cursor-pointer justify-between rounded-md px-2 py-1 transition-colors", className, isIncluded && "bg-accent text-accent-foreground cursor-default", props.disabled && "cursor-not-allowed opacity-50"),
     onMouseDown: Multiselect_funcs.mousePreventDefault,
     children: [children, /* @__PURE__ */jsxRuntime.jsx(lucideReact.Check, {
       className: utils.cn("ml-2 size-4 opacity-0", isIncluded && "opacity-50")

package/packages/level2/fd-component-toolbox/multiselect/Multiselect.d.ts

@@ -22,13 +22,9 @@ export type MultiselectProps = {
     showSelectAll?: boolean;
     /** Event handler called when the multiselect's open state changes */
     onOpenChange?: VoidFunc<boolean>;
-    className?: string;
-    dir?: string;
-    children?: React.ReactNode;
-    id?: string;
     /** Ref for the open trigger element */
     ref?: React.RefObject<WithOpen | null>;
-} & VariantProps<typeof multiSelectVariants>;
+} & React.ComponentPropsWithoutRef<typeof CommandPrimitive> & VariantProps<typeof multiSelectVariants>;
 /**
  * Props of {@link MultiselectInput}
  */
@@ -61,18 +57,15 @@ export type MultiselectInputProps = {
  * }
  * ```
  */
-declare function MultiSelect({ values: value, onValuesChange: onValueChange, displayValues, loop, className, children, dir, disabled, variant, showSelectAll, id, onOpenChange, ref, }: MultiselectProps): React.JSX.Element;
-interface MultiselectTriggerProps {
-    className?: string;
-    ref?: React.Ref<HTMLDivElement>;
-    children?: React.ReactNode;
-}
+declare function MultiSelect({ values: value, onValuesChange: onValueChange, displayValues, loop, className, children, dir, disabled, variant, showSelectAll, onOpenChange, ref, ...props }: MultiselectProps): React.JSX.Element;
 /**
  * Container component for the multiselect trigger
  *
  * {@link MultiselectTrigger}
  */
-declare function MultiselectTrigger({ className, children, ref }: MultiselectTriggerProps): React.JSX.Element;
+declare function MultiselectTrigger({ className, children, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 declare namespace MultiselectTrigger {
     var displayName: string;
 }
@@ -87,7 +80,7 @@ declare namespace MultiselectTrigger {
  * />
  * ```
  */
-declare function MultiselectInput({ className, placeholder, animatedPlaceholder, ref, }: MultiselectInputProps & {
+declare function MultiselectInput({ className, placeholder, animatedPlaceholder, ref, ...props }: MultiselectInputProps & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Input>>;
 }): React.JSX.Element;
 declare namespace MultiselectInput {
@@ -98,7 +91,7 @@ declare namespace MultiselectInput {
  *
  * {@link MultiselectContent}
  */
-declare function MultiselectContent({ children, className, ref, }: React.HTMLAttributes<HTMLDivElement> & {
+declare function MultiselectContent({ children, className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
     ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare namespace MultiselectContent {
@@ -109,20 +102,12 @@ declare namespace MultiselectContent {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command.List}
  */
-declare function MultiselectList({ className, children, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
+declare function MultiselectList({ className, children, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.List>>;
 }): React.JSX.Element;
 declare namespace MultiselectList {
     var displayName: string;
 }
-interface MultiselectItemProps {
-    className?: string;
-    disabled?: boolean;
-    value: string;
-    children: React.ReactNode;
-    selectAll?: boolean;
-    ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Item>>;
-}
 /**
  * Individual selectable option within the multiselect dropdown list
  *
@@ -135,7 +120,11 @@ interface MultiselectItemProps {
  * </MultiselectItem>
  * ```
  */
-declare function MultiselectItem({ className, value, children, selectAll, ref, disabled }: MultiselectItemProps): React.JSX.Element;
+declare function MultiselectItem({ className, value, children, selectAll, ref, ...props }: {
+    value: string;
+    selectAll?: boolean;
+    ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Item>>;
+} & React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>): React.JSX.Element;
 declare namespace MultiselectItem {
     var displayName: string;
 }

package/packages/level2/fd-component-toolbox/multiselect/Multiselect.funcs.cjs.js

@@ -8,7 +8,7 @@ var fdMultiSelectConstants = require('./fd-multi-select-constants.cjs.js');
 var events = require('../../../fd-toolbox/constants/events.cjs.js');
 var classVarianceAuthority = require('class-variance-authority');
 
-var __defProp=Object['defineProperty'],__name=(_0x21b251,_0x2b9774)=>__defProp(_0x21b251,'name',{'value':_0x2b9774,'configurable':!![]});const multiSelectVariants=classVarianceAuthority.cva('flex\x20h-8\x20flex-wrap\x20gap-1',{'variants':{'variant':{'bordered':'bg-background\x20rounded-md\x20border\x20text-sm\x20shadow-sm','float':'border-border\x20bg-background\x20hover:border-fd-accent\x20border-b\x20text-sm\x20transition-colors'}},'defaultVariants':{'variant':'float'}});function onMultiSelectValueChange(_0x20fdb4,_0xceaf92,_0x268dc7,_0x5b83fa,_0x4d05a9,_0x5ca255,_0x19beba){let _0x351acf;if(_0x20fdb4===fdMultiSelectConstants.selectAllValue&&_0x19beba&&_0x4d05a9)_0x351acf=_0x5ca255?[]:Array['from'](_0x19beba['keys']());else _0xceaf92['includes'](_0x20fdb4)?_0x351acf=_0xceaf92['filter'](_0x3cb40d=>_0x3cb40d!==_0x20fdb4):_0x351acf=[..._0xceaf92,_0x20fdb4];_0x268dc7([..._0x351acf]);let _0x16ecc0='';if(_0x5ca255&&_0x4d05a9)_0x16ecc0=fdMultiSelectConstants.selectAllDescription;else {if(_0x351acf['length']>0xd41+0x1031+0x1*-0x1d72){let _0x86e115=constants.fieldValuesSeparator;_0x19beba?_0x351acf['forEach'](_0x179009=>_0x16ecc0+=_0x19beba['get'](_0x179009)+_0x86e115):_0x351acf['forEach'](_0x3caf5a=>_0x16ecc0+=_0x3caf5a+_0x86e115),_0x16ecc0=_0x16ecc0['substring'](0x25*-0xb+-0xe59+0xff0,_0x16ecc0['length']-_0x86e115['length']),_0x16ecc0=strings.shortenWithEllipsis(_0x16ecc0,0x4e4+0x1a4b+-0x2*0xf8f);}}_0x5b83fa(_0x16ecc0);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x1e7d57,_0x1310e1)=>{return _0x1e7d57['reduce']((_0x37365e,_0x3c4e80)=>''+_0x37365e+(_0x1310e1['get'](_0x3c4e80)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x304b73,_0x14057e,_0x1a8cb6,_0x54c482){const _0x5d66ed=calculateNextIndex(_0x304b73,_0x14057e,_0x54c482);_0x1a8cb6(_0x5d66ed);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x511dc5,_0x45fea2,_0x36b2a6)=>{const _0x4e9c68=_0x511dc5+(-0xd50+-0x3*-0x137+-0x1*-0x9ac);if(_0x4e9c68>_0x45fea2['length']-(0x382*0xa+0x1b7c+0x5*-0xc83))return _0x36b2a6?0x199b+-0x20d4+0x739:-(-0x126+-0x26fd+-0x4*-0xa09);return _0x4e9c68;},'calculateNextIndex'),movePrev=__name((_0x29ac58,_0x157683,_0xf337f9)=>{const _0x23f97c=_0x29ac58-(-0xe3d*-0x1+0x7c5+0x83*-0x2b);_0xf337f9(_0x23f97c<0x70c*0x1+0x146b+-0x1*0x1b77?_0x157683['length']-(-0x26c2+0xf04*-0x2+0x44cb):_0x23f97c);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x18fae4,_0x5c6547,_0xd92387,_0x151fb7,_0x267a62)=>{if(!_0xd92387){if(_0x18fae4!==-(0x1f3e+-0x4*0x3b3+-0x1071)&&_0x18fae4<_0x5c6547['length']){_0x267a62(_0x5c6547['filter'](_0x337e90=>_0x337e90!==_0x5c6547[_0x18fae4]));const _0x3207b4=_0x18fae4-(0x24*0x100+-0x17*0x6+-0x2375*0x1)<0x1*-0xe9+0x238*-0xd+0x1dc1?-0x6a9+0x6*-0x504+0x61*0x61:_0x18fae4-(0x1*0x805+-0x1*-0x25dd+0x3*-0xf4b);_0x151fb7(_0x3207b4);}else _0x267a62(_0x5c6547['filter'](_0x19f5d6=>_0x19f5d6!==_0x5c6547[_0x5c6547['length']-(-0xa8+-0x2121+-0xad*-0x32)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x514e13=>{_0x514e13(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x5ec774,_0x3f0ec6,_0x4031fc)=>{_0x5ec774!==-(-0xb*0x32e+-0x1ada+-0xb*-0x59f)?_0x3f0ec6(-(0x1a66+-0x771*-0x4+0x51b*-0xb)):_0x4031fc(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x593242,_0x5558ff,_0x4fff74,_0x4bf1c8,_0xf74787,_0x38c6f4)=>{if(_0x38c6f4===fdMultiSelectConstants.directionRtl){if(_0x593242===keyboardKeys.keyboardKeys['arrowRight'])movePrev(_0x5558ff,_0x4fff74,_0x4bf1c8);else _0x593242===keyboardKeys.keyboardKeys['arrowLeft']&&(_0x5558ff!==-(0x42b+-0x2*0x937+-0xb*-0x14c)||_0xf74787)&&moveNext(_0x5558ff,_0x4fff74,_0x4bf1c8,_0xf74787);}else {if(_0x593242===keyboardKeys.keyboardKeys['arrowLeft'])movePrev(_0x5558ff,_0x4fff74,_0x4bf1c8);else _0x593242===keyboardKeys.keyboardKeys['arrowRight']&&(_0x5558ff!==-(-0xef2+-0x113d+0x4*0x80c)||_0xf74787)&&moveNext(_0x5558ff,_0x4fff74,_0x4bf1c8,_0xf74787);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x50282e,_0x54951f,_0x256d5d,_0x123fa4,_0x5018d8,_0x3456aa,_0x2dda00,_0x4fd17b,_0xeec660){if((_0x54951f===keyboardKeys.keyboardKeys['backspace']||_0x54951f===keyboardKeys.keyboardKeys['delete'])&&_0x50282e['length']>-0x1*0xf8f+-0x226d+-0x724*-0x7)onMultiSelectBackspaceOrDelete(_0x123fa4,_0x50282e,_0x256d5d,_0x5018d8,_0x3456aa);else {if(_0x54951f===keyboardKeys.keyboardKeys['enterKey'])onMultiSelectEnter(_0x2dda00);else {if(_0x54951f===keyboardKeys.keyboardKeys['escape'])onMultiSelectEscape(_0x123fa4,_0x5018d8,_0x2dda00);else (_0x54951f===keyboardKeys.keyboardKeys['arrowLeft']||_0x54951f===keyboardKeys.keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x54951f,_0x123fa4,_0x50282e,_0x5018d8,_0x4fd17b,_0xeec660);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x5e6965,_0x389e15,_0x5465b0){_0x5e6965['stopPropagation'](),_0x389e15(),_0x5465b0(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x37b64d,_0x5507f2,_0x1d829e){_0x37b64d(-(-0x172*0x17+-0x5*-0x795+-0x4aa)),_0x1d829e(!_0x5507f2);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x55f9c0){_0x55f9c0['preventDefault'](),_0x55f9c0['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0xcb27b2,_0x2c7f81,_0x4734a6){_0x2c7f81(_0xcb27b2),_0x4734a6('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x1ddacd,_0x3013fa,_0xc0c7bd){_0x3013fa(_0x1ddacd),_0xc0c7bd?.(_0x1ddacd);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x226d5,_0x5105f2){const _0x1d92f6=__name(_0x150417=>handleClickOutside(_0x226d5,_0x5105f2,_0x150417),'handler');return document['addEventListener'](events.eventListenerEvents['mousedown'],_0x1d92f6),()=>{document['removeEventListener'](events.eventListenerEvents['mousedown'],_0x1d92f6);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x172236,_0x3c3014,_0x406ebd){_0x172236['current']&&(!(_0x406ebd['target']instanceof Node)||!_0x172236['current']['contains'](_0x406ebd['target']))&&_0x3c3014(![]);}__name(handleClickOutside,'handleClickOutside');
+var __defProp=Object['defineProperty'],__name=(_0x23e8cf,_0x3ff6bf)=>__defProp(_0x23e8cf,'name',{'value':_0x3ff6bf,'configurable':!![]});const multiSelectVariants=classVarianceAuthority.cva('flex\x20h-8\x20flex-wrap\x20gap-1',{'variants':{'variant':{'bordered':'bg-background\x20rounded-md\x20border\x20text-sm\x20shadow-sm','float':'border-border\x20bg-background\x20hover:border-fd-accent\x20border-b\x20text-sm\x20transition-colors'}},'defaultVariants':{'variant':'float'}});function onMultiSelectValueChange(_0x129fc0,_0x67d887,_0x522f11,_0x3f1f49,_0x475516,_0x28e5d1,_0x5b89bb){let _0x303857;if(_0x129fc0===fdMultiSelectConstants.selectAllValue&&_0x5b89bb&&_0x475516)_0x303857=_0x28e5d1?[]:Array['from'](_0x5b89bb['keys']());else _0x67d887['includes'](_0x129fc0)?_0x303857=_0x67d887['filter'](_0x40b97b=>_0x40b97b!==_0x129fc0):_0x303857=[..._0x67d887,_0x129fc0];_0x522f11([..._0x303857]);let _0x2298ac='';if(_0x28e5d1&&_0x475516)_0x2298ac=fdMultiSelectConstants.selectAllDescription;else {if(_0x303857['length']>0x1e9*0x2+-0x35*0xb7+0x2211){let _0x303271=constants.fieldValuesSeparator;_0x5b89bb?_0x303857['forEach'](_0x4c5f19=>_0x2298ac+=_0x5b89bb['get'](_0x4c5f19)+_0x303271):_0x303857['forEach'](_0xc19223=>_0x2298ac+=_0xc19223+_0x303271),_0x2298ac=_0x2298ac['substring'](0x734*0x2+0x21bc+-0x3024,_0x2298ac['length']-_0x303271['length']),_0x2298ac=strings.shortenWithEllipsis(_0x2298ac,0x2*-0xa84+0x1ad7*0x1+-0x5be);}}_0x3f1f49(_0x2298ac);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x4b0507,_0x1b012f)=>{return _0x4b0507['reduce']((_0x916e6e,_0x7a7b53)=>''+_0x916e6e+(_0x1b012f['get'](_0x7a7b53)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x206df8,_0xd39612,_0x24da43,_0x5d1c9a){const _0x52114f=calculateNextIndex(_0x206df8,_0xd39612,_0x5d1c9a);_0x24da43(_0x52114f);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x556db9,_0x5a64cb,_0x1bea89)=>{const _0x208f37=_0x556db9+(-0x19b8+0x1*-0x1d7f+0x3738);if(_0x208f37>_0x5a64cb['length']-(0x3dc+0x2f*0xb+-0x178*0x4))return _0x1bea89?0x270f+-0x3*-0x135+0x9*-0x4be:-(-0x2fa+-0xa1*0x35+-0x48a*-0x8);return _0x208f37;},'calculateNextIndex'),movePrev=__name((_0x31fb93,_0x5c8020,_0x179078)=>{const _0x34fd3d=_0x31fb93-(0x9aa+0x3*-0x2f7+-0x2*0x62);_0x179078(_0x34fd3d<0x1*-0x2414+-0x2574+-0x4*-0x1262?_0x5c8020['length']-(-0x2600+0x2*-0x8a4+0x3749):_0x34fd3d);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x4c54cf,_0x3e8d69,_0x547eab,_0x48447b,_0x44005b)=>{if(!_0x547eab){if(_0x4c54cf!==-(0x2060+-0x1*-0x10a9+-0x3108)&&_0x4c54cf<_0x3e8d69['length']){_0x44005b(_0x3e8d69['filter'](_0x5b061e=>_0x5b061e!==_0x3e8d69[_0x4c54cf]));const _0x1a1bf3=_0x4c54cf-(-0x11*0x223+-0x2*-0x24+0x240c)<0x1a23+-0x27d+0x17a6*-0x1?0x7bd+0xbdb*0x2+-0x1f73:_0x4c54cf-(-0x393+-0x1cb6+-0x1025*-0x2);_0x48447b(_0x1a1bf3);}else _0x44005b(_0x3e8d69['filter'](_0x102252=>_0x102252!==_0x3e8d69[_0x3e8d69['length']-(-0x1a34+-0x137*0x2+-0x1*-0x1ca3)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x40690f=>{_0x40690f(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x3c1f61,_0x1ee112,_0xd0ed4c)=>{_0x3c1f61!==-(0x484+-0x15*0x105+0x10e6)?_0x1ee112(-(0x1a50+0x15dc+0x289*-0x13)):_0xd0ed4c(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x4d4169,_0x3f7522,_0x159600,_0x51f062,_0x4b778b,_0x2d1711)=>{if(_0x2d1711===fdMultiSelectConstants.directionRtl){if(_0x4d4169===keyboardKeys.keyboardKeys['arrowRight'])movePrev(_0x3f7522,_0x159600,_0x51f062);else _0x4d4169===keyboardKeys.keyboardKeys['arrowLeft']&&(_0x3f7522!==-(-0x1ee6+-0x269e+0x4585)||_0x4b778b)&&moveNext(_0x3f7522,_0x159600,_0x51f062,_0x4b778b);}else {if(_0x4d4169===keyboardKeys.keyboardKeys['arrowLeft'])movePrev(_0x3f7522,_0x159600,_0x51f062);else _0x4d4169===keyboardKeys.keyboardKeys['arrowRight']&&(_0x3f7522!==-(-0x19*0x8b+0x49c+0x8f8)||_0x4b778b)&&moveNext(_0x3f7522,_0x159600,_0x51f062,_0x4b778b);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x16640d,_0x512d52,_0x13507b,_0x473192,_0xbf46a5,_0x5da631,_0x1e0cf4,_0x116c1e,_0xb84f64){if((_0x512d52===keyboardKeys.keyboardKeys['backspace']||_0x512d52===keyboardKeys.keyboardKeys['delete'])&&_0x16640d['length']>0x676*-0x6+0x1*-0x2581+0xf41*0x5)onMultiSelectBackspaceOrDelete(_0x473192,_0x16640d,_0x13507b,_0xbf46a5,_0x5da631);else {if(_0x512d52===keyboardKeys.keyboardKeys['enterKey'])onMultiSelectEnter(_0x1e0cf4);else {if(_0x512d52===keyboardKeys.keyboardKeys['escape'])onMultiSelectEscape(_0x473192,_0xbf46a5,_0x1e0cf4);else (_0x512d52===keyboardKeys.keyboardKeys['arrowLeft']||_0x512d52===keyboardKeys.keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x512d52,_0x473192,_0x16640d,_0xbf46a5,_0x116c1e,_0xb84f64);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x333d68,_0x171330,_0x4f35e5){_0x333d68['stopPropagation'](),_0x171330(),_0x4f35e5(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x18b96c,_0x57e909,_0x2e55fc){_0x18b96c(-(0x2217+-0xa*0x34+0x16*-0x175)),_0x2e55fc(!_0x57e909);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x47f038){_0x47f038['preventDefault'](),_0x47f038['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x2df689,_0x18528d,_0x14b673){_0x18528d(_0x2df689),_0x14b673('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x12f6f0,_0x1307a1,_0x82a596){_0x1307a1(_0x12f6f0),_0x82a596?.(_0x12f6f0);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x5c146c,_0x614f2f){const _0x25a3a1=__name(_0x28c0f1=>handleClickOutside(_0x5c146c,_0x614f2f,_0x28c0f1),'handler');return document['addEventListener'](events.eventListenerEvents['mousedown'],_0x25a3a1),()=>{document['removeEventListener'](events.eventListenerEvents['mousedown'],_0x25a3a1);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x406972,_0x1f01df,_0x5956bb){_0x406972['current']&&(!(_0x5956bb['target']instanceof Node)||!_0x406972['current']['contains'](_0x5956bb['target']))&&_0x1f01df(![]);}__name(handleClickOutside,'handleClickOutside');
 
 exports.getMultiSelectStatusesById = getMultiSelectStatusesById;
 exports.handleOpenChange = handleOpenChange;

package/packages/level2/fd-component-toolbox/multiselect/Multiselect.funcs.js

@@ -6,6 +6,6 @@ import { selectAllValue, selectAllDescription, directionRtl } from './fd-multi-s
 import { eventListenerEvents } from '../../../fd-toolbox/constants/events.js';
 import { cva } from 'class-variance-authority';
 
-var __defProp=Object['defineProperty'],__name=(_0x21b251,_0x2b9774)=>__defProp(_0x21b251,'name',{'value':_0x2b9774,'configurable':!![]});const multiSelectVariants=cva('flex\x20h-8\x20flex-wrap\x20gap-1',{'variants':{'variant':{'bordered':'bg-background\x20rounded-md\x20border\x20text-sm\x20shadow-sm','float':'border-border\x20bg-background\x20hover:border-fd-accent\x20border-b\x20text-sm\x20transition-colors'}},'defaultVariants':{'variant':'float'}});function onMultiSelectValueChange(_0x20fdb4,_0xceaf92,_0x268dc7,_0x5b83fa,_0x4d05a9,_0x5ca255,_0x19beba){let _0x351acf;if(_0x20fdb4===selectAllValue&&_0x19beba&&_0x4d05a9)_0x351acf=_0x5ca255?[]:Array['from'](_0x19beba['keys']());else _0xceaf92['includes'](_0x20fdb4)?_0x351acf=_0xceaf92['filter'](_0x3cb40d=>_0x3cb40d!==_0x20fdb4):_0x351acf=[..._0xceaf92,_0x20fdb4];_0x268dc7([..._0x351acf]);let _0x16ecc0='';if(_0x5ca255&&_0x4d05a9)_0x16ecc0=selectAllDescription;else {if(_0x351acf['length']>0xd41+0x1031+0x1*-0x1d72){let _0x86e115=fieldValuesSeparator;_0x19beba?_0x351acf['forEach'](_0x179009=>_0x16ecc0+=_0x19beba['get'](_0x179009)+_0x86e115):_0x351acf['forEach'](_0x3caf5a=>_0x16ecc0+=_0x3caf5a+_0x86e115),_0x16ecc0=_0x16ecc0['substring'](0x25*-0xb+-0xe59+0xff0,_0x16ecc0['length']-_0x86e115['length']),_0x16ecc0=shortenWithEllipsis(_0x16ecc0,0x4e4+0x1a4b+-0x2*0xf8f);}}_0x5b83fa(_0x16ecc0);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x1e7d57,_0x1310e1)=>{return _0x1e7d57['reduce']((_0x37365e,_0x3c4e80)=>''+_0x37365e+(_0x1310e1['get'](_0x3c4e80)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x304b73,_0x14057e,_0x1a8cb6,_0x54c482){const _0x5d66ed=calculateNextIndex(_0x304b73,_0x14057e,_0x54c482);_0x1a8cb6(_0x5d66ed);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x511dc5,_0x45fea2,_0x36b2a6)=>{const _0x4e9c68=_0x511dc5+(-0xd50+-0x3*-0x137+-0x1*-0x9ac);if(_0x4e9c68>_0x45fea2['length']-(0x382*0xa+0x1b7c+0x5*-0xc83))return _0x36b2a6?0x199b+-0x20d4+0x739:-(-0x126+-0x26fd+-0x4*-0xa09);return _0x4e9c68;},'calculateNextIndex'),movePrev=__name((_0x29ac58,_0x157683,_0xf337f9)=>{const _0x23f97c=_0x29ac58-(-0xe3d*-0x1+0x7c5+0x83*-0x2b);_0xf337f9(_0x23f97c<0x70c*0x1+0x146b+-0x1*0x1b77?_0x157683['length']-(-0x26c2+0xf04*-0x2+0x44cb):_0x23f97c);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x18fae4,_0x5c6547,_0xd92387,_0x151fb7,_0x267a62)=>{if(!_0xd92387){if(_0x18fae4!==-(0x1f3e+-0x4*0x3b3+-0x1071)&&_0x18fae4<_0x5c6547['length']){_0x267a62(_0x5c6547['filter'](_0x337e90=>_0x337e90!==_0x5c6547[_0x18fae4]));const _0x3207b4=_0x18fae4-(0x24*0x100+-0x17*0x6+-0x2375*0x1)<0x1*-0xe9+0x238*-0xd+0x1dc1?-0x6a9+0x6*-0x504+0x61*0x61:_0x18fae4-(0x1*0x805+-0x1*-0x25dd+0x3*-0xf4b);_0x151fb7(_0x3207b4);}else _0x267a62(_0x5c6547['filter'](_0x19f5d6=>_0x19f5d6!==_0x5c6547[_0x5c6547['length']-(-0xa8+-0x2121+-0xad*-0x32)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x514e13=>{_0x514e13(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x5ec774,_0x3f0ec6,_0x4031fc)=>{_0x5ec774!==-(-0xb*0x32e+-0x1ada+-0xb*-0x59f)?_0x3f0ec6(-(0x1a66+-0x771*-0x4+0x51b*-0xb)):_0x4031fc(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x593242,_0x5558ff,_0x4fff74,_0x4bf1c8,_0xf74787,_0x38c6f4)=>{if(_0x38c6f4===directionRtl){if(_0x593242===keyboardKeys['arrowRight'])movePrev(_0x5558ff,_0x4fff74,_0x4bf1c8);else _0x593242===keyboardKeys['arrowLeft']&&(_0x5558ff!==-(0x42b+-0x2*0x937+-0xb*-0x14c)||_0xf74787)&&moveNext(_0x5558ff,_0x4fff74,_0x4bf1c8,_0xf74787);}else {if(_0x593242===keyboardKeys['arrowLeft'])movePrev(_0x5558ff,_0x4fff74,_0x4bf1c8);else _0x593242===keyboardKeys['arrowRight']&&(_0x5558ff!==-(-0xef2+-0x113d+0x4*0x80c)||_0xf74787)&&moveNext(_0x5558ff,_0x4fff74,_0x4bf1c8,_0xf74787);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x50282e,_0x54951f,_0x256d5d,_0x123fa4,_0x5018d8,_0x3456aa,_0x2dda00,_0x4fd17b,_0xeec660){if((_0x54951f===keyboardKeys['backspace']||_0x54951f===keyboardKeys['delete'])&&_0x50282e['length']>-0x1*0xf8f+-0x226d+-0x724*-0x7)onMultiSelectBackspaceOrDelete(_0x123fa4,_0x50282e,_0x256d5d,_0x5018d8,_0x3456aa);else {if(_0x54951f===keyboardKeys['enterKey'])onMultiSelectEnter(_0x2dda00);else {if(_0x54951f===keyboardKeys['escape'])onMultiSelectEscape(_0x123fa4,_0x5018d8,_0x2dda00);else (_0x54951f===keyboardKeys['arrowLeft']||_0x54951f===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x54951f,_0x123fa4,_0x50282e,_0x5018d8,_0x4fd17b,_0xeec660);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x5e6965,_0x389e15,_0x5465b0){_0x5e6965['stopPropagation'](),_0x389e15(),_0x5465b0(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x37b64d,_0x5507f2,_0x1d829e){_0x37b64d(-(-0x172*0x17+-0x5*-0x795+-0x4aa)),_0x1d829e(!_0x5507f2);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x55f9c0){_0x55f9c0['preventDefault'](),_0x55f9c0['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0xcb27b2,_0x2c7f81,_0x4734a6){_0x2c7f81(_0xcb27b2),_0x4734a6('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x1ddacd,_0x3013fa,_0xc0c7bd){_0x3013fa(_0x1ddacd),_0xc0c7bd?.(_0x1ddacd);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x226d5,_0x5105f2){const _0x1d92f6=__name(_0x150417=>handleClickOutside(_0x226d5,_0x5105f2,_0x150417),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x1d92f6),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x1d92f6);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x172236,_0x3c3014,_0x406ebd){_0x172236['current']&&(!(_0x406ebd['target']instanceof Node)||!_0x172236['current']['contains'](_0x406ebd['target']))&&_0x3c3014(![]);}__name(handleClickOutside,'handleClickOutside');
+var __defProp=Object['defineProperty'],__name=(_0x23e8cf,_0x3ff6bf)=>__defProp(_0x23e8cf,'name',{'value':_0x3ff6bf,'configurable':!![]});const multiSelectVariants=cva('flex\x20h-8\x20flex-wrap\x20gap-1',{'variants':{'variant':{'bordered':'bg-background\x20rounded-md\x20border\x20text-sm\x20shadow-sm','float':'border-border\x20bg-background\x20hover:border-fd-accent\x20border-b\x20text-sm\x20transition-colors'}},'defaultVariants':{'variant':'float'}});function onMultiSelectValueChange(_0x129fc0,_0x67d887,_0x522f11,_0x3f1f49,_0x475516,_0x28e5d1,_0x5b89bb){let _0x303857;if(_0x129fc0===selectAllValue&&_0x5b89bb&&_0x475516)_0x303857=_0x28e5d1?[]:Array['from'](_0x5b89bb['keys']());else _0x67d887['includes'](_0x129fc0)?_0x303857=_0x67d887['filter'](_0x40b97b=>_0x40b97b!==_0x129fc0):_0x303857=[..._0x67d887,_0x129fc0];_0x522f11([..._0x303857]);let _0x2298ac='';if(_0x28e5d1&&_0x475516)_0x2298ac=selectAllDescription;else {if(_0x303857['length']>0x1e9*0x2+-0x35*0xb7+0x2211){let _0x303271=fieldValuesSeparator;_0x5b89bb?_0x303857['forEach'](_0x4c5f19=>_0x2298ac+=_0x5b89bb['get'](_0x4c5f19)+_0x303271):_0x303857['forEach'](_0xc19223=>_0x2298ac+=_0xc19223+_0x303271),_0x2298ac=_0x2298ac['substring'](0x734*0x2+0x21bc+-0x3024,_0x2298ac['length']-_0x303271['length']),_0x2298ac=shortenWithEllipsis(_0x2298ac,0x2*-0xa84+0x1ad7*0x1+-0x5be);}}_0x3f1f49(_0x2298ac);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x4b0507,_0x1b012f)=>{return _0x4b0507['reduce']((_0x916e6e,_0x7a7b53)=>''+_0x916e6e+(_0x1b012f['get'](_0x7a7b53)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x206df8,_0xd39612,_0x24da43,_0x5d1c9a){const _0x52114f=calculateNextIndex(_0x206df8,_0xd39612,_0x5d1c9a);_0x24da43(_0x52114f);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x556db9,_0x5a64cb,_0x1bea89)=>{const _0x208f37=_0x556db9+(-0x19b8+0x1*-0x1d7f+0x3738);if(_0x208f37>_0x5a64cb['length']-(0x3dc+0x2f*0xb+-0x178*0x4))return _0x1bea89?0x270f+-0x3*-0x135+0x9*-0x4be:-(-0x2fa+-0xa1*0x35+-0x48a*-0x8);return _0x208f37;},'calculateNextIndex'),movePrev=__name((_0x31fb93,_0x5c8020,_0x179078)=>{const _0x34fd3d=_0x31fb93-(0x9aa+0x3*-0x2f7+-0x2*0x62);_0x179078(_0x34fd3d<0x1*-0x2414+-0x2574+-0x4*-0x1262?_0x5c8020['length']-(-0x2600+0x2*-0x8a4+0x3749):_0x34fd3d);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x4c54cf,_0x3e8d69,_0x547eab,_0x48447b,_0x44005b)=>{if(!_0x547eab){if(_0x4c54cf!==-(0x2060+-0x1*-0x10a9+-0x3108)&&_0x4c54cf<_0x3e8d69['length']){_0x44005b(_0x3e8d69['filter'](_0x5b061e=>_0x5b061e!==_0x3e8d69[_0x4c54cf]));const _0x1a1bf3=_0x4c54cf-(-0x11*0x223+-0x2*-0x24+0x240c)<0x1a23+-0x27d+0x17a6*-0x1?0x7bd+0xbdb*0x2+-0x1f73:_0x4c54cf-(-0x393+-0x1cb6+-0x1025*-0x2);_0x48447b(_0x1a1bf3);}else _0x44005b(_0x3e8d69['filter'](_0x102252=>_0x102252!==_0x3e8d69[_0x3e8d69['length']-(-0x1a34+-0x137*0x2+-0x1*-0x1ca3)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x40690f=>{_0x40690f(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x3c1f61,_0x1ee112,_0xd0ed4c)=>{_0x3c1f61!==-(0x484+-0x15*0x105+0x10e6)?_0x1ee112(-(0x1a50+0x15dc+0x289*-0x13)):_0xd0ed4c(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x4d4169,_0x3f7522,_0x159600,_0x51f062,_0x4b778b,_0x2d1711)=>{if(_0x2d1711===directionRtl){if(_0x4d4169===keyboardKeys['arrowRight'])movePrev(_0x3f7522,_0x159600,_0x51f062);else _0x4d4169===keyboardKeys['arrowLeft']&&(_0x3f7522!==-(-0x1ee6+-0x269e+0x4585)||_0x4b778b)&&moveNext(_0x3f7522,_0x159600,_0x51f062,_0x4b778b);}else {if(_0x4d4169===keyboardKeys['arrowLeft'])movePrev(_0x3f7522,_0x159600,_0x51f062);else _0x4d4169===keyboardKeys['arrowRight']&&(_0x3f7522!==-(-0x19*0x8b+0x49c+0x8f8)||_0x4b778b)&&moveNext(_0x3f7522,_0x159600,_0x51f062,_0x4b778b);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x16640d,_0x512d52,_0x13507b,_0x473192,_0xbf46a5,_0x5da631,_0x1e0cf4,_0x116c1e,_0xb84f64){if((_0x512d52===keyboardKeys['backspace']||_0x512d52===keyboardKeys['delete'])&&_0x16640d['length']>0x676*-0x6+0x1*-0x2581+0xf41*0x5)onMultiSelectBackspaceOrDelete(_0x473192,_0x16640d,_0x13507b,_0xbf46a5,_0x5da631);else {if(_0x512d52===keyboardKeys['enterKey'])onMultiSelectEnter(_0x1e0cf4);else {if(_0x512d52===keyboardKeys['escape'])onMultiSelectEscape(_0x473192,_0xbf46a5,_0x1e0cf4);else (_0x512d52===keyboardKeys['arrowLeft']||_0x512d52===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x512d52,_0x473192,_0x16640d,_0xbf46a5,_0x116c1e,_0xb84f64);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x333d68,_0x171330,_0x4f35e5){_0x333d68['stopPropagation'](),_0x171330(),_0x4f35e5(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x18b96c,_0x57e909,_0x2e55fc){_0x18b96c(-(0x2217+-0xa*0x34+0x16*-0x175)),_0x2e55fc(!_0x57e909);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x47f038){_0x47f038['preventDefault'](),_0x47f038['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x2df689,_0x18528d,_0x14b673){_0x18528d(_0x2df689),_0x14b673('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x12f6f0,_0x1307a1,_0x82a596){_0x1307a1(_0x12f6f0),_0x82a596?.(_0x12f6f0);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x5c146c,_0x614f2f){const _0x25a3a1=__name(_0x28c0f1=>handleClickOutside(_0x5c146c,_0x614f2f,_0x28c0f1),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x25a3a1),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x25a3a1);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x406972,_0x1f01df,_0x5956bb){_0x406972['current']&&(!(_0x5956bb['target']instanceof Node)||!_0x406972['current']['contains'](_0x5956bb['target']))&&_0x1f01df(![]);}__name(handleClickOutside,'handleClickOutside');
 
 export { getMultiSelectStatusesById, handleOpenChange, inputOnClick, mousePreventDefault, multiSelectVariants, onItemSelect, onMultiSelectKeyDown, onMultiSelectValueChange, registerClickOutsideMultiselectHandler, resetOnClick };

package/packages/level2/fd-component-toolbox/multiselect/Multiselect.js

@@ -31,9 +31,9 @@ function MultiSelect({
   disabled,
   variant,
   showSelectAll,
-  id,
   onOpenChange,
-  ref
+  ref,
+  ...props
 }) {
   const [inputValue, setInputValue] = useState("");
   const [open, setOpen] = useState(false);
@@ -93,11 +93,11 @@ function MultiSelect({
   return /* @__PURE__ */jsx(MultiselectContext.Provider, {
     value: contextValue,
     children: /* @__PURE__ */jsx(Command, {
-      id,
       ref: containerRef,
       onKeyDown,
       className: cn("flex flex-col overflow-visible bg-transparent", className),
       dir,
+      ...props,
       children
     })
   });
@@ -106,7 +106,8 @@ __name(MultiSelect, "MultiSelect");
 function MultiselectTrigger({
   className,
   children,
-  ref
+  ref,
+  ...props
 }) {
   const {
     disabled,
@@ -120,6 +121,7 @@ function MultiselectTrigger({
     }), disabled && "cursor-not-allowed opacity-50", className),
     onMouseOver: () => setHovered(true),
     onMouseOut: () => setHovered(false),
+    ...props,
     children
   });
 }
@@ -160,7 +162,8 @@ function MultiselectInput({
   className,
   placeholder,
   animatedPlaceholder,
-  ref
+  ref,
+  ...props
 }) {
   const {
     onOpenChangeCallback,
@@ -184,6 +187,7 @@ function MultiselectInput({
       className: "relative w-full",
       children: [/* @__PURE__ */jsx(FadeOutText, {
         children: /* @__PURE__ */jsx(Command$1.Input, {
+          ...props,
           ref,
           placeholder: description || (placeholder ?? ""),
           value: inputValue,
@@ -217,7 +221,8 @@ MultiselectInput.displayName = "MultiselectInput";
 function MultiselectContent({
   children,
   className,
-  ref
+  ref,
+  ...props
 }) {
   const {
     open
@@ -225,6 +230,7 @@ function MultiselectContent({
   return /* @__PURE__ */jsx("div", {
     ref,
     className: cn("relative top-1", className),
+    ...props,
     children: open && children
   });
 }
@@ -233,7 +239,8 @@ MultiselectContent.displayName = "MultiselectContent";
 function MultiselectList({
   className,
   children,
-  ref
+  ref,
+  ...props
 }) {
   const {
     showSelectAll
@@ -241,6 +248,7 @@ function MultiselectList({
   return /* @__PURE__ */jsxs(CommandList, {
     ref,
     className: cn("bg-background absolute top-0 z-10 flex w-auto min-w-full flex-col gap-2 rounded-md border p-2 shadow-md transition-colors", className),
+    ...props,
     children: [showSelectAll && /* @__PURE__ */jsx(MultiselectItem, {
       value: selectAllValue,
       selectAll: false,
@@ -261,7 +269,7 @@ function MultiselectItem({
   children,
   selectAll,
   ref,
-  disabled
+  ...props
 }) {
   const {
     value: Options,
@@ -272,10 +280,11 @@ function MultiselectItem({
   const isIncluded = selectAll ? isAllSelected : Options.includes(value);
   return /* @__PURE__ */jsxs(CommandItem, {
     ref,
+    ...props,
     onSelect: () => {
       onItemSelect(value, onValueChange, setInputValue);
     },
-    className: cn("flex cursor-pointer justify-between rounded-md px-2 py-1 transition-colors", className, isIncluded && "bg-accent text-accent-foreground cursor-default", disabled && "cursor-not-allowed opacity-50"),
+    className: cn("flex cursor-pointer justify-between rounded-md px-2 py-1 transition-colors", className, isIncluded && "bg-accent text-accent-foreground cursor-default", props.disabled && "cursor-not-allowed opacity-50"),
     onMouseDown: mousePreventDefault,
     children: [children, /* @__PURE__ */jsx(Check, {
       className: cn("ml-2 size-4 opacity-0", isIncluded && "opacity-50")

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

@@ -4,7 +4,7 @@
 var React = require('react');
 var errors = require('../../../../fd-toolbox/errors/errors.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x2285d2,_0x2c381b)=>__defProp(_0x2285d2,'name',{'value':_0x2c381b,'configurable':!![]});const MultiselectContext=React.createContext(null);const useMultiselect=__name(()=>{const _0x3b2d42=React.useContext(MultiselectContext);if(!_0x3b2d42)throw errors.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=React.createContext(null);const useMultiselect=__name(()=>{const _0x61008a=React.useContext(MultiselectContext);if(!_0x61008a)throw errors.createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x61008a;},'useMultiselect');
 
 exports.MultiselectContext = MultiselectContext;
 exports.useMultiselect = useMultiselect;