@fernir2/saas-kit 0.0.190 → 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=(_0x58fc11,_0x1f88d8)=>__defProp(_0x58fc11,'name',{'value':_0x1f88d8,'configurable':!![]});function AddClass(_0x15bba4){_0x15bba4(!![]);}__name(AddClass,'AddClass');function resetValue(_0x2b40c0){_0x2b40c0('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x2e80f4,_0xe34f50)=>{_0xe34f50(_0x2e80f4['target']['value']);},'handleInputChange');function onInputChange(_0x259d53,_0x4832fa,_0x45ad2b){_0x4832fa(_0x259d53['target']['value']),_0x45ad2b?.(_0x259d53['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x4b1c37,_0x3527d9,_0x5693c2,_0x2a056b){_0x4b1c37(''),_0x3527d9(![]),_0x5693c2?.(''),_0x2a056b?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x2d8679,_0x384600,_0x169d77){_0x384600(![]),_0x169d77?.(_0x2d8679['target']['value'],_0x2d8679);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x4034b4,_0x387885,_0x59d578){!_0x387885&&_0x4034b4(!![]),_0x59d578?.();}__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=(_0x1f1643,_0x4a6e39)=>__defProp(_0x1f1643,'name',{'value':_0x4a6e39,'configurable':!![]});function setListItemTextOverflowing(_0x2a129e,_0xdbcc2e,_0x2e6850,_0xfe24c8){_0xfe24c8&&_0x2e6850(_0x2a129e>_0xdbcc2e);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x347773){_0x347773['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x1d5e00,_0x1af7ac){if(_0x1d5e00&&_0x1af7ac)scrollListItemIntoView(_0x1d5e00);}__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=(_0x513912,_0x341d54)=>__defProp(_0x513912,'name',{'value':_0x341d54,'configurable':!![]});function renderPreview(_0x2dd1be,_0x508460){const _0x5b06d4=renderMarkdown(_0x2dd1be)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x508460(_0x5b06d4);}__name(renderPreview,'renderPreview');function onValueChange(_0x568121,_0x1dcd87,_0x2edc3a){_0x1dcd87(_0x568121),_0x2edc3a?.(_0x568121);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x1123fd){return _0x1123fd+'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 _0x15ea1d 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 = _0x15ea1d(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=(_0xab2022,_0x40b4ce)=>__defProp(_0xab2022,'name',{'value':_0x40b4ce,'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(_0x2c1dbb,_0x4a0386,_0x3f671e,_0x2a81c3,_0x3e5f72,_0x1d5a52,_0x2c5b51){let _0x43c0ca;if(_0x2c1dbb===selectAllValue&&_0x2c5b51&&_0x3e5f72)_0x43c0ca=_0x1d5a52?[]:Array['from'](_0x2c5b51['keys']());else _0x4a0386['includes'](_0x2c1dbb)?_0x43c0ca=_0x4a0386['filter'](_0x4747f4=>_0x4747f4!==_0x2c1dbb):_0x43c0ca=[..._0x4a0386,_0x2c1dbb];_0x3f671e([..._0x43c0ca]);let _0x4f8793='';if(_0x1d5a52&&_0x3e5f72)_0x4f8793=selectAllDescription;else {if(_0x43c0ca['length']>-0xb*0x101+-0x6d*0x1b+0xb45*0x2){let _0x5d0ce9=fieldValuesSeparator;_0x2c5b51?_0x43c0ca['forEach'](_0x191468=>_0x4f8793+=_0x2c5b51['get'](_0x191468)+_0x5d0ce9):_0x43c0ca['forEach'](_0x40292a=>_0x4f8793+=_0x40292a+_0x5d0ce9),_0x4f8793=_0x4f8793['substring'](-0x32+-0x2*0x42+-0x1*-0xb6,_0x4f8793['length']-_0x5d0ce9['length']),_0x4f8793=shortenWithEllipsis(_0x4f8793,-0x1cd*-0x1+-0xb*0x265+0x189b);}}_0x2a81c3(_0x4f8793);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');const getMultiSelectStatusesById=__name((_0x51bff2,_0x2e477a)=>{return _0x51bff2['reduce']((_0x2c6d48,_0x18df3f)=>''+_0x2c6d48+(_0x2e477a['get'](_0x18df3f)??'')+'\x20','')['trim']();},'getMultiSelectStatusesById');function moveNext(_0x3c4609,_0x5b5730,_0x4af675,_0x4c9ebf){const _0x4d7340=calculateNextIndex(_0x3c4609,_0x5b5730,_0x4c9ebf);_0x4af675(_0x4d7340);}__name(moveNext,'moveNext');const calculateNextIndex=__name((_0x479219,_0x3f1d7c,_0x20deb5)=>{const _0x4d8afd=_0x479219+(0x26e9+-0x1e13*-0x1+-0x44fb*0x1);if(_0x4d8afd>_0x3f1d7c['length']-(-0x1907+0xe7f+-0x3*-0x383))return _0x20deb5?0x1459+-0x2c7+-0xd*0x15a:-(-0x4*-0x90b+-0x2f*0x6b+-0x1086);return _0x4d8afd;},'calculateNextIndex'),movePrev=__name((_0xefdaae,_0x3b9d31,_0x1bff5f)=>{const _0x438e40=_0xefdaae-(-0x812*0x2+-0x1*-0x1948+0x923*-0x1);_0x1bff5f(_0x438e40<0x223*0xc+-0x1*-0x1f1+-0x133*0x17?_0x3b9d31['length']-(0x1b1a+0x10*-0x139+0x283*-0x3):_0x438e40);},'movePrev'),onMultiSelectBackspaceOrDelete=__name((_0x2ed22c,_0x347800,_0x26cc3f,_0x13db4d,_0x5b0a80)=>{if(!_0x26cc3f){if(_0x2ed22c!==-(0x895*0x1+0x1*0x1937+-0x21cb)&&_0x2ed22c<_0x347800['length']){_0x5b0a80(_0x347800['filter'](_0x4e08e5=>_0x4e08e5!==_0x347800[_0x2ed22c]));const _0xeca964=_0x2ed22c-(-0x7*-0x2cf+0x3*0x773+-0x1*0x2a01)<0x1cd+-0x3*0x4d+-0xe6?0x1*-0x349+0x4a9*-0x1+0x7f2:_0x2ed22c-(-0x2534*-0x1+-0x1*0x31e+0x19*-0x15d);_0x13db4d(_0xeca964);}else _0x5b0a80(_0x347800['filter'](_0x556436=>_0x556436!==_0x347800[_0x347800['length']-(0x2*-0x1223+-0x16e7+0x3b2e)]));}},'onMultiSelectBackspaceOrDelete'),onMultiSelectEnter=__name(_0x57e473=>{_0x57e473(!![]);},'onMultiSelectEnter'),onMultiSelectEscape=__name((_0x1809a9,_0x45b454,_0x2a3148)=>{_0x1809a9!==-(-0x14fc+-0x1c7b+0x1*0x3178)?_0x45b454(-(0x3*-0x21f+0x2bd+0x3a1)):_0x2a3148(![]);},'onMultiSelectEscape'),onMultiSelectArrowKeys=__name((_0x3dadaa,_0x56df5f,_0x414abc,_0x3d1e2c,_0x542647,_0x472bab)=>{if(_0x472bab===directionRtl){if(_0x3dadaa===keyboardKeys['arrowRight'])movePrev(_0x56df5f,_0x414abc,_0x3d1e2c);else _0x3dadaa===keyboardKeys['arrowLeft']&&(_0x56df5f!==-(-0x5*0x449+0x8f1+0xc7d)||_0x542647)&&moveNext(_0x56df5f,_0x414abc,_0x3d1e2c,_0x542647);}else {if(_0x3dadaa===keyboardKeys['arrowLeft'])movePrev(_0x56df5f,_0x414abc,_0x3d1e2c);else _0x3dadaa===keyboardKeys['arrowRight']&&(_0x56df5f!==-(-0x1bd5+-0x1*0xb70+0x16*0x1c9)||_0x542647)&&moveNext(_0x56df5f,_0x414abc,_0x3d1e2c,_0x542647);}},'onMultiSelectArrowKeys');function onMultiSelectKeyDown(_0x555ea4,_0x7e3402,_0x56b388,_0x574379,_0x4b8e7c,_0x2dcb75,_0x4977eb,_0xd054de,_0x1437bf){if((_0x7e3402===keyboardKeys['backspace']||_0x7e3402===keyboardKeys['delete'])&&_0x555ea4['length']>0x20ad+-0x6*0x338+0xd5d*-0x1)onMultiSelectBackspaceOrDelete(_0x574379,_0x555ea4,_0x56b388,_0x4b8e7c,_0x2dcb75);else {if(_0x7e3402===keyboardKeys['enter']||_0x7e3402===keyboardKeys['arrowDown'])onMultiSelectEnter(_0x4977eb);else {if(_0x7e3402===keyboardKeys['escape'])onMultiSelectEscape(_0x574379,_0x4b8e7c,_0x4977eb);else (_0x7e3402===keyboardKeys['arrowLeft']||_0x7e3402===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x7e3402,_0x574379,_0x555ea4,_0x4b8e7c,_0xd054de,_0x1437bf);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x3223ab,_0x3ae5e1,_0x34b28a){_0x3223ab['stopPropagation'](),_0x3ae5e1(),_0x34b28a(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x22d1b7,_0x38c776,_0xaac8ea){_0x22d1b7(-(-0x6*0x3ac+-0x5fd+-0x22*-0xd3)),_0xaac8ea(!_0x38c776);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x3a3ea9){_0x3a3ea9['preventDefault'](),_0x3a3ea9['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x230046,_0x2a25ed,_0x3dfab1){_0x2a25ed(_0x230046),_0x3dfab1('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x50f332,_0x2fa5ad,_0x5b9f47){_0x2fa5ad(_0x50f332),_0x5b9f47?.(_0x50f332);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0xe1698e,_0x58b0d7){const _0x205218=__name(_0x2ca04d=>handleClickOutside(_0xe1698e,_0x58b0d7,_0x2ca04d),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x205218),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x205218);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function handleClickOutside(_0x3e77f0,_0x106f28,_0x2fd1a){_0x3e77f0['current']&&(!(_0x2fd1a['target']instanceof Node)||!_0x3e77f0['current']['contains'](_0x2fd1a['target']))&&_0x106f28(![]);}__name(handleClickOutside,'handleClickOutside');function createOnKeyDown(_0x9a3b0a,_0x438f46,_0x3684bb,_0x37bcf1,_0x3ad2ca,_0x2a2045,_0x22b153,_0x64c6a6){return _0x17695b=>{onMultiSelectKeyDown(_0x9a3b0a,_0x17695b['key'],_0x438f46,_0x3684bb,_0x37bcf1,_0x3ad2ca,_0x2a2045,_0x22b153,_0x64c6a6);};}__name(createOnKeyDown,'createOnKeyDown');function onBlurHandler(_0x2c4d58,_0xd988d0,_0x3ee909){!_0xd988d0['current']?.['contains'](_0x2c4d58['relatedTarget'])&&_0x3ee909(![]);}__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=(_0x5cd986,_0x3910f7)=>__defProp(_0x5cd986,'name',{'value':_0x3910f7,'configurable':!![]});const MultiselectContext=createContext(null);const useMultiselect=__name(()=>{const _0x46afe9=useContext(MultiselectContext);if(!_0x46afe9)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x46afe9;},'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=(_0x1b5b06,_0x462230)=>__defProp(_0x1b5b06,'name',{'value':_0x462230,'configurable':!![]});function scrollIntoView(_0x2199bc){if(_0x2199bc){const _0x5826d0=document['getElementById'](_0x2199bc);if(_0x5826d0)_0x5826d0['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 _0x590641 from 'quill';
-import _0x15ea1d 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=(_0x268b9e,_0xa054be)=>__defProp(_0x268b9e,'name',{'value':_0xa054be,'configurable':!![]});const initializeEditor=__name((_0x575763,_0x55f208,_0x3f33a3,_0x78e6c3,_0x19eff0,_0x5dd1e7,_0x544c54,_0x811c50,_0x1757a0)=>{if(_0x78e6c3&&!_0x55f208?.['current']){const _0x41034e=new _0x590641(_0x78e6c3,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x19eff0,'readOnly':_0x5dd1e7});if(_0x1757a0){const _0x2982c2=_0x41034e['root'];_0x2982c2['id']=_0x1757a0;}_0x55f208&&(_0x55f208['current']=_0x41034e);_0x3f33a3?.(_0x41034e),_0x41034e['on'](richTextEditorEvents['textChange'],()=>{_0x575763(_0x41034e['root']['textContent']??'');});if(_0x544c54)_0x41034e['root']['textContent']=_0x544c54;else _0x811c50&&(_0x41034e['root']['textContent']=_0x811c50);}},'initializeEditor');const createDebouncedEditorUpdate=__name(_0x41a6b1=>_0x15ea1d((_0x49a5fb,_0xa60016)=>{_0xa60016&&_0xa60016['root']['textContent']!==_0x49a5fb&&(_0xa60016['root']['textContent']=_0x49a5fb);},_0x41a6b1),'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':[0x193c+0x178a+0x5*-0x9c1,0x1e13+-0x2ef*0xd+0x812,0x12fa+0x105a+-0x2351,![]]}],['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, };