@fernir2/saas-kit 0.0.160 → 0.0.162

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

@@ -8,7 +8,7 @@ var React = require('react');
 var Command = require('../command/Command.cjs.js');
 var cmdk = require('cmdk');
 var lucideReact = require('lucide-react');
-var utils = require('../../fd-toolbox/lib/utils.cjs.js');
+var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
 var Multiselect_funcs = require('./Multiselect.funcs.cjs.js');
 var LabelAnimation = require('../animation/LabelAnimation.cjs.js');
 var Button = require('../button/Button.cjs.js');
@@ -32,7 +32,7 @@ function MultiSelect({
   dir,
   disabled,
   variant,
-  withSelectAll,
+  showSelectAll,
   onOpenChange,
   ref,
   ...props
@@ -41,7 +41,7 @@ function MultiSelect({
   const [open, setOpen] = React.useState(false);
   const [activeIndex, setActiveIndex] = React.useState(-1);
   const [description, setDescription] = React.useState("");
-  const [isHovered, setIsHovered] = React.useState(false);
+  const [hovered, setHovered] = React.useState(false);
   const containerRef = React.useRef(null);
   const isAllSelected = value.length === displayValues?.size;
   const onOpenChangeCallback = React.useCallback(isOpen => {
@@ -53,12 +53,12 @@ function MultiSelect({
     }, "open")
   }), [onOpenChangeCallback]);
   const onValueChangeCallback = React.useCallback(val => {
-    Multiselect_funcs.onMultiSelectValueChange(val, value, onValueChange, setDescription, withSelectAll, isAllSelected, displayValues);
-  }, [value, onValueChange, withSelectAll, isAllSelected, displayValues]);
+    Multiselect_funcs.onMultiSelectValueChange(val, value, onValueChange, setDescription, showSelectAll, isAllSelected, displayValues);
+  }, [value, onValueChange, showSelectAll, isAllSelected, displayValues]);
   const onFilterReset = React.useCallback(() => {
     onValueChange([]);
   }, [onValueChange]);
-  const contextValue = React.useMemo(() => ({
+  const contextValue = {
     value,
     onValueChange: onValueChangeCallback,
     description,
@@ -70,25 +70,25 @@ function MultiSelect({
     setActiveIndex,
     disabled,
     onReset: onFilterReset,
-    isHovered,
-    setIsHovered,
+    hovered,
+    setHovered,
     variant: variant ?? "float",
-    withSelectAll,
+    showSelectAll,
     isAllSelected
-  }), [value, onValueChangeCallback, description, open, onOpenChangeCallback, inputValue, setInputValue, activeIndex, setActiveIndex, disabled, onFilterReset, isHovered, setIsHovered, variant, withSelectAll, isAllSelected]);
+  };
   React.useLayoutEffect(() => {
     if (!value || value.length === 0) {
       setDescription("");
     }
   }, [value]);
   React.useEffect(() => {
-    if (withSelectAll && isAllSelected) {
+    if (showSelectAll && isAllSelected) {
       setDescription(fdMultiSelectConstants.selectAllDescription);
     } else if (value && displayValues) {
       const statuses = Multiselect_funcs.getMultiSelectStatusesById(value, displayValues);
       setDescription(statuses);
     }
-  }, [value, displayValues, withSelectAll, isAllSelected]);
+  }, [value, displayValues, showSelectAll, isAllSelected]);
   React.useEffect(() => {
     if (!open) return void 0;
     return Multiselect_funcs.registerClickOutsideMultiselectHandler(containerRef, onOpenChangeCallback);
@@ -117,7 +117,7 @@ function MultiselectTrigger({
 }) {
   const {
     disabled,
-    setIsHovered,
+    setHovered,
     variant
   } = useMultiSelect.useMultiselect();
   return /* @__PURE__ */jsxRuntime.jsx("div", {
@@ -125,8 +125,8 @@ function MultiselectTrigger({
     className: utils.cn(Multiselect_funcs.multiSelectVariants({
       variant
     }), disabled && "cursor-not-allowed opacity-50", className),
-    onMouseOver: () => setIsHovered(true),
-    onMouseOut: () => setIsHovered(false),
+    onMouseOver: () => setHovered(true),
+    onMouseOut: () => setHovered(false),
     ...props,
     children
   });
@@ -191,7 +191,7 @@ function MultiselectInput({
     activeIndex,
     setActiveIndex,
     disabled,
-    isHovered,
+    hovered,
     variant
   } = useMultiSelect.useMultiselect();
   const onInputClickCallback = React.useCallback(() => {
@@ -222,7 +222,7 @@ function MultiselectInput({
     }), /* @__PURE__ */jsxRuntime.jsx("div", {
       className: "flex size-4 shrink-0 items-center justify-center",
       children: description ? /* @__PURE__ */jsxRuntime.jsx("div", {
-        className: utils.cn(isHovered ? "animate-fade-in" : "animate-fade-out"),
+        className: utils.cn(hovered ? "animate-fade-in" : "animate-fade-out"),
         children: /* @__PURE__ */jsxRuntime.jsx(MultiselectReset, {})
       }) : /* @__PURE__ */jsxRuntime.jsx("div", {
         className: "focus:outline-none",
@@ -261,15 +261,15 @@ function MultiselectList({
   ...props
 }) {
   const {
-    withSelectAll
+    showSelectAll
   } = useMultiSelect.useMultiselect();
   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: [withSelectAll && /* @__PURE__ */jsxRuntime.jsx(MultiselectItem, {
+    children: [showSelectAll && /* @__PURE__ */jsxRuntime.jsx(MultiselectItem, {
       value: fdMultiSelectConstants.selectAllValue,
-      isSelectAll: false,
+      selectAll: false,
       children: fdMultiSelectConstants.selectAllDescription
     }), children, /* @__PURE__ */jsxRuntime.jsx(Command.CommandEmpty, {
       children: /* @__PURE__ */jsxRuntime.jsx("span", {
@@ -285,7 +285,7 @@ function MultiselectItem({
   className,
   value,
   children,
-  isSelectAll,
+  selectAll,
   ref,
   ...props
 }) {
@@ -295,7 +295,7 @@ function MultiselectItem({
     setInputValue,
     isAllSelected
   } = useMultiSelect.useMultiselect();
-  const isIncluded = isSelectAll ? isAllSelected : Options.includes(value);
+  const isIncluded = selectAll ? isAllSelected : Options.includes(value);
   const onSelect = React.useCallback(() => {
     Multiselect_funcs.onItemSelect(value, onValueChange, setInputValue);
   }, [value, onValueChange, setInputValue]);

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { VoidFunc } from "../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
 import { Command as CommandPrimitive } from "cmdk";
 import { multiSelectVariants } from "./Multiselect.funcs";
 import { VariantProps } from "class-variance-authority";
-import { OpenTriggerRef } from "../../fd-toolbox/types/ref-object";
+import { OpenTriggerRef } from "../../../fd-toolbox/types/ref-object";
 /**
  * Props of {@link Multiselect}
  */
@@ -19,7 +19,7 @@ export type MultiselectProps = {
     /** Whether the multiselect is disabled */
     disabled: boolean;
     /** Whether the multiselect should show a "Select All" option */
-    withSelectAll?: boolean;
+    showSelectAll?: boolean;
     /** Callback fired when the multiselect's open state changes */
     onOpenChange?: VoidFunc<boolean>;
     /** Ref for the open trigger element */
@@ -48,7 +48,7 @@ export type MultiselectInputProps = {
  *             onValuesChange={setSelectedValues}
  *             displayValues={new Map([["option1", "Option 1"], ["option2", "Option 2"]])}
  *             disabled={false}
- *             withSelectAll
+ *             showSelectAll
  *             variant="float"
  *         >
  *             ...
@@ -57,7 +57,7 @@ export type MultiselectInputProps = {
  * }
  * ```
  */
-declare function MultiSelect({ values: value, onValuesChange: onValueChange, displayValues, loop, className, children, dir, disabled, variant, withSelectAll, onOpenChange, ref, ...props }: MultiselectProps): React.JSX.Element;
+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
  *
@@ -115,14 +115,14 @@ declare namespace MultiselectList {
  *
  * @example
  * ```tsx
- * <MultiselectItem value="selectAll" isSelectAll>
+ * <MultiselectItem value="selectAll" selectAll>
  *   All
  * </MultiselectItem>
  * ```
  */
-declare function MultiselectItem({ className, value, children, isSelectAll, ref, ...props }: {
+declare function MultiselectItem({ className, value, children, selectAll, ref, ...props }: {
     value: string;
-    isSelectAll?: boolean;
+    selectAll?: boolean;
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Item>>;
 } & React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>): React.JSX.Element;
 declare namespace MultiselectItem {

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

@@ -1,14 +1,14 @@
 'use strict';
 'use strict';
 
-var keyboardKeys = require('../../fd-toolbox/constants/keyboard-keys.cjs.js');
-var strings = require('../../fd-toolbox/strings/strings.cjs.js');
-var constants = require('../../fd-toolbox/constants/constants.cjs.js');
+var keyboardKeys = require('../../../fd-toolbox/constants/keyboard-keys.cjs.js');
+var strings = require('../../../fd-toolbox/strings/strings.cjs.js');
+var constants = require('../../../fd-toolbox/constants/constants.cjs.js');
 var fdMultiSelectConstants = require('./fd-multi-select-constants.cjs.js');
-var events = require('../../fd-toolbox/constants/events.cjs.js');
+var events = require('../../../fd-toolbox/constants/events.cjs.js');
 var classVarianceAuthority = require('class-variance-authority');
 
-var __defProp=Object['defineProperty'],__name=(_0x59eee8,_0x3975e8)=>__defProp(_0x59eee8,'name',{'value':_0x3975e8,'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(_0x2c2050,_0x1805c8,_0x26a17b,_0x210294,_0x51d561,_0x454f2e,_0x404b05){let _0x3cbb07;if(_0x2c2050===fdMultiSelectConstants.selectAllValue&&_0x404b05&&_0x51d561)_0x3cbb07=_0x454f2e?[]:Array['from'](_0x404b05['keys']());else _0x1805c8['includes'](_0x2c2050)?_0x3cbb07=_0x1805c8['filter'](_0x17959e=>_0x17959e!==_0x2c2050):_0x3cbb07=[..._0x1805c8,_0x2c2050];_0x26a17b([..._0x3cbb07]);let _0x5e00e1='';if(_0x454f2e&&_0x51d561)_0x5e00e1=fdMultiSelectConstants.selectAllDescription;else {if(_0x3cbb07['length']>-0x101d+0x1464+-0x49*0xf){let _0x5a17df=constants.fieldValuesSeparator;_0x404b05?_0x3cbb07['forEach'](_0x327b4c=>_0x5e00e1+=_0x404b05['get'](_0x327b4c)+_0x5a17df):_0x3cbb07['forEach'](_0xb28f40=>_0x5e00e1+=_0xb28f40+_0x5a17df),_0x5e00e1=_0x5e00e1['substring'](0x1*0x6a+0x466+-0x4d0,_0x5e00e1['length']-_0x5a17df['length']),_0x5e00e1=strings.shortenWithEllipsis(_0x5e00e1,0x10c3+0x409+0x1*-0x14bb);}}_0x210294(_0x5e00e1);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x1707e6,_0x38743f)=>{return _0x1707e6['reduce']((_0x22216c,_0x446ec0)=>''+_0x22216c+(_0x38743f['get'](_0x446ec0)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x161a02,_0x1c0c51,_0x523d09,_0x28921b){const _0x4bb4ec=calculateNextIndex(_0x161a02,_0x1c0c51,_0x28921b);_0x523d09(_0x4bb4ec);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x2f680a,_0x98aeae,_0xcdeeb4)=>{const _0x52768d=_0x2f680a+(-0x13f6+0x1b97+-0x7a0);if(_0x52768d>_0x98aeae['length']-(-0x18f3+-0x219d+0x3a91))return _0xcdeeb4?0x1fd*-0x6+0x1220+-0x632:-(0x3*-0x449+0x933+0x3a9*0x1);return _0x52768d;},'calculateNextIndex'),movePrev=__name((_0x4c3b27,_0x8178a5,_0x521c56)=>{const _0x3b979e=_0x4c3b27-(0x243*-0x2+0xa*-0xef+0xddd);_0x521c56(_0x3b979e<-0xefb+0x1*0x1a35+0x1df*-0x6?_0x8178a5['length']-(0x9d*-0xa+-0x1*0x16ed+0x6*0x4d8):_0x3b979e);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x12d448,_0x3635c5,_0x2578fc,_0x2b8510,_0x295357)=>{if(!_0x2578fc){if(_0x12d448!==-(-0x2*0x6cb+-0xc85+0x1a1c)&&_0x12d448<_0x3635c5['length']){_0x295357(_0x3635c5['filter'](_0x25537b=>_0x25537b!==_0x3635c5[_0x12d448]));const _0x1a87a3=_0x12d448-(-0x23*-0xa1+-0x89*-0x30+-0x2fb2)<-0x6a7*0x5+0x1bc+-0x7*-0x481?-0x25b4+0x521+0x2093:_0x12d448-(0x2*-0x6d8+0xae1+0x2d0);_0x2b8510(_0x1a87a3);}else _0x295357(_0x3635c5['filter'](_0x108c5c=>_0x108c5c!==_0x3635c5[_0x3635c5['length']-(0xe3*0x11+0x19cf+-0x73*0x5b)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x68d357=>{_0x68d357(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x2b36a5,_0x345480,_0x43c73a)=>{_0x2b36a5!==-(0x24a1*-0x1+0x61*-0x1+0x2503)?_0x345480(-(-0x16fd+-0x173d+0x2e3b)):_0x43c73a(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0xcfd862,_0x2e255e,_0x7a075b,_0x491486,_0x3bee48,_0x1cb0fc)=>{if(_0x1cb0fc===fdMultiSelectConstants.directionRtl){if(_0xcfd862===keyboardKeys.keyboardKeys['arrowRight'])movePrev(_0x2e255e,_0x7a075b,_0x491486);else _0xcfd862===keyboardKeys.keyboardKeys['arrowLeft']&&(_0x2e255e!==-(0x7*0x4cf+-0x13e8+-0xdc0)||_0x3bee48)&&moveNext(_0x2e255e,_0x7a075b,_0x491486,_0x3bee48);}else {if(_0xcfd862===keyboardKeys.keyboardKeys['arrowLeft'])movePrev(_0x2e255e,_0x7a075b,_0x491486);else _0xcfd862===keyboardKeys.keyboardKeys['arrowRight']&&(_0x2e255e!==-(-0x4be*0x1+0x12bf*0x1+-0xe00)||_0x3bee48)&&moveNext(_0x2e255e,_0x7a075b,_0x491486,_0x3bee48);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x582bc5,_0x27f8ce,_0x33bf57,_0x43d678,_0x519be7,_0x43d2a6,_0xc94f1e,_0x2daf9e,_0x185875){if((_0x27f8ce===keyboardKeys.keyboardKeys['backspace']||_0x27f8ce===keyboardKeys.keyboardKeys['delete'])&&_0x582bc5['length']>-0x85e+0x13f*0x3+0x4a1)onMultiSelectBackspaceOrDelete(_0x43d678,_0x582bc5,_0x33bf57,_0x519be7,_0x43d2a6);else {if(_0x27f8ce===keyboardKeys.keyboardKeys['enterKey'])onMultiSelectEnter(_0xc94f1e);else {if(_0x27f8ce===keyboardKeys.keyboardKeys['escape'])onMultiSelectEscape(_0x43d678,_0x519be7,_0xc94f1e);else (_0x27f8ce===keyboardKeys.keyboardKeys['arrowLeft']||_0x27f8ce===keyboardKeys.keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x27f8ce,_0x43d678,_0x582bc5,_0x519be7,_0x2daf9e,_0x185875);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x2229c1,_0x4edda8,_0x432cf6){_0x2229c1['stopPropagation'](),_0x4edda8(),_0x432cf6(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x228e48,_0x337e1a,_0x3b6eee){_0x228e48(-(-0x13f8+0x1ba*-0x16+0x1*0x39f5)),_0x3b6eee(!_0x337e1a);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x12a4c3){_0x12a4c3['preventDefault'](),_0x12a4c3['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x101a37,_0x4b7e0a,_0x4ea646){_0x4b7e0a(_0x101a37),_0x4ea646('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x2b0aaf,_0x35b0e8,_0x2d8830){_0x35b0e8(_0x2b0aaf),_0x2d8830?.(_0x2b0aaf);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x21bd74,_0x3ead16){const _0x4ba213=__name(_0x5062c8=>handleClickOutside(_0x21bd74,_0x3ead16,_0x5062c8),'handler');return document['addEventListener'](events.eventListenerEvents['mousedown'],_0x4ba213),()=>{document['removeEventListener'](events.eventListenerEvents['mousedown'],_0x4ba213);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0xd317a1,_0x2fa9e4,_0x4c4161){_0xd317a1['current']&&(!(_0x4c4161['target']instanceof Node)||!_0xd317a1['current']['contains'](_0x4c4161['target']))&&_0x2fa9e4(![]);}__name(handleClickOutside,'handleClickOutside');
+var __defProp=Object['defineProperty'],__name=(_0xeafd16,_0x5bb093)=>__defProp(_0xeafd16,'name',{'value':_0x5bb093,'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(_0x2e278d,_0x289a15,_0x69a30b,_0x1edd4d,_0x452a86,_0x109d5a,_0x4f3aa1){let _0x2c2723;if(_0x2e278d===fdMultiSelectConstants.selectAllValue&&_0x4f3aa1&&_0x452a86)_0x2c2723=_0x109d5a?[]:Array['from'](_0x4f3aa1['keys']());else _0x289a15['includes'](_0x2e278d)?_0x2c2723=_0x289a15['filter'](_0x407a99=>_0x407a99!==_0x2e278d):_0x2c2723=[..._0x289a15,_0x2e278d];_0x69a30b([..._0x2c2723]);let _0x355e1e='';if(_0x109d5a&&_0x452a86)_0x355e1e=fdMultiSelectConstants.selectAllDescription;else {if(_0x2c2723['length']>0x18e0+-0x9*-0x283+0x5*-0x97f){let _0x23c7c1=constants.fieldValuesSeparator;_0x4f3aa1?_0x2c2723['forEach'](_0x10f8de=>_0x355e1e+=_0x4f3aa1['get'](_0x10f8de)+_0x23c7c1):_0x2c2723['forEach'](_0x3f9977=>_0x355e1e+=_0x3f9977+_0x23c7c1),_0x355e1e=_0x355e1e['substring'](0x6*0x516+-0x1097+0x1f*-0x73,_0x355e1e['length']-_0x23c7c1['length']),_0x355e1e=strings.shortenWithEllipsis(_0x355e1e,0x1ba3+0xec+-0x1*0x1c7e);}}_0x1edd4d(_0x355e1e);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x4459e3,_0x648733)=>{return _0x4459e3['reduce']((_0x56b534,_0x3dc14d)=>''+_0x56b534+(_0x648733['get'](_0x3dc14d)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0xb50924,_0x7c2272,_0x553a14,_0x14dc42){const _0x3ce7b4=calculateNextIndex(_0xb50924,_0x7c2272,_0x14dc42);_0x553a14(_0x3ce7b4);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x369997,_0x34fd84,_0x14b421)=>{const _0x1a3770=_0x369997+(-0x49*0x7f+0x1751+0x3*0x44d);if(_0x1a3770>_0x34fd84['length']-(0x632+0x26*0x13+0x903*-0x1))return _0x14b421?0x1abe*-0x1+-0x2476+0x1*0x3f34:-(0x7be*0x1+0x2*0x1213+-0x2be3);return _0x1a3770;},'calculateNextIndex'),movePrev=__name((_0xeea71d,_0x36cb89,_0x2678d0)=>{const _0x28a285=_0xeea71d-(0x1e4f*0x1+0x5*-0x48b+0x43*-0x1d);_0x2678d0(_0x28a285<0x1d75+-0x25a6+0x831?_0x36cb89['length']-(-0x1106+-0x5f*0x11+0x1756):_0x28a285);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x9497e9,_0x1b58e0,_0x313bc5,_0xc9000b,_0x5937aa)=>{if(!_0x313bc5){if(_0x9497e9!==-(-0xa4c+0x148c+-0xa3f)&&_0x9497e9<_0x1b58e0['length']){_0x5937aa(_0x1b58e0['filter'](_0x40dcc8=>_0x40dcc8!==_0x1b58e0[_0x9497e9]));const _0x5af036=_0x9497e9-(-0x4*-0x121+0x1*0x1017+-0x149a)<-0xe9*-0x20+0x1b91*0x1+-0x38b1?-0x173*0x7+0xb*-0x363+0x2f66:_0x9497e9-(0x5d*-0xe+0x2*-0x110d+-0x7f*-0x4f);_0xc9000b(_0x5af036);}else _0x5937aa(_0x1b58e0['filter'](_0x4ab422=>_0x4ab422!==_0x1b58e0[_0x1b58e0['length']-(0x117a*0x1+0x987+-0x48*0x60)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x12bd2e=>{_0x12bd2e(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x4ef7c7,_0x43edc8,_0x1f259f)=>{_0x4ef7c7!==-(0x2388+-0x2324+-0x63)?_0x43edc8(-(-0x1*0x14b5+-0x14e2+0x58*0x79)):_0x1f259f(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x405577,_0x17167d,_0x156eb6,_0x581232,_0x500b35,_0x3134ff)=>{if(_0x3134ff===fdMultiSelectConstants.directionRtl){if(_0x405577===keyboardKeys.keyboardKeys['arrowRight'])movePrev(_0x17167d,_0x156eb6,_0x581232);else _0x405577===keyboardKeys.keyboardKeys['arrowLeft']&&(_0x17167d!==-(0x21a0+-0x10a0+0x13*-0xe5)||_0x500b35)&&moveNext(_0x17167d,_0x156eb6,_0x581232,_0x500b35);}else {if(_0x405577===keyboardKeys.keyboardKeys['arrowLeft'])movePrev(_0x17167d,_0x156eb6,_0x581232);else _0x405577===keyboardKeys.keyboardKeys['arrowRight']&&(_0x17167d!==-(0x771+-0x1dc4+0x1654)||_0x500b35)&&moveNext(_0x17167d,_0x156eb6,_0x581232,_0x500b35);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x5f126b,_0x30d16b,_0x47e757,_0x27be96,_0x2a62a7,_0x2c6b8e,_0x5a5a14,_0x4cfcdc,_0xc723ad){if((_0x30d16b===keyboardKeys.keyboardKeys['backspace']||_0x30d16b===keyboardKeys.keyboardKeys['delete'])&&_0x5f126b['length']>-0x3f4+0xa80*-0x1+0x73a*0x2)onMultiSelectBackspaceOrDelete(_0x27be96,_0x5f126b,_0x47e757,_0x2a62a7,_0x2c6b8e);else {if(_0x30d16b===keyboardKeys.keyboardKeys['enterKey'])onMultiSelectEnter(_0x5a5a14);else {if(_0x30d16b===keyboardKeys.keyboardKeys['escape'])onMultiSelectEscape(_0x27be96,_0x2a62a7,_0x5a5a14);else (_0x30d16b===keyboardKeys.keyboardKeys['arrowLeft']||_0x30d16b===keyboardKeys.keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x30d16b,_0x27be96,_0x5f126b,_0x2a62a7,_0x4cfcdc,_0xc723ad);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x4d03f8,_0x43b20c,_0x32f78d){_0x4d03f8['stopPropagation'](),_0x43b20c(),_0x32f78d(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x29d641,_0x5acc69,_0x10a3d9){_0x29d641(-(-0x1bac+0x2*-0x120c+0x3fc5)),_0x10a3d9(!_0x5acc69);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x25269a){_0x25269a['preventDefault'](),_0x25269a['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x162860,_0x1dcef7,_0x512869){_0x1dcef7(_0x162860),_0x512869('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x540eda,_0x10f68b,_0x5e1675){_0x10f68b(_0x540eda),_0x5e1675?.(_0x540eda);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x1a7309,_0xbc4dee){const _0x26f895=__name(_0x89c15f=>handleClickOutside(_0x1a7309,_0xbc4dee,_0x89c15f),'handler');return document['addEventListener'](events.eventListenerEvents['mousedown'],_0x26f895),()=>{document['removeEventListener'](events.eventListenerEvents['mousedown'],_0x26f895);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x50eb6c,_0x2b1054,_0x23ad74){_0x50eb6c['current']&&(!(_0x23ad74['target']instanceof Node)||!_0x50eb6c['current']['contains'](_0x23ad74['target']))&&_0x2b1054(![]);}__name(handleClickOutside,'handleClickOutside');
 
 exports.getMultiSelectStatusesById = getMultiSelectStatusesById;
 exports.handleOpenChange = handleOpenChange;

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

@@ -1,12 +1,12 @@
-import { MouseEventType, RefObjectType } from "../../fd-toolbox/types/react-types";
-import { VoidFunc, VoidFuncNoParam } from "../../fd-toolbox/functions/getter-setter-functions";
+import { MouseEventType, RefObjectType } from "../../../fd-toolbox/types/react-types";
+import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
 /**
  * Using {@link https:/cva.style/docs/getting-started/variants class-variance-authority}
  */
 export declare const multiSelectVariants: (props?: {
     variant?: "float" | "bordered";
 } & import("class-variance-authority/types").ClassProp) => string;
-export declare function onMultiSelectValueChange(val: string, value: string[], onValueChange: VoidFunc<string[]>, setDescription: VoidFunc<string>, withSelectAll?: boolean, isAllSelected?: boolean, displayValues?: Map<string, string>): void;
+export declare function onMultiSelectValueChange(val: string, value: string[], onValueChange: VoidFunc<string[]>, setDescription: VoidFunc<string>, showSelectAll?: boolean, isAllSelected?: boolean, displayValues?: Map<string, string>): void;
 export declare const getMultiSelectStatusesById: (ids: string[], displayValues: Map<string, string>) => string;
 export declare function onMultiSelectKeyDown(value: string[], eventKey: string, inputValue: string, activeIndex: number, setActiveIndex: VoidFunc<number>, onValueChange: VoidFunc<string[]>, setOpen: VoidFunc<boolean>, loop?: boolean, dir?: string): void;
 export declare function resetOnClick(e: MouseEventType, onReset: VoidFuncNoParam, setOpen: VoidFunc<boolean>): void;

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

@@ -1,11 +1,11 @@
 'use strict';
-import { keyboardKeys } from '../../fd-toolbox/constants/keyboard-keys.js';
-import { shortenWithEllipsis } from '../../fd-toolbox/strings/strings.js';
-import { fieldValuesSeparator } from '../../fd-toolbox/constants/constants.js';
+import { keyboardKeys } from '../../../fd-toolbox/constants/keyboard-keys.js';
+import { shortenWithEllipsis } from '../../../fd-toolbox/strings/strings.js';
+import { fieldValuesSeparator } from '../../../fd-toolbox/constants/constants.js';
 import { selectAllValue, selectAllDescription, directionRtl } from './fd-multi-select-constants.js';
-import { eventListenerEvents } from '../../fd-toolbox/constants/events.js';
+import { eventListenerEvents } from '../../../fd-toolbox/constants/events.js';
 import { cva } from 'class-variance-authority';
 
-var __defProp=Object['defineProperty'],__name=(_0x59eee8,_0x3975e8)=>__defProp(_0x59eee8,'name',{'value':_0x3975e8,'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(_0x2c2050,_0x1805c8,_0x26a17b,_0x210294,_0x51d561,_0x454f2e,_0x404b05){let _0x3cbb07;if(_0x2c2050===selectAllValue&&_0x404b05&&_0x51d561)_0x3cbb07=_0x454f2e?[]:Array['from'](_0x404b05['keys']());else _0x1805c8['includes'](_0x2c2050)?_0x3cbb07=_0x1805c8['filter'](_0x17959e=>_0x17959e!==_0x2c2050):_0x3cbb07=[..._0x1805c8,_0x2c2050];_0x26a17b([..._0x3cbb07]);let _0x5e00e1='';if(_0x454f2e&&_0x51d561)_0x5e00e1=selectAllDescription;else {if(_0x3cbb07['length']>-0x101d+0x1464+-0x49*0xf){let _0x5a17df=fieldValuesSeparator;_0x404b05?_0x3cbb07['forEach'](_0x327b4c=>_0x5e00e1+=_0x404b05['get'](_0x327b4c)+_0x5a17df):_0x3cbb07['forEach'](_0xb28f40=>_0x5e00e1+=_0xb28f40+_0x5a17df),_0x5e00e1=_0x5e00e1['substring'](0x1*0x6a+0x466+-0x4d0,_0x5e00e1['length']-_0x5a17df['length']),_0x5e00e1=shortenWithEllipsis(_0x5e00e1,0x10c3+0x409+0x1*-0x14bb);}}_0x210294(_0x5e00e1);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x1707e6,_0x38743f)=>{return _0x1707e6['reduce']((_0x22216c,_0x446ec0)=>''+_0x22216c+(_0x38743f['get'](_0x446ec0)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x161a02,_0x1c0c51,_0x523d09,_0x28921b){const _0x4bb4ec=calculateNextIndex(_0x161a02,_0x1c0c51,_0x28921b);_0x523d09(_0x4bb4ec);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x2f680a,_0x98aeae,_0xcdeeb4)=>{const _0x52768d=_0x2f680a+(-0x13f6+0x1b97+-0x7a0);if(_0x52768d>_0x98aeae['length']-(-0x18f3+-0x219d+0x3a91))return _0xcdeeb4?0x1fd*-0x6+0x1220+-0x632:-(0x3*-0x449+0x933+0x3a9*0x1);return _0x52768d;},'calculateNextIndex'),movePrev=__name((_0x4c3b27,_0x8178a5,_0x521c56)=>{const _0x3b979e=_0x4c3b27-(0x243*-0x2+0xa*-0xef+0xddd);_0x521c56(_0x3b979e<-0xefb+0x1*0x1a35+0x1df*-0x6?_0x8178a5['length']-(0x9d*-0xa+-0x1*0x16ed+0x6*0x4d8):_0x3b979e);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x12d448,_0x3635c5,_0x2578fc,_0x2b8510,_0x295357)=>{if(!_0x2578fc){if(_0x12d448!==-(-0x2*0x6cb+-0xc85+0x1a1c)&&_0x12d448<_0x3635c5['length']){_0x295357(_0x3635c5['filter'](_0x25537b=>_0x25537b!==_0x3635c5[_0x12d448]));const _0x1a87a3=_0x12d448-(-0x23*-0xa1+-0x89*-0x30+-0x2fb2)<-0x6a7*0x5+0x1bc+-0x7*-0x481?-0x25b4+0x521+0x2093:_0x12d448-(0x2*-0x6d8+0xae1+0x2d0);_0x2b8510(_0x1a87a3);}else _0x295357(_0x3635c5['filter'](_0x108c5c=>_0x108c5c!==_0x3635c5[_0x3635c5['length']-(0xe3*0x11+0x19cf+-0x73*0x5b)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x68d357=>{_0x68d357(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x2b36a5,_0x345480,_0x43c73a)=>{_0x2b36a5!==-(0x24a1*-0x1+0x61*-0x1+0x2503)?_0x345480(-(-0x16fd+-0x173d+0x2e3b)):_0x43c73a(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0xcfd862,_0x2e255e,_0x7a075b,_0x491486,_0x3bee48,_0x1cb0fc)=>{if(_0x1cb0fc===directionRtl){if(_0xcfd862===keyboardKeys['arrowRight'])movePrev(_0x2e255e,_0x7a075b,_0x491486);else _0xcfd862===keyboardKeys['arrowLeft']&&(_0x2e255e!==-(0x7*0x4cf+-0x13e8+-0xdc0)||_0x3bee48)&&moveNext(_0x2e255e,_0x7a075b,_0x491486,_0x3bee48);}else {if(_0xcfd862===keyboardKeys['arrowLeft'])movePrev(_0x2e255e,_0x7a075b,_0x491486);else _0xcfd862===keyboardKeys['arrowRight']&&(_0x2e255e!==-(-0x4be*0x1+0x12bf*0x1+-0xe00)||_0x3bee48)&&moveNext(_0x2e255e,_0x7a075b,_0x491486,_0x3bee48);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x582bc5,_0x27f8ce,_0x33bf57,_0x43d678,_0x519be7,_0x43d2a6,_0xc94f1e,_0x2daf9e,_0x185875){if((_0x27f8ce===keyboardKeys['backspace']||_0x27f8ce===keyboardKeys['delete'])&&_0x582bc5['length']>-0x85e+0x13f*0x3+0x4a1)onMultiSelectBackspaceOrDelete(_0x43d678,_0x582bc5,_0x33bf57,_0x519be7,_0x43d2a6);else {if(_0x27f8ce===keyboardKeys['enterKey'])onMultiSelectEnter(_0xc94f1e);else {if(_0x27f8ce===keyboardKeys['escape'])onMultiSelectEscape(_0x43d678,_0x519be7,_0xc94f1e);else (_0x27f8ce===keyboardKeys['arrowLeft']||_0x27f8ce===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x27f8ce,_0x43d678,_0x582bc5,_0x519be7,_0x2daf9e,_0x185875);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x2229c1,_0x4edda8,_0x432cf6){_0x2229c1['stopPropagation'](),_0x4edda8(),_0x432cf6(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x228e48,_0x337e1a,_0x3b6eee){_0x228e48(-(-0x13f8+0x1ba*-0x16+0x1*0x39f5)),_0x3b6eee(!_0x337e1a);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x12a4c3){_0x12a4c3['preventDefault'](),_0x12a4c3['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x101a37,_0x4b7e0a,_0x4ea646){_0x4b7e0a(_0x101a37),_0x4ea646('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x2b0aaf,_0x35b0e8,_0x2d8830){_0x35b0e8(_0x2b0aaf),_0x2d8830?.(_0x2b0aaf);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x21bd74,_0x3ead16){const _0x4ba213=__name(_0x5062c8=>handleClickOutside(_0x21bd74,_0x3ead16,_0x5062c8),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x4ba213),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x4ba213);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0xd317a1,_0x2fa9e4,_0x4c4161){_0xd317a1['current']&&(!(_0x4c4161['target']instanceof Node)||!_0xd317a1['current']['contains'](_0x4c4161['target']))&&_0x2fa9e4(![]);}__name(handleClickOutside,'handleClickOutside');
+var __defProp=Object['defineProperty'],__name=(_0xeafd16,_0x5bb093)=>__defProp(_0xeafd16,'name',{'value':_0x5bb093,'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(_0x2e278d,_0x289a15,_0x69a30b,_0x1edd4d,_0x452a86,_0x109d5a,_0x4f3aa1){let _0x2c2723;if(_0x2e278d===selectAllValue&&_0x4f3aa1&&_0x452a86)_0x2c2723=_0x109d5a?[]:Array['from'](_0x4f3aa1['keys']());else _0x289a15['includes'](_0x2e278d)?_0x2c2723=_0x289a15['filter'](_0x407a99=>_0x407a99!==_0x2e278d):_0x2c2723=[..._0x289a15,_0x2e278d];_0x69a30b([..._0x2c2723]);let _0x355e1e='';if(_0x109d5a&&_0x452a86)_0x355e1e=selectAllDescription;else {if(_0x2c2723['length']>0x18e0+-0x9*-0x283+0x5*-0x97f){let _0x23c7c1=fieldValuesSeparator;_0x4f3aa1?_0x2c2723['forEach'](_0x10f8de=>_0x355e1e+=_0x4f3aa1['get'](_0x10f8de)+_0x23c7c1):_0x2c2723['forEach'](_0x3f9977=>_0x355e1e+=_0x3f9977+_0x23c7c1),_0x355e1e=_0x355e1e['substring'](0x6*0x516+-0x1097+0x1f*-0x73,_0x355e1e['length']-_0x23c7c1['length']),_0x355e1e=shortenWithEllipsis(_0x355e1e,0x1ba3+0xec+-0x1*0x1c7e);}}_0x1edd4d(_0x355e1e);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x4459e3,_0x648733)=>{return _0x4459e3['reduce']((_0x56b534,_0x3dc14d)=>''+_0x56b534+(_0x648733['get'](_0x3dc14d)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0xb50924,_0x7c2272,_0x553a14,_0x14dc42){const _0x3ce7b4=calculateNextIndex(_0xb50924,_0x7c2272,_0x14dc42);_0x553a14(_0x3ce7b4);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x369997,_0x34fd84,_0x14b421)=>{const _0x1a3770=_0x369997+(-0x49*0x7f+0x1751+0x3*0x44d);if(_0x1a3770>_0x34fd84['length']-(0x632+0x26*0x13+0x903*-0x1))return _0x14b421?0x1abe*-0x1+-0x2476+0x1*0x3f34:-(0x7be*0x1+0x2*0x1213+-0x2be3);return _0x1a3770;},'calculateNextIndex'),movePrev=__name((_0xeea71d,_0x36cb89,_0x2678d0)=>{const _0x28a285=_0xeea71d-(0x1e4f*0x1+0x5*-0x48b+0x43*-0x1d);_0x2678d0(_0x28a285<0x1d75+-0x25a6+0x831?_0x36cb89['length']-(-0x1106+-0x5f*0x11+0x1756):_0x28a285);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x9497e9,_0x1b58e0,_0x313bc5,_0xc9000b,_0x5937aa)=>{if(!_0x313bc5){if(_0x9497e9!==-(-0xa4c+0x148c+-0xa3f)&&_0x9497e9<_0x1b58e0['length']){_0x5937aa(_0x1b58e0['filter'](_0x40dcc8=>_0x40dcc8!==_0x1b58e0[_0x9497e9]));const _0x5af036=_0x9497e9-(-0x4*-0x121+0x1*0x1017+-0x149a)<-0xe9*-0x20+0x1b91*0x1+-0x38b1?-0x173*0x7+0xb*-0x363+0x2f66:_0x9497e9-(0x5d*-0xe+0x2*-0x110d+-0x7f*-0x4f);_0xc9000b(_0x5af036);}else _0x5937aa(_0x1b58e0['filter'](_0x4ab422=>_0x4ab422!==_0x1b58e0[_0x1b58e0['length']-(0x117a*0x1+0x987+-0x48*0x60)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x12bd2e=>{_0x12bd2e(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x4ef7c7,_0x43edc8,_0x1f259f)=>{_0x4ef7c7!==-(0x2388+-0x2324+-0x63)?_0x43edc8(-(-0x1*0x14b5+-0x14e2+0x58*0x79)):_0x1f259f(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x405577,_0x17167d,_0x156eb6,_0x581232,_0x500b35,_0x3134ff)=>{if(_0x3134ff===directionRtl){if(_0x405577===keyboardKeys['arrowRight'])movePrev(_0x17167d,_0x156eb6,_0x581232);else _0x405577===keyboardKeys['arrowLeft']&&(_0x17167d!==-(0x21a0+-0x10a0+0x13*-0xe5)||_0x500b35)&&moveNext(_0x17167d,_0x156eb6,_0x581232,_0x500b35);}else {if(_0x405577===keyboardKeys['arrowLeft'])movePrev(_0x17167d,_0x156eb6,_0x581232);else _0x405577===keyboardKeys['arrowRight']&&(_0x17167d!==-(0x771+-0x1dc4+0x1654)||_0x500b35)&&moveNext(_0x17167d,_0x156eb6,_0x581232,_0x500b35);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x5f126b,_0x30d16b,_0x47e757,_0x27be96,_0x2a62a7,_0x2c6b8e,_0x5a5a14,_0x4cfcdc,_0xc723ad){if((_0x30d16b===keyboardKeys['backspace']||_0x30d16b===keyboardKeys['delete'])&&_0x5f126b['length']>-0x3f4+0xa80*-0x1+0x73a*0x2)onMultiSelectBackspaceOrDelete(_0x27be96,_0x5f126b,_0x47e757,_0x2a62a7,_0x2c6b8e);else {if(_0x30d16b===keyboardKeys['enterKey'])onMultiSelectEnter(_0x5a5a14);else {if(_0x30d16b===keyboardKeys['escape'])onMultiSelectEscape(_0x27be96,_0x2a62a7,_0x5a5a14);else (_0x30d16b===keyboardKeys['arrowLeft']||_0x30d16b===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x30d16b,_0x27be96,_0x5f126b,_0x2a62a7,_0x4cfcdc,_0xc723ad);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x4d03f8,_0x43b20c,_0x32f78d){_0x4d03f8['stopPropagation'](),_0x43b20c(),_0x32f78d(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x29d641,_0x5acc69,_0x10a3d9){_0x29d641(-(-0x1bac+0x2*-0x120c+0x3fc5)),_0x10a3d9(!_0x5acc69);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x25269a){_0x25269a['preventDefault'](),_0x25269a['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x162860,_0x1dcef7,_0x512869){_0x1dcef7(_0x162860),_0x512869('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x540eda,_0x10f68b,_0x5e1675){_0x10f68b(_0x540eda),_0x5e1675?.(_0x540eda);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x1a7309,_0xbc4dee){const _0x26f895=__name(_0x89c15f=>handleClickOutside(_0x1a7309,_0xbc4dee,_0x89c15f),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x26f895),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x26f895);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x50eb6c,_0x2b1054,_0x23ad74){_0x50eb6c['current']&&(!(_0x23ad74['target']instanceof Node)||!_0x50eb6c['current']['contains'](_0x23ad74['target']))&&_0x2b1054(![]);}__name(handleClickOutside,'handleClickOutside');
 
 export { getMultiSelectStatusesById, handleOpenChange, inputOnClick, mousePreventDefault, multiSelectVariants, onItemSelect, onMultiSelectKeyDown, onMultiSelectValueChange, registerClickOutsideMultiselectHandler, resetOnClick };

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

@@ -2,11 +2,11 @@
 'use client';
 import { c } from 'react/compiler-runtime';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useImperativeHandle, useMemo, useLayoutEffect, useEffect } from 'react';
+import { useState, useRef, useCallback, useImperativeHandle, useLayoutEffect, useEffect } from 'react';
 import { Command, CommandList, CommandEmpty, CommandItem } from '../command/Command.js';
 import { Command as Command$1 } from 'cmdk';
 import { Check } from 'lucide-react';
-import { cn } from '../../fd-toolbox/lib/utils.js';
+import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { handleOpenChange, onMultiSelectValueChange, getMultiSelectStatusesById, registerClickOutsideMultiselectHandler, onMultiSelectKeyDown, multiSelectVariants, resetOnClick, inputOnClick, onItemSelect, mousePreventDefault } from './Multiselect.funcs.js';
 import { LabelAnimation } from '../animation/LabelAnimation.js';
 import { Button } from '../button/Button.js';
@@ -30,7 +30,7 @@ function MultiSelect({
   dir,
   disabled,
   variant,
-  withSelectAll,
+  showSelectAll,
   onOpenChange,
   ref,
   ...props
@@ -39,7 +39,7 @@ function MultiSelect({
   const [open, setOpen] = useState(false);
   const [activeIndex, setActiveIndex] = useState(-1);
   const [description, setDescription] = useState("");
-  const [isHovered, setIsHovered] = useState(false);
+  const [hovered, setHovered] = useState(false);
   const containerRef = useRef(null);
   const isAllSelected = value.length === displayValues?.size;
   const onOpenChangeCallback = useCallback(isOpen => {
@@ -51,12 +51,12 @@ function MultiSelect({
     }, "open")
   }), [onOpenChangeCallback]);
   const onValueChangeCallback = useCallback(val => {
-    onMultiSelectValueChange(val, value, onValueChange, setDescription, withSelectAll, isAllSelected, displayValues);
-  }, [value, onValueChange, withSelectAll, isAllSelected, displayValues]);
+    onMultiSelectValueChange(val, value, onValueChange, setDescription, showSelectAll, isAllSelected, displayValues);
+  }, [value, onValueChange, showSelectAll, isAllSelected, displayValues]);
   const onFilterReset = useCallback(() => {
     onValueChange([]);
   }, [onValueChange]);
-  const contextValue = useMemo(() => ({
+  const contextValue = {
     value,
     onValueChange: onValueChangeCallback,
     description,
@@ -68,25 +68,25 @@ function MultiSelect({
     setActiveIndex,
     disabled,
     onReset: onFilterReset,
-    isHovered,
-    setIsHovered,
+    hovered,
+    setHovered,
     variant: variant ?? "float",
-    withSelectAll,
+    showSelectAll,
     isAllSelected
-  }), [value, onValueChangeCallback, description, open, onOpenChangeCallback, inputValue, setInputValue, activeIndex, setActiveIndex, disabled, onFilterReset, isHovered, setIsHovered, variant, withSelectAll, isAllSelected]);
+  };
   useLayoutEffect(() => {
     if (!value || value.length === 0) {
       setDescription("");
     }
   }, [value]);
   useEffect(() => {
-    if (withSelectAll && isAllSelected) {
+    if (showSelectAll && isAllSelected) {
       setDescription(selectAllDescription);
     } else if (value && displayValues) {
       const statuses = getMultiSelectStatusesById(value, displayValues);
       setDescription(statuses);
     }
-  }, [value, displayValues, withSelectAll, isAllSelected]);
+  }, [value, displayValues, showSelectAll, isAllSelected]);
   useEffect(() => {
     if (!open) return void 0;
     return registerClickOutsideMultiselectHandler(containerRef, onOpenChangeCallback);
@@ -115,7 +115,7 @@ function MultiselectTrigger({
 }) {
   const {
     disabled,
-    setIsHovered,
+    setHovered,
     variant
   } = useMultiselect();
   return /* @__PURE__ */jsx("div", {
@@ -123,8 +123,8 @@ function MultiselectTrigger({
     className: cn(multiSelectVariants({
       variant
     }), disabled && "cursor-not-allowed opacity-50", className),
-    onMouseOver: () => setIsHovered(true),
-    onMouseOut: () => setIsHovered(false),
+    onMouseOver: () => setHovered(true),
+    onMouseOut: () => setHovered(false),
     ...props,
     children
   });
@@ -189,7 +189,7 @@ function MultiselectInput({
     activeIndex,
     setActiveIndex,
     disabled,
-    isHovered,
+    hovered,
     variant
   } = useMultiselect();
   const onInputClickCallback = useCallback(() => {
@@ -220,7 +220,7 @@ function MultiselectInput({
     }), /* @__PURE__ */jsx("div", {
       className: "flex size-4 shrink-0 items-center justify-center",
       children: description ? /* @__PURE__ */jsx("div", {
-        className: cn(isHovered ? "animate-fade-in" : "animate-fade-out"),
+        className: cn(hovered ? "animate-fade-in" : "animate-fade-out"),
         children: /* @__PURE__ */jsx(MultiselectReset, {})
       }) : /* @__PURE__ */jsx("div", {
         className: "focus:outline-none",
@@ -259,15 +259,15 @@ function MultiselectList({
   ...props
 }) {
   const {
-    withSelectAll
+    showSelectAll
   } = useMultiselect();
   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: [withSelectAll && /* @__PURE__ */jsx(MultiselectItem, {
+    children: [showSelectAll && /* @__PURE__ */jsx(MultiselectItem, {
       value: selectAllValue,
-      isSelectAll: false,
+      selectAll: false,
       children: selectAllDescription
     }), children, /* @__PURE__ */jsx(CommandEmpty, {
       children: /* @__PURE__ */jsx("span", {
@@ -283,7 +283,7 @@ function MultiselectItem({
   className,
   value,
   children,
-  isSelectAll,
+  selectAll,
   ref,
   ...props
 }) {
@@ -293,7 +293,7 @@ function MultiselectItem({
     setInputValue,
     isAllSelected
   } = useMultiselect();
-  const isIncluded = isSelectAll ? isAllSelected : Options.includes(value);
+  const isIncluded = selectAll ? isAllSelected : Options.includes(value);
   const onSelect = useCallback(() => {
     onItemSelect(value, onValueChange, setInputValue);
   }, [value, onValueChange, setInputValue]);

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

@@ -2,9 +2,9 @@
 'use strict';
 
 var React = require('react');
-var errors = require('../../../fd-toolbox/errors/errors.cjs.js');
+var errors = require('../../../../fd-toolbox/errors/errors.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x495b39,_0x5a9b89)=>__defProp(_0x495b39,'name',{'value':_0x5a9b89,'configurable':!![]});const MultiselectContext=React.createContext(null);const useMultiselect=__name(()=>{const _0x4819c3=React.useContext(MultiselectContext);if(!_0x4819c3)throw errors.createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x4819c3;},'useMultiselect');
+var __defProp=Object['defineProperty'],__name=(_0x52c030,_0xd7a0ba)=>__defProp(_0x52c030,'name',{'value':_0xd7a0ba,'configurable':!![]});const MultiselectContext=React.createContext(null);const useMultiselect=__name(()=>{const _0x2c75b2=React.useContext(MultiselectContext);if(!_0x2c75b2)throw errors.createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x2c75b2;},'useMultiselect');
 
 exports.MultiselectContext = MultiselectContext;
 exports.useMultiselect = useMultiselect;

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

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc, VoidFuncNoParam } from "../../../../fd-toolbox/functions/getter-setter-functions";
 import { multiSelectVariants } from "../Multiselect";
 /**
  * Context interface for the {@link FdMultiSelect} component.
@@ -33,11 +33,11 @@ export interface MultiselectContextProps extends VariantProps<typeof multiSelect
     /** Resets the current state of the filter and selected values */
     onReset: VoidFuncNoParam;
     /** Component hover flag, used for animations and effects */
-    isHovered: boolean;
+    hovered: boolean;
     /** Sets the hover state */
-    setIsHovered: VoidFunc<boolean>;
+    setHovered: VoidFunc<boolean>;
     /** If set, enables the "Select All" option in the list */
-    withSelectAll?: boolean;
+    showSelectAll?: boolean;
     /** Flag indicating whether all elements are selected */
     isAllSelected?: boolean;
 }

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

@@ -1,7 +1,7 @@
 'use strict';
 import { createContext, useContext } from 'react';
-import { createError } from '../../../fd-toolbox/errors/errors.js';
+import { createError } from '../../../../fd-toolbox/errors/errors.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x495b39,_0x5a9b89)=>__defProp(_0x495b39,'name',{'value':_0x5a9b89,'configurable':!![]});const MultiselectContext=createContext(null);const useMultiselect=__name(()=>{const _0x4819c3=useContext(MultiselectContext);if(!_0x4819c3)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x4819c3;},'useMultiselect');
+var __defProp=Object['defineProperty'],__name=(_0x52c030,_0xd7a0ba)=>__defProp(_0x52c030,'name',{'value':_0xd7a0ba,'configurable':!![]});const MultiselectContext=createContext(null);const useMultiselect=__name(()=>{const _0x2c75b2=useContext(MultiselectContext);if(!_0x2c75b2)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x2c75b2;},'useMultiselect');
 
 export { MultiselectContext, useMultiselect };

package/packages/level2/fd-component-toolbox/navigation/Navigation.cjs.js

@@ -14,11 +14,11 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function Navigation({
   config,
-  isOpen,
+  open,
   onOpenClick
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs(List.List, {
-    className: `bg-background w-48 text-sm transition duration-300 ease-in-out ${isOpen ? "translate-x-0" : "-translate-x-56"}`,
+    className: `bg-background w-48 text-sm transition duration-300 ease-in-out ${open ? "translate-x-0" : "-translate-x-56"}`,
     children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
       className: "flex items-center justify-start",
       children: [onOpenClick && /* @__PURE__ */jsxRuntime.jsx(Button.Button, {

package/packages/level2/fd-component-toolbox/navigation/Navigation.d.ts

@@ -15,7 +15,7 @@ export interface NavigationProps {
     /** Navigation configuration with title and items */
     config: NavigationConfig;
     /** Whether the navigation panel is open */
-    isOpen: boolean;
+    open: boolean;
     /** Callback invoked when the toggle button is clicked */
     onOpenClick?: () => void;
 }
@@ -38,11 +38,11 @@ export interface NavigationProps {
                         { name: "Features", targetHtmlElementId: "features-section" },
                     ],
                 }}
-                isOpen={isOpen}
+                open={open}
                 onOpenClick={() => setIsOpen(!isOpen)}
             />;
         );
     }
  * ```
  */
-export declare function Navigation({ config, isOpen, onOpenClick }: NavigationProps): import("react").JSX.Element;
+export declare function Navigation({ config, open, onOpenClick }: NavigationProps): import("react").JSX.Element;

package/packages/level2/fd-component-toolbox/navigation/Navigation.js

@@ -12,11 +12,11 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function Navigation({
   config,
-  isOpen,
+  open,
   onOpenClick
 }) {
   return /* @__PURE__ */jsxs(List, {
-    className: `bg-background w-48 text-sm transition duration-300 ease-in-out ${isOpen ? "translate-x-0" : "-translate-x-56"}`,
+    className: `bg-background w-48 text-sm transition duration-300 ease-in-out ${open ? "translate-x-0" : "-translate-x-56"}`,
     children: [/* @__PURE__ */jsxs("div", {
       className: "flex items-center justify-start",
       children: [onOpenClick && /* @__PURE__ */jsx(Button, {