@fernir2/saas-kit 0.0.189 → 0.0.199

package/packages/level2/fd-component-toolbox/input/Input.funcs.d.ts

@@ -2,11 +2,11 @@ import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-
 import { FocusEventType } from "../../../fd-toolbox/types/react-types";
 export declare function AddClass(setAddClass: (addClass: boolean) => void): void;
 export declare function resetValue(setValue: (value: string) => void): void;
-export declare const handleInputChange: (event: {
+export declare function handleInputChange(event: {
     target: {
         value: string;
     };
-}, setValue: (value: string) => void) => void;
+}, setValue: (value: string) => void): void;
 export declare function onInputChange(e: FocusEventType<HTMLInputElement>, setInputValue: VoidFunc<string>, onChange?: VoidFunc<string>): void;
 export declare function onClearInput(setInputValue: VoidFunc<string>, setIsInFocus: VoidFunc<boolean>, onChange?: VoidFunc<string>, onClear?: VoidFuncNoParam): void;
 export declare function onInputBlur(event: FocusEventType<HTMLInputElement>, setIsInFocus: VoidFunc<boolean>, onBlurCallback?: VoidFunc<string, FocusEventType<HTMLInputElement>>): void;

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

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x3beee7,_0x95a4e7)=>__defProp(_0x3beee7,'name',{'value':_0x95a4e7,'configurable':!![]});function AddClass(_0x29ad71){_0x29ad71(!![]);}__name(AddClass,'AddClass');function resetValue(_0x23f24c){_0x23f24c('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x27c32a,_0x4f7392)=>{_0x4f7392(_0x27c32a['target']['value']);},'handleInputChange');function onInputChange(_0x3639e3,_0x581ed6,_0x469141){_0x581ed6(_0x3639e3['target']['value']),_0x469141?.(_0x3639e3['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x46dc13,_0x357142,_0x3a4df2,_0x2728d1){_0x46dc13(''),_0x357142(![]),_0x3a4df2?.(''),_0x2728d1?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x3030db,_0x4fa917,_0x41d094){_0x4fa917(![]),_0x41d094?.(_0x3030db['target']['value'],_0x3030db);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x4bb23b,_0xa8d178,_0x1b7bc5){!_0xa8d178&&_0x4bb23b(!![]),_0x1b7bc5?.();}__name(onInputFocus,'onInputFocus');
+var __defProp=Object['defineProperty'],__name=(_0x3c7607,_0x3358cb)=>__defProp(_0x3c7607,'name',{'value':_0x3358cb,'configurable':!![]});function AddClass(_0x3dffff){_0x3dffff(!![]);}__name(AddClass,'AddClass');function resetValue(_0xc47faf){_0xc47faf('');}__name(resetValue,'resetValue');function handleInputChange(_0x13b5bf,_0x4456e9){_0x4456e9(_0x13b5bf['target']['value']);}__name(handleInputChange,'handleInputChange');function onInputChange(_0x5f2f88,_0x56cb85,_0x5ed4d2){_0x56cb85(_0x5f2f88['target']['value']),_0x5ed4d2?.(_0x5f2f88['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x3c233e,_0x166edb,_0x365f53,_0x1c94de){_0x3c233e(''),_0x166edb(![]),_0x365f53?.(''),_0x1c94de?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x1e3aed,_0x381fef,_0x194bb6){_0x381fef(![]),_0x194bb6?.(_0x1e3aed['target']['value'],_0x1e3aed);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x3801a6,_0x9b9a21,_0x3c36eb){!_0x9b9a21&&_0x3801a6(!![]),_0x3c36eb?.();}__name(onInputFocus,'onInputFocus');
 
 export { AddClass, handleInputChange, onClearInput, onInputBlur, onInputChange, onInputFocus, resetValue };

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

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { Button } from '../button/Button.js';
 import { Icon } from '../icon/Icon.js';
@@ -9,17 +9,18 @@ import { LabelAnimation } from '../animation/LabelAnimation.js';
 import { cva } from 'class-variance-authority';
 import { onInputBlur, onInputFocus, onInputChange, onClearInput } from './Input.funcs.js';
 import { elementSuffixes } from '../../../fd-toolbox/constants/element-suffixes.js';
+import { useEmptyRef } from '../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const inputVariants = cva("group relative flex h-8 w-full border-transparent transition", {
+const inputVariants = cva("border-transparent transition", {
   variants: {
     variant: {
-      bordered: "border-input focus-within:border-ring rounded-md border align-middle shadow-sm",
-      float: "border-border border-b transition"
+      bordered: "border-input hover:border-ring focus:border-ring rounded-md border shadow-sm",
+      float: "border-border hover:border-fd-accent focus:border-fd-accent border-b transition"
     }
   },
   defaultVariants: {
@@ -59,7 +60,7 @@ function Input({
   const error = !!ariaInvalid && ariaInvalid !== "false";
   const [isInFocus, setIsInFocus] = useState(false);
   const [inputValue, setInputValue] = useState("");
-  const iconsBlockRef = useRef(null);
+  const iconsBlockRef = useEmptyRef();
   useEffect(() => {
     if (value) {
       setInputValue(value);
@@ -69,15 +70,15 @@ function Input({
   }, [value]);
   const shouldLabelAnimate = !!value || !!defaultValue || isInFocus;
   return /* @__PURE__ */jsxs("div", {
-    className: cn(inputVariants({
-      variant
-    }), (variant ?? "float") === "float" && "hover:border-fd-accent focus-within:border-fd-accent"),
+    className: cn("group relative flex h-8 w-full"),
     children: [/* @__PURE__ */jsx("input", {
       ref,
       type,
       value: inputValue,
       onChange: e => onInputChange(e, 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"),
+      className: cn(inputVariants({
+        variant
+      }), "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"),
       id: inputId,
       required,
       maxLength,
@@ -111,6 +112,7 @@ function Input({
           })
         });
       })(), label && /* @__PURE__ */jsx(LabelAnimation, {
+        forElementId: inputId,
         className: "max-w-fit",
         label,
         shouldAnimate: shouldLabelAnimate,

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

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x496d79,_0x425cc1)=>__defProp(_0x496d79,'name',{'value':_0x425cc1,'configurable':!![]});function setListItemTextOverflowing(_0x23e600,_0x1d1709,_0x38ab81,_0x133d2f){_0x133d2f&&_0x38ab81(_0x23e600>_0x1d1709);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x3e68b5){_0x3e68b5['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x3d2494,_0x3ae42b){if(_0x3d2494&&_0x3ae42b)scrollListItemIntoView(_0x3d2494);}__name(onChangeContainer,'onChangeContainer');
+var __defProp=Object['defineProperty'],__name=(_0x52af85,_0xaaaa1d)=>__defProp(_0x52af85,'name',{'value':_0xaaaa1d,'configurable':!![]});function setListItemTextOverflowing(_0x549d8f,_0x1c2771,_0x3472b4,_0x171994){_0x171994&&_0x3472b4(_0x549d8f>_0x1c2771);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x27e103){_0x27e103['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x3ba42f,_0x3e26a0){if(_0x3ba42f&&_0x3e26a0)scrollListItemIntoView(_0x3ba42f);}__name(onChangeContainer,'onChangeContainer');
 
 export { onChangeContainer, scrollListItemIntoView, setListItemTextOverflowing };

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

@@ -3,9 +3,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cn } from '../../../../fd-toolbox/lib/utils.js';
 import { scrollListItemIntoView, setListItemTextOverflowing } from './ListItem.funcs.js';
-import { useState, useRef, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { tooltipSides } from '../../tooltip/tooltip-constants.js';
 import { Tooltip } from '../../tooltip/Tooltip.js';
+import { useEmptyRef } from '../../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -20,11 +21,11 @@ function ListItem({
   active
 }) {
   const [isTextOverflowing, setIsTextOverflowing] = useState(false);
-  const textRef = useRef(null);
-  const containerRef = useRef(null);
+  const textRef = useEmptyRef();
+  const containerRef = useEmptyRef();
   useEffect(() => {
     if (containerRef?.current && active) scrollListItemIntoView(containerRef?.current);
-  }, [active]);
+  }, [active, containerRef]);
   useEffect(() => {
     if (textRef.current && containerRef.current) {
       setListItemTextOverflowing(textRef.current.scrollWidth, containerRef.current.clientWidth, setIsTextOverflowing, showTooltip);

package/packages/level2/fd-component-toolbox/markdown/Markdown.d.ts

@@ -8,7 +8,7 @@ export declare const markdownVariants: (props?: {
     variant?: "float" | "bordered";
 } & import("class-variance-authority/types").ClassProp) => string;
 /**
- * Props of {@link FdMarkdown}
+ * Props of {@link Markdown}
  *
  * Extends {@link https:/cva.style/docs/getting-started/variants VariantProps} of {@link markdownVariants}
  */

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

@@ -1,4 +1,5 @@
 import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
 export declare function renderPreview(value: string, setPreviewContent: (value: string) => void): void;
 export declare function onValueChange(newValue: string, setValue: VoidFunc<string>, onChange?: VoidFunc<string>): void;
+/** @internal */
 export declare function getPreviewContentId(elementId: string): string;

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=(_0xee5b7d,_0x4549df)=>__defProp(_0xee5b7d,'name',{'value':_0x4549df,'configurable':!![]});function renderPreview(_0x1c1470,_0x2fbbaf){const _0x301512=renderMarkdown(_0x1c1470)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x2fbbaf(_0x301512);}__name(renderPreview,'renderPreview');function onValueChange(_0x438a04,_0x3adf8d,_0x5324b4){_0x3adf8d(_0x438a04),_0x5324b4?.(_0x438a04);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x5a8e27){return _0x5a8e27+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
+var __defProp=Object['defineProperty'],__name=(_0x1549e0,_0x3c6e93)=>__defProp(_0x1549e0,'name',{'value':_0x3c6e93,'configurable':!![]});function renderPreview(_0x3cb82e,_0x26bd30){const _0x37d5a7=renderMarkdown(_0x3cb82e)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x26bd30(_0x37d5a7);}__name(renderPreview,'renderPreview');function onValueChange(_0x3b8420,_0x49070c,_0x34376d){_0x49070c(_0x3b8420),_0x34376d?.(_0x3b8420);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x503a7d){return _0x503a7d+'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 _0x2e0220 from 'lodash.debounce';
+import _0x3f4222 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 = _0x2e0220(async val => {
+    t2 = _0x3f4222(async val => {
       const result = await parseMarkdown(val);
       setPreviewContent(result);
     }, 500);

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

@@ -1,5 +1,4 @@
 'use strict';
-import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { apiPost } from '../../../fd-toolbox/api/api-client.js';
 import { apiPathNames } from '../../../fd-toolbox/api/api-path-names.js';
@@ -40,15 +39,17 @@ function validateHtml(nodes) {
   const result = [];
   for (const node of Array.from(nodes)) {
     if (node instanceof Text) result.push(node.wholeText);else if (node instanceof HTMLElement && allowedTags.has(node.tagName.toLowerCase())) {
-      const AllowedTag = node.tagName.toLowerCase();
+      const tagName = node.tagName.toLowerCase();
       if (node.childNodes.length > 0) {
         const childNodes = validateHtml(node.childNodes);
         if (childNodes.length) {
-          result.push(React.createElement(AllowedTag, {
+          result.push(React.createElement(tagName, {
             key: result.length
           }, ...childNodes));
         }
-      } else result.push(/* @__PURE__ */jsx(AllowedTag, {}));
+      } else result.push(React.createElement(tagName, {
+        key: result.length
+      }));
     } else if (node instanceof HTMLElement) {
       const dummy = document.createElement("div");
       dummy.appendChild(node);

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

@@ -7,7 +7,7 @@ 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>, showSelectAll?: boolean, isAllSelected?: boolean, displayValues?: Map<string, string>): void;
-export declare const getMultiSelectStatusesById: (ids: string[], displayValues: Map<string, string>) => string;
+export declare function 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;
 export declare function inputOnClick(setActiveIndex: VoidFunc<number>, open: boolean, setOpen: VoidFunc<boolean>): void;

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=(_0x18cbee,_0x2d7867)=>__defProp(_0x18cbee,'name',{'value':_0x2d7867,'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(_0x5df7f8,_0x5a9fbe,_0x24cd1e,_0x34b437,_0x48705d,_0x3c2551,_0x351511){let _0x240af4;if(_0x5df7f8===selectAllValue&&_0x351511&&_0x48705d)_0x240af4=_0x3c2551?[]:Array['from'](_0x351511['keys']());else _0x5a9fbe['includes'](_0x5df7f8)?_0x240af4=_0x5a9fbe['filter'](_0x2d9937=>_0x2d9937!==_0x5df7f8):_0x240af4=[..._0x5a9fbe,_0x5df7f8];_0x24cd1e([..._0x240af4]);let _0x262886='';if(_0x3c2551&&_0x48705d)_0x262886=selectAllDescription;else {if(_0x240af4['length']>-0x1*-0x4be+-0x20e3*-0x1+-0x1*0x25a1){let _0x57a6f6=fieldValuesSeparator;_0x351511?_0x240af4['forEach'](_0x79be69=>_0x262886+=_0x351511['get'](_0x79be69)+_0x57a6f6):_0x240af4['forEach'](_0x140ad5=>_0x262886+=_0x140ad5+_0x57a6f6),_0x262886=_0x262886['substring'](0x1233+0x2312*-0x1+0x7*0x269,_0x262886['length']-_0x57a6f6['length']),_0x262886=shortenWithEllipsis(_0x262886,-0xeb2+0xc33+0x2*0x148);}}_0x34b437(_0x262886);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x3cc5a3,_0x45a60f)=>{return _0x3cc5a3['reduce']((_0x1e84bd,_0x2bc1a0)=>''+_0x1e84bd+(_0x45a60f['get'](_0x2bc1a0)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x596e55,_0xc6abfa,_0x11e391,_0x16e303){const _0x46ba79=calculateNextIndex(_0x596e55,_0xc6abfa,_0x16e303);_0x11e391(_0x46ba79);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x4ff06a,_0x527059,_0x3345fc)=>{const _0x10f16c=_0x4ff06a+(0xa6e*-0x3+-0x2671+-0x116f*-0x4);if(_0x10f16c>_0x527059['length']-(-0x2*0x57d+-0x95*-0x3d+0xc43*-0x2))return _0x3345fc?0x2f8+-0x1056+0xd5e:-(-0xe5*0x14+-0x30f+-0x24*-0x95);return _0x10f16c;},'calculateNextIndex'),movePrev=__name((_0x7f7131,_0x112ef2,_0x2e0c6d)=>{const _0x1bbc5b=_0x7f7131-(0x1*-0x17ba+0xf*-0x10f+0x279c);_0x2e0c6d(_0x1bbc5b<0x24f6+-0x3*-0x452+0x4*-0xc7b?_0x112ef2['length']-(-0x2*0xf8d+0x1c*0xb0+0x5*0x25f):_0x1bbc5b);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x506bc7,_0x15e1cf,_0x5a72b6,_0x5750b7,_0x22c4f7)=>{if(!_0x5a72b6){if(_0x506bc7!==-(-0x1*-0x1883+0x16c+0x1*-0x19ee)&&_0x506bc7<_0x15e1cf['length']){_0x22c4f7(_0x15e1cf['filter'](_0x3bd3f9=>_0x3bd3f9!==_0x15e1cf[_0x506bc7]));const _0x1a85b2=_0x506bc7-(-0x3*-0x359+0x6f9*0x1+-0x1103)<-0x7d5*0x2+0x4f2+0xab8?-0x33*-0xb3+0xdc8+-0x3171:_0x506bc7-(-0xad9*-0x1+0x485*0x6+-0x25f6);_0x5750b7(_0x1a85b2);}else _0x22c4f7(_0x15e1cf['filter'](_0x5b30fc=>_0x5b30fc!==_0x15e1cf[_0x15e1cf['length']-(-0x1*-0x200a+-0x58+0x85*-0x3d)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x366969=>{_0x366969(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x1623b8,_0x4347f6,_0x48e942)=>{_0x1623b8!==-(-0x25e9+-0x1*0x1a3f+0x4029)?_0x4347f6(-(0xb*0xe3+0x1*0x1de1+-0x7ed*0x5)):_0x48e942(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x260718,_0x190eb7,_0x3e23a9,_0x1f10db,_0x269490,_0x6cd931)=>{if(_0x6cd931===directionRtl){if(_0x260718===keyboardKeys['arrowRight'])movePrev(_0x190eb7,_0x3e23a9,_0x1f10db);else _0x260718===keyboardKeys['arrowLeft']&&(_0x190eb7!==-(0x90+0x188a+-0x1*0x1919)||_0x269490)&&moveNext(_0x190eb7,_0x3e23a9,_0x1f10db,_0x269490);}else {if(_0x260718===keyboardKeys['arrowLeft'])movePrev(_0x190eb7,_0x3e23a9,_0x1f10db);else _0x260718===keyboardKeys['arrowRight']&&(_0x190eb7!==-(0x17*-0x65+-0x1*-0x9aa+0x3*-0x32)||_0x269490)&&moveNext(_0x190eb7,_0x3e23a9,_0x1f10db,_0x269490);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x484d82,_0xf66cd0,_0x1d19b0,_0x5b276b,_0x2727de,_0xef43e8,_0x1b503e,_0x240731,_0x5d0fd2){if((_0xf66cd0===keyboardKeys['backspace']||_0xf66cd0===keyboardKeys['delete'])&&_0x484d82['length']>-0x1*-0xb02+0x8f7+0x1*-0x13f9)onMultiSelectBackspaceOrDelete(_0x5b276b,_0x484d82,_0x1d19b0,_0x2727de,_0xef43e8);else {if(_0xf66cd0===keyboardKeys['enter']||_0xf66cd0===keyboardKeys['arrowDown'])onMultiSelectEnter(_0x1b503e);else {if(_0xf66cd0===keyboardKeys['escape'])onMultiSelectEscape(_0x5b276b,_0x2727de,_0x1b503e);else (_0xf66cd0===keyboardKeys['arrowLeft']||_0xf66cd0===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0xf66cd0,_0x5b276b,_0x484d82,_0x2727de,_0x240731,_0x5d0fd2);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x59b06d,_0x59f0c6,_0x17c503){_0x59b06d['stopPropagation'](),_0x59f0c6(),_0x17c503(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x402da1,_0x23c010,_0x444c1){_0x402da1(-(-0x1863+0x1d9b+-0x537)),_0x444c1(!_0x23c010);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x4ba011){_0x4ba011['preventDefault'](),_0x4ba011['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x2ac4f3,_0x87795b,_0x48fe76){_0x87795b(_0x2ac4f3),_0x48fe76('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x2e72f6,_0x46517c,_0x2c6c4d){_0x46517c(_0x2e72f6),_0x2c6c4d?.(_0x2e72f6);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x19ad3c,_0x37f662){const _0xc962f7=__name(_0x34fd90=>handleClickOutside(_0x19ad3c,_0x37f662,_0x34fd90),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0xc962f7),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0xc962f7);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0xdd5eef,_0x24c476,_0x37ed36){_0xdd5eef['current']&&(!(_0x37ed36['target']instanceof Node)||!_0xdd5eef['current']['contains'](_0x37ed36['target']))&&_0x24c476(![]);}__name(handleClickOutside,'handleClickOutside');function createOnKeyDown(_0x10ff1c,_0x12bfdd,_0x3d03f7,_0x2019b8,_0x2440c2,_0x2e4fa2,_0x1649a4,_0xa41b22){return _0x10e42f=>{onMultiSelectKeyDown(_0x10ff1c,_0x10e42f['key'],_0x12bfdd,_0x3d03f7,_0x2019b8,_0x2440c2,_0x2e4fa2,_0x1649a4,_0xa41b22);};}__name(createOnKeyDown,'createOnKeyDown');function onBlurHandler(_0x51a60f,_0x4ca21a,_0x2cf3e3){!_0x4ca21a['current']?.['contains'](_0x51a60f['relatedTarget'])&&_0x2cf3e3(![]);}__name(onBlurHandler,'onBlurHandler');
+var __defProp=Object['defineProperty'],__name=(_0x262804,_0x3fd326)=>__defProp(_0x262804,'name',{'value':_0x3fd326,'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(_0x11c550,_0x42678d,_0x45abaa,_0x6a4470,_0x1984e9,_0x321033,_0x286316){let _0x4a8e01;if(_0x11c550===selectAllValue&&_0x286316&&_0x1984e9)_0x4a8e01=_0x321033?[]:Array['from'](_0x286316['keys']());else _0x42678d['includes'](_0x11c550)?_0x4a8e01=_0x42678d['filter'](_0x2fdd5b=>_0x2fdd5b!==_0x11c550):_0x4a8e01=[..._0x42678d,_0x11c550];_0x45abaa([..._0x4a8e01]);let _0x6f782='';if(_0x321033&&_0x1984e9)_0x6f782=selectAllDescription;else {if(_0x4a8e01['length']>0x262d+-0x7*0x3df+-0xb14){let _0x1f493c=fieldValuesSeparator;_0x286316?_0x4a8e01['forEach'](_0x19df96=>_0x6f782+=_0x286316['get'](_0x19df96)+_0x1f493c):_0x4a8e01['forEach'](_0x4e4ebf=>_0x6f782+=_0x4e4ebf+_0x1f493c),_0x6f782=_0x6f782['substring'](-0xb71+-0x22ae+0x2e1f,_0x6f782['length']-_0x1f493c['length']),_0x6f782=shortenWithEllipsis(_0x6f782,0x5ce*-0x1+0x1*0x2013+-0x1a34);}}_0x6a4470(_0x6f782);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');function getMultiSelectStatusesById(_0x2d7a80,_0x4e0017){return _0x2d7a80['reduce']((_0x3247bf,_0x16c566)=>''+_0x3247bf+(_0x4e0017['get'](_0x16c566)??'')+'\x20','')['trim']();}__name(getMultiSelectStatusesById,'getMultiSelectStatusesById');function onMultiSelectKeyDown(_0x4031b1,_0x307b33,_0x50a2e0,_0x2daf88,_0x19cd21,_0x83d54d,_0x23c3fc,_0x41df30,_0x4ff9ff){if((_0x307b33===keyboardKeys['backspace']||_0x307b33===keyboardKeys['delete'])&&_0x4031b1['length']>0xd*-0x91+-0x7*0x3a7+-0x5*-0x696)onMultiSelectBackspaceOrDelete(_0x2daf88,_0x4031b1,_0x50a2e0,_0x19cd21,_0x83d54d);else {if(_0x307b33===keyboardKeys['enter']||_0x307b33===keyboardKeys['arrowDown'])onMultiSelectEnter(_0x23c3fc);else {if(_0x307b33===keyboardKeys['escape'])onMultiSelectEscape(_0x2daf88,_0x19cd21,_0x23c3fc);else (_0x307b33===keyboardKeys['arrowLeft']||_0x307b33===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x307b33,_0x2daf88,_0x4031b1,_0x19cd21,_0x41df30,_0x4ff9ff);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x1eaf6e,_0x377c6b,_0x55ece1){_0x1eaf6e['stopPropagation'](),_0x377c6b(),_0x55ece1(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x438dae,_0x49fe67,_0x5a24c4){_0x438dae(-(-0x9d*0x25+0x14c5+0x1ed*0x1)),_0x5a24c4(!_0x49fe67);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x32651c){_0x32651c['preventDefault'](),_0x32651c['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x41c8a0,_0x256c6f,_0x23a6a9){_0x256c6f(_0x41c8a0),_0x23a6a9('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x1b456c,_0x196cf3,_0x3fdefb){_0x196cf3(_0x1b456c),_0x3fdefb?.(_0x1b456c);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0xbeb6ca,_0x104189){const _0x35f6b2=__name(_0x84f310=>handleClickOutside(_0xbeb6ca,_0x104189,_0x84f310),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x35f6b2),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x35f6b2);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function createOnKeyDown(_0x35d0c2,_0x44035d,_0x20a305,_0x537795,_0x292695,_0x289b9f,_0x56c604,_0x53a448){return _0x5befed=>{onMultiSelectKeyDown(_0x35d0c2,_0x5befed['key'],_0x44035d,_0x20a305,_0x537795,_0x292695,_0x289b9f,_0x56c604,_0x53a448);};}__name(createOnKeyDown,'createOnKeyDown');function onBlurHandler(_0x262adf,_0x451e49,_0x1aabe0){!_0x451e49['current']?.['contains'](_0x262adf['relatedTarget'])&&_0x1aabe0(![]);}__name(onBlurHandler,'onBlurHandler');function moveNext(_0x2e81ad,_0x18235c,_0x10e632,_0x6085f8){const _0x38c8c7=calculateNextIndex(_0x2e81ad,_0x18235c,_0x6085f8);_0x10e632(_0x38c8c7);}__name(moveNext,'moveNext');function calculateNextIndex(_0x321a79,_0xd409ab,_0x29b17a){const _0x341b4f=_0x321a79+(-0xb6+0x2*-0x8e6+0x1283);if(_0x341b4f>_0xd409ab['length']-(0x16*-0x1ad+0xfa8+0x1537))return _0x29b17a?-0x142+0x1e91+-0x1d4f:-(0x1700+-0x2b2+-0x144d);return _0x341b4f;}__name(calculateNextIndex,'calculateNextIndex');function movePrev(_0x95cae0,_0x21df3d,_0x42998b){const _0x4f1e27=_0x95cae0-(-0x1c23+0x23ef+0x11d*-0x7);_0x42998b(_0x4f1e27<-0x3*0x149+0x142*0x5+-0x26f?_0x21df3d['length']-(0x803*0x1+0x1dde+0x8*-0x4bc):_0x4f1e27);}__name(movePrev,'movePrev');function onMultiSelectBackspaceOrDelete(_0x1e162f,_0x8a5791,_0x1c7b3f,_0x272cfa,_0x327952){if(!_0x1c7b3f){if(_0x1e162f!==-(0x9ce+0x2699+-0x3066)&&_0x1e162f<_0x8a5791['length']){_0x327952(_0x8a5791['filter'](_0x7615a3=>_0x7615a3!==_0x8a5791[_0x1e162f]));const _0x2f4f0c=_0x1e162f-(-0xcb3+0x1fac+0x25f*-0x8)<0x2462+-0x1e3d*0x1+-0x1*0x625?0x107e+-0x79*0x1+-0x1005:_0x1e162f-(-0x3*0x7ce+-0x197*0xd+-0x4e6*-0x9);_0x272cfa(_0x2f4f0c);}else _0x327952(_0x8a5791['filter'](_0x53dacc=>_0x53dacc!==_0x8a5791[_0x8a5791['length']-(-0x2d*0x2b+-0x1d66+0x24f6)]));}}__name(onMultiSelectBackspaceOrDelete,'onMultiSelectBackspaceOrDelete');function onMultiSelectEnter(_0x52e1f7){_0x52e1f7(!![]);}__name(onMultiSelectEnter,'onMultiSelectEnter');function onMultiSelectEscape(_0x3c3d18,_0x10d35f,_0x4c0535){_0x3c3d18!==-(-0x1*-0x2419+-0x3*-0x607+-0x362d)?_0x10d35f(-(0x1c97+-0x7*0x1d5+-0x10d*0xf)):_0x4c0535(![]);}__name(onMultiSelectEscape,'onMultiSelectEscape');function onMultiSelectArrowKeys(_0x39c3b4,_0x2eff16,_0x493937,_0x9dbaaa,_0x50155e,_0x9d6ec6){if(_0x9d6ec6===directionRtl){if(_0x39c3b4===keyboardKeys['arrowRight'])movePrev(_0x2eff16,_0x493937,_0x9dbaaa);else _0x39c3b4===keyboardKeys['arrowLeft']&&(_0x2eff16!==-(-0x117+0x881*-0x2+0x90d*0x2)||_0x50155e)&&moveNext(_0x2eff16,_0x493937,_0x9dbaaa,_0x50155e);}else {if(_0x39c3b4===keyboardKeys['arrowLeft'])movePrev(_0x2eff16,_0x493937,_0x9dbaaa);else _0x39c3b4===keyboardKeys['arrowRight']&&(_0x2eff16!==-(0x2042+0x1ff*-0xd+-0x64e)||_0x50155e)&&moveNext(_0x2eff16,_0x493937,_0x9dbaaa,_0x50155e);}}__name(onMultiSelectArrowKeys,'onMultiSelectArrowKeys');function handleClickOutside(_0x4cc0e3,_0x5c9720,_0x2c2323){_0x4cc0e3['current']&&(!(_0x2c2323['target']instanceof Node)||!_0x4cc0e3['current']['contains'](_0x2c2323['target']))&&_0x5c9720(![]);}__name(handleClickOutside,'handleClickOutside');
 
 export { createOnKeyDown, getMultiSelectStatusesById, handleOpenChange, inputOnClick, mousePreventDefault, multiSelectVariants, onBlurHandler, onItemSelect, onMultiSelectKeyDown, onMultiSelectValueChange, registerClickOutsideMultiselectHandler, resetOnClick };

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

@@ -2,7 +2,7 @@
 'use client';
 import { c } from 'react/compiler-runtime';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useState, useRef, useImperativeHandle, useEffect } from 'react';
+import { useState, useImperativeHandle, useEffect } from 'react';
 import { Command, CommandList, CommandEmpty, CommandItem } from '../command/Command.js';
 import { Command as Command$1 } from 'cmdk';
 import { Check } from 'lucide-react';
@@ -14,39 +14,78 @@ import { Icon, iconSizes, iconNames } from '../icon/Icon.js';
 import { selectAllDescription, selectAllValue } from './fd-multi-select-constants.js';
 import { FadeOutText } from '../fade-out-text/FadeOutText.js';
 import { MultiselectContext, useMultiselect } from './hooks/use-multi-select.js';
+import { useEmptyRef } from '../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-function MultiSelect({
-  values: value,
-  onValuesChange: onValueChange,
-  displayValues,
-  loop,
-  className,
-  children,
-  dir,
-  disabled,
-  variant,
-  showSelectAll,
-  id,
-  onOpenChange,
-  ref
-}) {
+function MultiSelect(t0) {
+  const $ = c(29);
+  const {
+    values: value,
+    onValuesChange: onValueChange,
+    displayValues,
+    loop,
+    className,
+    children,
+    dir,
+    disabled,
+    variant,
+    showSelectAll,
+    id,
+    onOpenChange,
+    ref
+  } = t0;
   const [inputValue, setInputValue] = useState("");
   const [open, setOpen] = useState(false);
   const [activeIndex, setActiveIndex] = useState(-1);
   const [description, setDescription] = useState("");
   const [hovered, setHovered] = useState(false);
-  const containerRef = useRef(null);
+  const containerRef = useEmptyRef();
   const isAllSelected = value.length === displayValues?.size;
-  const onOpenToggle = React.useCallback(isOpen => handleOpenChange(isOpen, setOpen, onOpenChange), [onOpenChange]);
-  useImperativeHandle(ref, () => ({
-    open: /* @__PURE__ */__name(() => onOpenToggle(true), "open")
-  }));
-  const onValueChangeCallback = /* @__PURE__ */__name(val => onMultiSelectValueChange(val, value, onValueChange, setDescription, showSelectAll, isAllSelected, displayValues), "onValueChangeCallback");
+  let t1;
+  if ($[0] !== onOpenChange) {
+    t1 = isOpen => handleOpenChange(isOpen, setOpen, onOpenChange);
+    $[0] = onOpenChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onOpenToggle = t1;
+  let t2;
+  if ($[2] !== onOpenToggle) {
+    t2 = () => ({
+      open: __name(() => onOpenToggle(true), "open")
+    });
+    $[2] = onOpenToggle;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  useImperativeHandle(ref, t2);
+  let t3;
+  if ($[4] !== displayValues || $[5] !== isAllSelected || $[6] !== onValueChange || $[7] !== showSelectAll || $[8] !== value) {
+    t3 = val => onMultiSelectValueChange(val, value, onValueChange, setDescription, showSelectAll, isAllSelected, displayValues);
+    $[4] = displayValues;
+    $[5] = isAllSelected;
+    $[6] = onValueChange;
+    $[7] = showSelectAll;
+    $[8] = value;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const onValueChangeCallback = __name(t3, "onValueChangeCallback");
+  let t4;
+  if ($[10] !== onValueChange) {
+    t4 = () => onValueChange([]);
+    $[10] = onValueChange;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
   const contextValue = {
     value,
     onValueChange: onValueChangeCallback,
@@ -58,38 +97,92 @@ function MultiSelect({
     activeIndex,
     setActiveIndex,
     disabled,
-    onReset: /* @__PURE__ */__name(() => onValueChange([]), "onReset"),
+    onReset: __name(t4, "onReset"),
     hovered,
     setHovered,
     variant: variant ?? "float",
     showSelectAll,
     isAllSelected
   };
-  useEffect(() => {
-    if (!value || value.length === 0) {
-      setDescription("");
-    }
-  }, [value]);
-  useEffect(() => {
-    if (showSelectAll && isAllSelected) {
-      setDescription(selectAllDescription);
-    } else if (value && displayValues) {
-      const statuses = getMultiSelectStatusesById(value, displayValues);
-      setDescription(statuses);
-    }
-  }, [value, displayValues, showSelectAll, isAllSelected]);
-  useEffect(() => {
-    if (!open) return void 0;
-    return registerClickOutsideMultiselectHandler(containerRef, onOpenToggle);
-  }, [open, onOpenToggle, containerRef]);
+  let t5;
+  let t6;
+  if ($[12] !== value) {
+    t5 = () => {
+      if (!value || value.length === 0) {
+        setDescription("");
+      }
+    };
+    t6 = [value];
+    $[12] = value;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t5 = $[13];
+    t6 = $[14];
+  }
+  useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[15] !== displayValues || $[16] !== isAllSelected || $[17] !== showSelectAll || $[18] !== value) {
+    t7 = () => {
+      if (showSelectAll && isAllSelected) {
+        setDescription(selectAllDescription);
+      } else {
+        if (value && displayValues) {
+          const statuses = getMultiSelectStatusesById(value, displayValues);
+          setDescription(statuses);
+        }
+      }
+    };
+    t8 = [value, displayValues, showSelectAll, isAllSelected];
+    $[15] = displayValues;
+    $[16] = isAllSelected;
+    $[17] = showSelectAll;
+    $[18] = value;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t7 = $[19];
+    t8 = $[20];
+  }
+  useEffect(t7, t8);
+  let t10;
+  let t9;
+  if ($[21] !== containerRef || $[22] !== onOpenToggle || $[23] !== open) {
+    t9 = () => {
+      if (!open) {
+        return void 0;
+      }
+      return registerClickOutsideMultiselectHandler(containerRef, onOpenToggle);
+    };
+    t10 = [open, onOpenToggle, containerRef];
+    $[21] = containerRef;
+    $[22] = onOpenToggle;
+    $[23] = open;
+    $[24] = t10;
+    $[25] = t9;
+  } else {
+    t10 = $[24];
+    t9 = $[25];
+  }
+  useEffect(t9, t10);
   const onKeyDown = createOnKeyDown(value, inputValue, activeIndex, setActiveIndex, onValueChange, setOpen, loop, dir);
-  return /* @__PURE__ */jsx(MultiselectContext.Provider, {
+  let t11;
+  if ($[26] !== containerRef || $[27] !== onOpenToggle) {
+    t11 = event => onBlurHandler(event, containerRef, onOpenToggle);
+    $[26] = containerRef;
+    $[27] = onOpenToggle;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  return jsx(MultiselectContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */jsx(Command, {
+    children: jsx(Command, {
       id,
       ref: containerRef,
       onKeyDown,
-      onBlur: event => onBlurHandler(event, containerRef, onOpenToggle),
+      onBlur: t11,
       className: cn("flex flex-col overflow-visible bg-transparent", className),
       dir,
       children
@@ -257,12 +350,12 @@ function MultiselectItem({
   disabled
 }) {
   const {
-    value: Options,
+    value: options,
     onValueChange,
     setInputValue,
     isAllSelected
   } = useMultiselect();
-  const isIncluded = selectAll ? isAllSelected : Options.includes(value);
+  const isIncluded = selectAll ? isAllSelected : options.includes(value);
   return /* @__PURE__ */jsxs(CommandItem, {
     ref,
     onSelect: () => onItemSelect(value, onValueChange, setInputValue),

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

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 import { VoidFunc, VoidFuncNoParam } from "../../../../fd-toolbox/functions/getter-setter-functions";
 import { multiSelectVariants } from "../Multiselect";
 /**
- * Context interface for the {@link FdMultiSelect} component.
+ * Context interface for the {@link MultiSelect} component.
  *
  * Used to manage the state of the multiselect, including the current value,
  * open state, active element, input text, and interaction behavior.
@@ -42,4 +42,4 @@ export interface MultiselectContextProps extends VariantProps<typeof multiSelect
     isAllSelected?: boolean;
 }
 export declare const MultiselectContext: import("react").Context<MultiselectContextProps>;
-export declare const useMultiselect: () => MultiselectContextProps;
+export declare function useMultiselect(): MultiselectContextProps;

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

@@ -2,6 +2,6 @@
 import { createContext, useContext } from 'react';
 import { createError } from '../../../../fd-toolbox/errors/errors.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x5d3ab6,_0x51ac38)=>__defProp(_0x5d3ab6,'name',{'value':_0x51ac38,'configurable':!![]});const MultiselectContext=createContext(null);const useMultiselect=__name(()=>{const _0x5e9d78=useContext(MultiselectContext);if(!_0x5e9d78)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x5e9d78;},'useMultiselect');
+var __defProp=Object['defineProperty'],__name=(_0x3472e7,_0x3e7d98)=>__defProp(_0x3472e7,'name',{'value':_0x3e7d98,'configurable':!![]});const MultiselectContext=createContext(void(0x1*-0x25c6+-0x24a*-0x1+-0x6*-0x5ea));function useMultiselect(){const _0x3b783f=useContext(MultiselectContext);if(!_0x3b783f)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x3b783f;}__name(useMultiselect,'useMultiselect');
 
 export { MultiselectContext, useMultiselect };

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

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x48e87e,_0x422d44)=>__defProp(_0x48e87e,'name',{'value':_0x422d44,'configurable':!![]});function scrollIntoView(_0x53a3c1){if(_0x53a3c1){const _0x1b369c=document['getElementById'](_0x53a3c1);if(_0x1b369c)_0x1b369c['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
+var __defProp=Object['defineProperty'],__name=(_0x5d7813,_0x18b186)=>__defProp(_0x5d7813,'name',{'value':_0x18b186,'configurable':!![]});function scrollIntoView(_0x183279){if(_0x183279){const _0x31ee84=document['getElementById'](_0x183279);if(_0x31ee84)_0x31ee84['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
 
 export { scrollIntoView };

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

@@ -1,8 +1,8 @@
 'use strict';
-import _0x2568ab from 'quill';
-import _0x2e0220 from 'lodash.debounce';
+import _0x2588c6 from 'quill';
+import _0x3f4222 from 'lodash.debounce';
 import { richTextToolbarOptions, richTextThemes, richTextEditorEvents } from './rich-text-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x447213,_0x5763f3)=>__defProp(_0x447213,'name',{'value':_0x5763f3,'configurable':!![]});const initializeEditor=__name((_0x19a60d,_0x3ab97c,_0x212e2b,_0x2ea6bc,_0x453f67,_0x50b8a7,_0x18d2ad,_0x22c061,_0x711921)=>{if(_0x2ea6bc&&!_0x3ab97c?.['current']){const _0x422c45=new _0x2568ab(_0x2ea6bc,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x453f67,'readOnly':_0x50b8a7});if(_0x711921){const _0x529320=_0x422c45['root'];_0x529320['id']=_0x711921;}_0x3ab97c&&(_0x3ab97c['current']=_0x422c45);_0x212e2b?.(_0x422c45),_0x422c45['on'](richTextEditorEvents['textChange'],()=>{_0x19a60d(_0x422c45['root']['textContent']??'');});if(_0x18d2ad)_0x422c45['root']['textContent']=_0x18d2ad;else _0x22c061&&(_0x422c45['root']['textContent']=_0x22c061);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0xe7cfde=>_0x2e0220((_0x5b957d,_0xe4da37)=>{_0xe4da37&&_0xe4da37['root']['textContent']!==_0x5b957d&&(_0xe4da37['root']['textContent']=_0x5b957d);},_0xe7cfde),'createDebouncedEditorUpdate');
+var __defProp=Object['defineProperty'],__name=(_0x2ce35b,_0x1ac3f4)=>__defProp(_0x2ce35b,'name',{'value':_0x1ac3f4,'configurable':!![]});function initializeEditor(_0x59c692,_0x378313,_0xd963a6,_0x2c3030,_0x55e8c8,_0x464e06,_0x1daf2f,_0x2f99ac,_0x1b45b0){if(_0x2c3030&&!_0x378313?.['current']){const _0x8dfdb8=new _0x2588c6(_0x2c3030,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x55e8c8,'readOnly':_0x464e06});if(_0x1b45b0){const _0x59709c=_0x8dfdb8['root'];_0x59709c['id']=_0x1b45b0;}_0x378313&&(_0x378313['current']=_0x8dfdb8);_0xd963a6?.(_0x8dfdb8),_0x8dfdb8['on'](richTextEditorEvents['textChange'],()=>{_0x59c692(_0x8dfdb8['root']['textContent']??'');});if(_0x1daf2f)_0x8dfdb8['root']['textContent']=_0x1daf2f;else _0x2f99ac&&(_0x8dfdb8['root']['textContent']=_0x2f99ac);}}__name(initializeEditor,'initializeEditor');function createDebouncedEditorUpdate(_0x250444){return _0x3f4222((_0x4d7bd8,_0x368f53)=>{_0x368f53&&_0x368f53['root']['textContent']!==_0x4d7bd8&&(_0x368f53['root']['textContent']=_0x4d7bd8);},_0x250444);}__name(createDebouncedEditorUpdate,'createDebouncedEditorUpdate');
 
 export { createDebouncedEditorUpdate, initializeEditor };

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

@@ -4,6 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { createDebouncedEditorUpdate, initializeEditor } from './RichText.funcs.js';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
+import { useEmptyRef } from '../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -25,8 +26,8 @@ function RichText({
   invalid,
   id
 }) {
-  const quillRef = useRef(null);
-  const quillEditorRef = useRef(null);
+  const quillRef = useEmptyRef();
+  const quillEditorRef = useRef(void 0);
   const debouncedEditorUpdate = createDebouncedEditorUpdate(debounceTime ?? 300);
   useEffect(() => {
     if (quillEditorRef.current) {
@@ -37,7 +38,7 @@ function RichText({
     initializeEditor(onChange, {
       current: quillEditorRef.current ?? void 0
     }, onEditorCreated, quillRef?.current ?? void 0, placeholder ?? "Start typing...", readOnly, value, defaultValue, id);
-  }, [onChange, onEditorCreated, placeholder, readOnly, value, defaultValue, id]);
+  }, [onChange, onEditorCreated, placeholder, readOnly, value, defaultValue, id, quillRef]);
   function onEditorContainerClick() {
     quillEditorRef.current?.focus();
   }

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

@@ -1,4 +1,4 @@
 'use strict';
-const richTextToolbarOptions=[[{'header':[-0x1*-0x11ff+-0x102b+-0x1d3*0x1,-0x15a*0x13+0x2b*0x61+-0x41*-0x25,0x2584+0xa*-0x320+-0x641,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
+const richTextToolbarOptions=[[{'header':[0x2480+-0x11*-0x85+-0x3c7*0xc,-0x2431+-0xfd6+-0xad*-0x4d,-0x1020+-0xb*-0x13+0xf52*0x1,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
 
 export { richTextEditorEvents, richTextThemes, richTextToolbarOptions };

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

@@ -40,7 +40,7 @@ interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, Varia
  * }
  * ```
  */
-declare const Select: typeof SelectPrimitive.Root;
+export declare const Select: typeof SelectPrimitive.Root;
 /**
  * Original Group component from Base UI Select
  *
@@ -127,4 +127,4 @@ declare function SelectSeparator({ className }: React.ComponentPropsWithoutRef<t
 declare namespace SelectSeparator {
     var displayName: string;
 }
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, type SelectTriggerProps, };
+export { SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, type SelectTriggerProps, };