@fernir2/saas-kit 0.0.206 → 0.0.208

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

@@ -5,7 +5,8 @@ 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 { cva } from 'class-variance-authority';
+import { componentVariantNames } from '../../../fd-toolbox/constants/html-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0xa151bd,_0x5dbee6)=>__defProp(_0xa151bd,'name',{'value':_0x5dbee6,'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(_0x87a037,_0x28011e,_0x5386fa,_0x48bd1d,_0x5e7492,_0x2707cd,_0x222a83){let _0x583048;if(_0x87a037===selectAllValue&&_0x222a83&&_0x5e7492)_0x583048=_0x2707cd?[]:Array['from'](_0x222a83['keys']());else _0x28011e['includes'](_0x87a037)?_0x583048=_0x28011e['filter'](_0x1ec96e=>_0x1ec96e!==_0x87a037):_0x583048=[..._0x28011e,_0x87a037];_0x5386fa([..._0x583048]);let _0xd2d1d9='';if(_0x2707cd&&_0x5e7492)_0xd2d1d9=selectAllDescription;else {if(_0x583048['length']>0x1f86+-0x16e*-0x5+-0x26ac){let _0x2b5815=fieldValuesSeparator;_0x222a83?_0x583048['forEach'](_0x1a9e42=>_0xd2d1d9+=_0x222a83['get'](_0x1a9e42)+_0x2b5815):_0x583048['forEach'](_0x20a2fc=>_0xd2d1d9+=_0x20a2fc+_0x2b5815),_0xd2d1d9=_0xd2d1d9['substring'](-0x16*-0x95+0x20dd*-0x1+-0xd*-0x18b,_0xd2d1d9['length']-_0x2b5815['length']),_0xd2d1d9=shortenWithEllipsis(_0xd2d1d9,0x3*-0x733+-0xeb4+0x10a*0x23);}}_0x48bd1d(_0xd2d1d9);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');function getMultiSelectStatusesById(_0x2887d0,_0x3998d6){return _0x2887d0['reduce']((_0x254517,_0x756af0)=>''+_0x254517+(_0x3998d6['get'](_0x756af0)??'')+'\x20','')['trim']();}__name(getMultiSelectStatusesById,'getMultiSelectStatusesById');function onMultiSelectKeyDown(_0x1198e9,_0x1373d2,_0x53f42c,_0x1ebbd7,_0xa02472,_0x28ad71,_0x345a4a,_0xeb5493,_0x332a8e){if((_0x1373d2===keyboardKeys['backspace']||_0x1373d2===keyboardKeys['delete'])&&_0x1198e9['length']>-0xb97+0x2322+-0x178b)onMultiSelectBackspaceOrDelete(_0x1ebbd7,_0x1198e9,_0x53f42c,_0xa02472,_0x28ad71);else {if(_0x1373d2===keyboardKeys['enter']||_0x1373d2===keyboardKeys['arrowDown'])onMultiSelectEnter(_0x345a4a);else {if(_0x1373d2===keyboardKeys['escape'])onMultiSelectEscape(_0x1ebbd7,_0xa02472,_0x345a4a);else (_0x1373d2===keyboardKeys['arrowLeft']||_0x1373d2===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x1373d2,_0x1ebbd7,_0x1198e9,_0xa02472,_0xeb5493,_0x332a8e);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x17f24a,_0x5eabba,_0x1b1c92){_0x17f24a['stopPropagation'](),_0x5eabba(),_0x1b1c92(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x3b70df,_0xd9fa81,_0x29a012){_0x3b70df(-(0x3*0x6fb+-0x14bb+0x1*-0x35)),_0x29a012(!_0xd9fa81);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x1b9349){_0x1b9349['preventDefault'](),_0x1b9349['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x5c6497,_0x3c22cf,_0x164eea){_0x3c22cf(_0x5c6497),_0x164eea('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x4a5936,_0x2046b0,_0x39ee9d){_0x2046b0(_0x4a5936),_0x39ee9d?.(_0x4a5936);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x573fe2,_0x31b825){const _0x490613=__name(_0x16a14b=>handleClickOutside(_0x573fe2,_0x31b825,_0x16a14b),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x490613),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x490613);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function createOnKeyDown(_0x2eb879,_0x2c1cdd,_0x1d20ba,_0x582a1a,_0x56ba34,_0x5d3a8e,_0x4e1eba,_0x2d8bdd){return _0x4ccc48=>{onMultiSelectKeyDown(_0x2eb879,_0x4ccc48['key'],_0x2c1cdd,_0x1d20ba,_0x582a1a,_0x56ba34,_0x5d3a8e,_0x4e1eba,_0x2d8bdd);};}__name(createOnKeyDown,'createOnKeyDown');function onBlurHandler(_0x4a804c,_0xd1949e,_0x14599b){!_0xd1949e['current']?.['contains'](_0x4a804c['relatedTarget'])&&_0x14599b(![]);}__name(onBlurHandler,'onBlurHandler');function moveNext(_0x39d271,_0x312519,_0x23f771,_0x5d2116){const _0xf98690=calculateNextIndex(_0x39d271,_0x312519,_0x5d2116);_0x23f771(_0xf98690);}__name(moveNext,'moveNext');function calculateNextIndex(_0xc72b6f,_0x219071,_0x3c1e00){const _0x27dad0=_0xc72b6f+(0x1d87+-0x1*0x74f+-0x1637);if(_0x27dad0>_0x219071['length']-(0x516+-0x1cc5+-0x2*-0xbd8))return _0x3c1e00?0xb*0x135+0x1e3+-0x50e*0x3:-(0x1*0x8db+0x95c*-0x4+-0xe4b*-0x2);return _0x27dad0;}__name(calculateNextIndex,'calculateNextIndex');function movePrev(_0x43af5e,_0x1e89e4,_0x340dae){const _0x22aa05=_0x43af5e-(0x502*0x7+0x2203+-0x4510);_0x340dae(_0x22aa05<-0x5f*-0x39+0xd47*0x1+0x1137*-0x2?_0x1e89e4['length']-(-0x44a*0x4+0x806+0x923):_0x22aa05);}__name(movePrev,'movePrev');function onMultiSelectBackspaceOrDelete(_0x72c07d,_0x36ee05,_0x57e3ef,_0x1afda9,_0x2d54c0){if(!_0x57e3ef){if(_0x72c07d!==-(0x1*-0x877+0xda*0x27+-0xc5f*0x2)&&_0x72c07d<_0x36ee05['length']){_0x2d54c0(_0x36ee05['filter'](_0x491071=>_0x491071!==_0x36ee05[_0x72c07d]));const _0xd9f3bf=_0x72c07d-(0x2*0xd9c+-0x9d*0x1c+0xa0b*-0x1)<0x17+-0x3*-0xb99+-0x22e2?-0x38e*-0x3+0xba1+-0x164b:_0x72c07d-(-0x7fc+0x45d*0x1+0x3a0*0x1);_0x1afda9(_0xd9f3bf);}else _0x2d54c0(_0x36ee05['filter'](_0x11f458=>_0x11f458!==_0x36ee05[_0x36ee05['length']-(0x6*0x3a5+-0x17*-0x3a+-0x1d*0xef)]));}}__name(onMultiSelectBackspaceOrDelete,'onMultiSelectBackspaceOrDelete');function onMultiSelectEnter(_0x8fd53e){_0x8fd53e(!![]);}__name(onMultiSelectEnter,'onMultiSelectEnter');function onMultiSelectEscape(_0x45511b,_0x2c0933,_0x44e915){_0x45511b!==-(0xb8f+0x13b3*0x1+0x3*-0xa6b)?_0x2c0933(-(-0xe*0x259+0x2*-0xeed+0x1*0x3eb9)):_0x44e915(![]);}__name(onMultiSelectEscape,'onMultiSelectEscape');function onMultiSelectArrowKeys(_0x282c86,_0x558403,_0xaf8d8d,_0x555bc1,_0x8a49d9,_0x4361c3){if(_0x4361c3===directionRtl){if(_0x282c86===keyboardKeys['arrowRight'])movePrev(_0x558403,_0xaf8d8d,_0x555bc1);else _0x282c86===keyboardKeys['arrowLeft']&&(_0x558403!==-(-0x1*-0x33d+-0x2055+0x1d19)||_0x8a49d9)&&moveNext(_0x558403,_0xaf8d8d,_0x555bc1,_0x8a49d9);}else {if(_0x282c86===keyboardKeys['arrowLeft'])movePrev(_0x558403,_0xaf8d8d,_0x555bc1);else _0x282c86===keyboardKeys['arrowRight']&&(_0x558403!==-(0x2359*0x1+0x1f0c+-0x4*0x1099)||_0x8a49d9)&&moveNext(_0x558403,_0xaf8d8d,_0x555bc1,_0x8a49d9);}}__name(onMultiSelectArrowKeys,'onMultiSelectArrowKeys');function handleClickOutside(_0x479ab3,_0x4f7f05,_0xb03a8c){_0x479ab3['current']&&(!(_0xb03a8c['target']instanceof Node)||!_0x479ab3['current']['contains'](_0xb03a8c['target']))&&_0x4f7f05(![]);}__name(handleClickOutside,'handleClickOutside');
+var __defProp=Object['defineProperty'],__name=(_0x3ed430,_0x5b1292)=>__defProp(_0x3ed430,'name',{'value':_0x5b1292,'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':componentVariantNames['float']}});function onMultiSelectValueChange(_0x42357a,_0x3f430d,_0x559f67,_0x15b568,_0x3b345c,_0x5545fb,_0x8b0000){let _0x28793a;if(_0x42357a===selectAllValue&&_0x8b0000&&_0x3b345c)_0x28793a=_0x5545fb?[]:Array['from'](_0x8b0000['keys']());else _0x3f430d['includes'](_0x42357a)?_0x28793a=_0x3f430d['filter'](_0x59d417=>_0x59d417!==_0x42357a):_0x28793a=[..._0x3f430d,_0x42357a];_0x559f67([..._0x28793a]);let _0x34b028='';if(_0x5545fb&&_0x3b345c)_0x34b028=selectAllDescription;else {if(_0x28793a['length']>0x3b+-0x1*-0xe6f+-0xeaa){let _0x31a4c6=fieldValuesSeparator;_0x8b0000?_0x28793a['forEach'](_0x42f58a=>_0x34b028+=_0x8b0000['get'](_0x42f58a)+_0x31a4c6):_0x28793a['forEach'](_0x3e3539=>_0x34b028+=_0x3e3539+_0x31a4c6),_0x34b028=_0x34b028['substring'](0x2ea+-0x28e*0xa+0x16a2,_0x34b028['length']-_0x31a4c6['length']),_0x34b028=shortenWithEllipsis(_0x34b028,0x185*0xa+-0x1*-0x14a8+0x1*-0x23c9);}}_0x15b568(_0x34b028);}__name(onMultiSelectValueChange,'onMultiSelectValueChange');function getMultiSelectStatusesById(_0x5e947e,_0x2c67b9){return _0x5e947e['reduce']((_0x94940a,_0x394c79)=>''+_0x94940a+(_0x2c67b9['get'](_0x394c79)??'')+'\x20','')['trim']();}__name(getMultiSelectStatusesById,'getMultiSelectStatusesById');function onMultiSelectKeyDown(_0x5339a6,_0x26145a,_0x597aa5,_0x4344ea,_0xafab08,_0x531c52,_0x4d70a1,_0x2448ce,_0x4d7f64){if((_0x26145a===keyboardKeys['backspace']||_0x26145a===keyboardKeys['delete'])&&_0x5339a6['length']>0x188*0x7+-0x15f*-0x1+0x1*-0xc17)onMultiSelectBackspaceOrDelete(_0x4344ea,_0x5339a6,_0x597aa5,_0xafab08,_0x531c52);else {if(_0x26145a===keyboardKeys['enter']||_0x26145a===keyboardKeys['arrowDown'])onMultiSelectEnter(_0x4d70a1);else {if(_0x26145a===keyboardKeys['escape'])onMultiSelectEscape(_0x4344ea,_0xafab08,_0x4d70a1);else (_0x26145a===keyboardKeys['arrowLeft']||_0x26145a===keyboardKeys['arrowRight'])&&onMultiSelectArrowKeys(_0x26145a,_0x4344ea,_0x5339a6,_0xafab08,_0x2448ce,_0x4d7f64);}}}__name(onMultiSelectKeyDown,'onMultiSelectKeyDown');function resetOnClick(_0x1be53f,_0x2a99a6,_0x44111a){_0x1be53f['stopPropagation'](),_0x2a99a6(),_0x44111a(![]);}__name(resetOnClick,'resetOnClick');function inputOnClick(_0x294835,_0x29de5b,_0x34533c){_0x294835(-(0x1*0x67b+0x222*-0x5+0x430)),_0x34533c(!_0x29de5b);}__name(inputOnClick,'inputOnClick');function mousePreventDefault(_0x5c2843){_0x5c2843['preventDefault'](),_0x5c2843['stopPropagation']();}__name(mousePreventDefault,'mousePreventDefault');function onItemSelect(_0x367ae3,_0x1a4d8f,_0x24a03d){_0x1a4d8f(_0x367ae3),_0x24a03d('');}__name(onItemSelect,'onItemSelect');function handleOpenChange(_0x4ddaf1,_0x272280,_0x19d5b6){_0x272280(_0x4ddaf1),_0x19d5b6?.(_0x4ddaf1);}__name(handleOpenChange,'handleOpenChange');function registerClickOutsideMultiselectHandler(_0x3dae60,_0x368653){const _0x29acf0=__name(_0x574d59=>handleClickOutside(_0x3dae60,_0x368653,_0x574d59),'handler');return document['addEventListener'](eventListenerEvents['mousedown'],_0x29acf0),()=>{document['removeEventListener'](eventListenerEvents['mousedown'],_0x29acf0);};}__name(registerClickOutsideMultiselectHandler,'registerClickOutsideMultiselectHandler');function createOnKeyDown(_0x1a9900,_0x49cc59,_0x4c793e,_0x33857e,_0x235747,_0x3ed0de,_0x2ce1a2,_0x357fa1){return _0xb61dc1=>{onMultiSelectKeyDown(_0x1a9900,_0xb61dc1['key'],_0x49cc59,_0x4c793e,_0x33857e,_0x235747,_0x3ed0de,_0x2ce1a2,_0x357fa1);};}__name(createOnKeyDown,'createOnKeyDown');function onBlurHandler(_0x36544f,_0x1f4824,_0x5f0a80){!_0x1f4824['current']?.['contains'](_0x36544f['relatedTarget'])&&_0x5f0a80(![]);}__name(onBlurHandler,'onBlurHandler');function moveNext(_0x35c170,_0x49d4b7,_0x364749,_0x280767){const _0x1d9851=calculateNextIndex(_0x35c170,_0x49d4b7,_0x280767);_0x364749(_0x1d9851);}__name(moveNext,'moveNext');function calculateNextIndex(_0xcd978c,_0x1f5d8a,_0x17c2a2){const _0x219b38=_0xcd978c+(0x20bd+-0x4e7+0xf*-0x1db);if(_0x219b38>_0x1f5d8a['length']-(-0x1513+0x12e2+-0x2*-0x119))return _0x17c2a2?0x184c+0x15ec+0x1*-0x2e38:-(0xab8+-0x83*0x49+0x1*0x1aa4);return _0x219b38;}__name(calculateNextIndex,'calculateNextIndex');function movePrev(_0x385ff7,_0x2c462b,_0x3f34af){const _0x574dce=_0x385ff7-(0x2*0xea7+-0x93f+0x2*-0xa07);_0x3f34af(_0x574dce<0x397*0x3+0x3*0x1b+-0x21*0x56?_0x2c462b['length']-(-0x1263+0x49*-0x4a+0x277e*0x1):_0x574dce);}__name(movePrev,'movePrev');function onMultiSelectBackspaceOrDelete(_0x295395,_0x27cddf,_0x3a0e3f,_0xa7ecaf,_0x3111cb){if(!_0x3a0e3f){if(_0x295395!==-(-0xf48+0x60e+-0x1*-0x93b)&&_0x295395<_0x27cddf['length']){_0x3111cb(_0x27cddf['filter'](_0x397098=>_0x397098!==_0x27cddf[_0x295395]));const _0x389177=_0x295395-(0x5*0x275+-0x1*-0x1892+-0xb2*0x35)<-0x7f*-0x1f+-0x1*-0x56c+-0x14cd*0x1?-0x6*0x4c3+-0x1138+0x1*0x2dca:_0x295395-(-0x1fef+-0x9de+-0x1*-0x29ce);_0xa7ecaf(_0x389177);}else _0x3111cb(_0x27cddf['filter'](_0x4a5b80=>_0x4a5b80!==_0x27cddf[_0x27cddf['length']-(0x311+-0x13f9+0x9*0x1e1)]));}}__name(onMultiSelectBackspaceOrDelete,'onMultiSelectBackspaceOrDelete');function onMultiSelectEnter(_0x55a04d){_0x55a04d(!![]);}__name(onMultiSelectEnter,'onMultiSelectEnter');function onMultiSelectEscape(_0x11c281,_0x28cb05,_0x32f507){_0x11c281!==-(0x1b*-0x8e+-0x59*0x20+-0x1*-0x1a1b)?_0x28cb05(-(-0xe7+0x971*0x4+-0x24dc)):_0x32f507(![]);}__name(onMultiSelectEscape,'onMultiSelectEscape');function onMultiSelectArrowKeys(_0x796d3b,_0x47f3b0,_0x35bc8b,_0x4fe07c,_0x47fa6e,_0x4c644b){if(_0x4c644b===directionRtl){if(_0x796d3b===keyboardKeys['arrowRight'])movePrev(_0x47f3b0,_0x35bc8b,_0x4fe07c);else _0x796d3b===keyboardKeys['arrowLeft']&&(_0x47f3b0!==-(0x8*0x15b+-0x1a07+0x36*0x48)||_0x47fa6e)&&moveNext(_0x47f3b0,_0x35bc8b,_0x4fe07c,_0x47fa6e);}else {if(_0x796d3b===keyboardKeys['arrowLeft'])movePrev(_0x47f3b0,_0x35bc8b,_0x4fe07c);else _0x796d3b===keyboardKeys['arrowRight']&&(_0x47f3b0!==-(-0xdc2+0x143*-0xf+0x20b0*0x1)||_0x47fa6e)&&moveNext(_0x47f3b0,_0x35bc8b,_0x4fe07c,_0x47fa6e);}}__name(onMultiSelectArrowKeys,'onMultiSelectArrowKeys');function handleClickOutside(_0x250d93,_0x398ed6,_0x5bd7c7){_0x250d93['current']&&(!(_0x5bd7c7['target']instanceof Node)||!_0x250d93['current']['contains'](_0x5bd7c7['target']))&&_0x398ed6(![]);}__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

@@ -15,6 +15,7 @@ import { selectAllDescription, selectAllValue } from './fd-multi-select-constant
 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';
+import { componentVariantNames } from '../../../fd-toolbox/constants/html-constants.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -100,7 +101,7 @@ function MultiSelect(t0) {
     onReset: __name(t4, "onReset"),
     hovered,
     setHovered,
-    variant: variant ?? "float",
+    variant: variant ?? componentVariantNames.float,
     showSelectAll,
     isAllSelected
   };

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=(_0x4aa2a9,_0x51c139)=>__defProp(_0x4aa2a9,'name',{'value':_0x51c139,'configurable':!![]});const MultiselectContext=createContext(void(0x2066+0x1ff4+-0x405a));function useMultiselect(){const _0x39988e=useContext(MultiselectContext);if(!_0x39988e)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x39988e;}__name(useMultiselect,'useMultiselect');
+var __defProp=Object['defineProperty'],__name=(_0x29b365,_0x3f5ec5)=>__defProp(_0x29b365,'name',{'value':_0x3f5ec5,'configurable':!![]});const MultiselectContext=createContext(void(-0x1b01+0x1*-0x2141+0x3c42));function useMultiselect(){const _0x2ce345=useContext(MultiselectContext);if(!_0x2ce345)throw createError('useMultiselect\x20must\x20be\x20used\x20within\x20MultiselectProvider');return _0x2ce345;}__name(useMultiselect,'useMultiselect');
 
 export { MultiselectContext, useMultiselect };

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

@@ -28,19 +28,19 @@ export interface NavigationProps {
  * ```tsx
     function MyComponent() {
         const [isOpen, setIsOpen] = useState(true);
-    
+
         return (
             <Navigation
                 config={{
-                    name: "Page Sections",
-                    items: [
-                        { name: "Introduction", targetHtmlElementId: "intro-section" },
-                        { name: "Features", targetHtmlElementId: "features-section" },
+                    title: "Page Sections",
+                    navigationItems: [
+                        { displayName: "Introduction", targetHtmlElementId: "intro-section" },
+                        { displayName: "Features", targetHtmlElementId: "features-section" },
                     ],
                 }}
-                open={open}
+                open={isOpen}
                 onOpenClick={() => setIsOpen(!isOpen)}
-            />;
+            />
         );
     }
  * ```

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

@@ -21,7 +21,12 @@ export interface NavigationItem {
  *
  * @example
  * ```tsx
- * <NavigationItemComponent item={{ name: "Features", targetHtmlElementId: "features-section"}}/>
+    <NavigationItemComponent
+        navigationItem={{
+            displayName: "Features",
+            targetHtmlElementId: "features-section",
+        }}
+    />
  * ```
  */
 export declare function NavigationItemComponent({ navigationItem }: NavigationItemComponentProps): import("react").JSX.Element;

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

@@ -1,4 +1,6 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x5ed896,_0x250d57)=>__defProp(_0x5ed896,'name',{'value':_0x250d57,'configurable':!![]});function scrollIntoView(_0x392dd9){if(_0x392dd9){const _0x122c6a=document['getElementById'](_0x392dd9);if(_0x122c6a)_0x122c6a['scrollIntoView']({'behavior':'smooth','block':'nearest','inline':'nearest'});}}__name(scrollIntoView,'scrollIntoView');
+import { scrollAlignmentValues } from '../../../../fd-toolbox/constants/scroll-position-constants.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x35e914,_0x168cdf)=>__defProp(_0x35e914,'name',{'value':_0x168cdf,'configurable':!![]});function scrollIntoView(_0x46896f){if(_0x46896f){const _0x55b5a4=document['getElementById'](_0x46896f);_0x55b5a4&&_0x55b5a4['scrollIntoView']({'behavior':'smooth','block':scrollAlignmentValues['nearest'],'inline':scrollAlignmentValues['nearest']});}}__name(scrollIntoView,'scrollIntoView');
 
 export { scrollIntoView };

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

@@ -1,8 +1,8 @@
 'use strict';
-import _0x5dd2dd from 'quill';
-import _0xf93c48 from 'lodash.debounce';
+import _0x2040dd from 'quill';
+import _0xf89671 from 'lodash.debounce';
 import { richTextToolbarOptions, richTextThemes, richTextEditorEvents } from './rich-text-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x121542,_0x54353a)=>__defProp(_0x121542,'name',{'value':_0x54353a,'configurable':!![]});function initializeEditor(_0x282b60,_0x1be72b,_0x2410cf,_0x55b6c0,_0x183143,_0x168983,_0x5a480c,_0x937f19,_0xc3e22b){if(_0x55b6c0&&!_0x1be72b?.['current']){const _0x5ccc46=new _0x5dd2dd(_0x55b6c0,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x183143,'readOnly':_0x168983});if(_0xc3e22b){const _0x14827a=_0x5ccc46['root'];_0x14827a['id']=_0xc3e22b;}_0x1be72b&&(_0x1be72b['current']=_0x5ccc46);_0x2410cf?.(_0x5ccc46),_0x5ccc46['on'](richTextEditorEvents['textChange'],()=>{_0x282b60(_0x5ccc46['root']['textContent']??'');});if(_0x5a480c)_0x5ccc46['root']['textContent']=_0x5a480c;else _0x937f19&&(_0x5ccc46['root']['textContent']=_0x937f19);}}__name(initializeEditor,'initializeEditor');function createDebouncedEditorUpdate(_0x2f1ee2){return _0xf93c48((_0x20cb07,_0x4d357a)=>{_0x4d357a&&_0x4d357a['root']['textContent']!==_0x20cb07&&(_0x4d357a['root']['textContent']=_0x20cb07);},_0x2f1ee2);}__name(createDebouncedEditorUpdate,'createDebouncedEditorUpdate');
+var __defProp=Object['defineProperty'],__name=(_0x357d02,_0xa4b85c)=>__defProp(_0x357d02,'name',{'value':_0xa4b85c,'configurable':!![]});function initializeEditor(_0x2bf845,_0x19d8d1,_0x1bac8d,_0x1b9c50,_0x54269e,_0x4c342f,_0x48fa3b,_0x457784,_0x538575){if(_0x1b9c50&&!_0x19d8d1?.['current']){const _0x5e537a=new _0x2040dd(_0x1b9c50,{'theme':richTextThemes['snow'],'modules':{'toolbar':richTextToolbarOptions},'placeholder':_0x54269e,'readOnly':_0x4c342f});if(_0x538575){const _0x386e72=_0x5e537a['root'];_0x386e72['id']=_0x538575;}_0x19d8d1&&(_0x19d8d1['current']=_0x5e537a);_0x1bac8d?.(_0x5e537a),_0x5e537a['on'](richTextEditorEvents['textChange'],()=>{_0x2bf845(_0x5e537a['root']['textContent']??'');});if(_0x48fa3b)_0x5e537a['root']['textContent']=_0x48fa3b;else _0x457784&&(_0x5e537a['root']['textContent']=_0x457784);}}__name(initializeEditor,'initializeEditor');function createDebouncedEditorUpdate(_0x11e4dc){return _0xf89671((_0x3d7c39,_0x4f809f)=>{_0x4f809f&&_0x4f809f['root']['textContent']!==_0x3d7c39&&(_0x4f809f['root']['textContent']=_0x3d7c39);},_0x11e4dc);}__name(createDebouncedEditorUpdate,'createDebouncedEditorUpdate');
 
 export { createDebouncedEditorUpdate, initializeEditor };

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

@@ -1,4 +1,7 @@
 'use strict';
-const richTextToolbarOptions=[[{'header':[-0x32d+0xc69+0x1*-0x93b,0xf7b+0xb5*0x15+-0xf29*0x2,0x1*0xadb+-0x22bb*-0x1+-0x2d93,![]]}],['bold','italic','underline'],['link','image']];const richTextThemes={'snow':'snow','bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
+import { colorNames } from '../../../base-repo/constants/tools-constants.js';
+import { contentFormatElements } from '../../../fd-toolbox/constants/html-constants.js';
+
+const richTextToolbarOptions=[[{'header':[-0xf0f+0x1*0x6fb+0x815,0x15f1*-0x1+-0x657+-0x1c4a*-0x1,-0x1dbe+-0x240f+0x41d0,![]]}],['bold','italic','underline'],[contentFormatElements['link'],contentFormatElements['image']]];const richTextThemes={'snow':colorNames['snow'],'bubble':'bubble'};const richTextEditorEvents={'textChange':'text-change','selectionChange':'selection-change','editorChange':'editor-change'};
 
 export { richTextEditorEvents, richTextThemes, richTextToolbarOptions };

package/packages/level2/fd-component-toolbox/save-status/SaveStatus.d.ts

@@ -16,11 +16,16 @@ export interface SaveStatusProps {
  *
  * @example
  * ```tsx
- * / Shows a "check" icon to indicate that changes have been successfully saved.
- * <SaveStatus saved={true} />
- *
- * / Shows a spinning "refresh" icon to indicate that changes are currently being saved.
- * <SaveStatus saved={false} />
+    function MyComponent() {
+        return (
+            <div>
+                / Shows a "check" icon to indicate that changes have been successfully saved.
+                <SaveStatus saved={true} />
+                / Shows a spinning "refresh" icon to indicate that changes are currently being saved.
+                <SaveStatus saved={false} />
+            </div>
+        );
+    }
  * ```
  */
 export declare function SaveStatus({ saved }: SaveStatusProps): import("react").JSX.Element;

package/packages/level2/fd-component-toolbox/save-status/SaveStatus.js

@@ -1,7 +1,7 @@
 'use strict';
 import { jsx } from 'react/jsx-runtime';
 import { Icon, iconSizes, iconNames } from '../icon/Icon.js';
-import { tooltipSides } from '../tooltip/tooltip-constants.js';
+import { commonPositions } from '../../../base-repo/constants/tools-constants.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import { elements } from '../../../fd-toolbox/constants/elements.js';
 
@@ -17,7 +17,7 @@ function SaveStatus({
     className: "flex size-5 items-center justify-center",
     children: saved ? /* @__PURE__ */jsx(Tooltip, {
       content: "Changes saved",
-      side: tooltipSides.bottom,
+      side: commonPositions.bottom,
       children: /* @__PURE__ */jsx("div", {
         children: /* @__PURE__ */jsx(Icon, {
           name: iconNames.check,
@@ -28,7 +28,7 @@ function SaveStatus({
       })
     }) : /* @__PURE__ */jsx(Tooltip, {
       content: "Saving changes",
-      side: tooltipSides.bottom,
+      side: commonPositions.bottom,
       children: /* @__PURE__ */jsx("div", {
         children: /* @__PURE__ */jsx(Icon, {
           name: iconNames.refresh,

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

@@ -2,14 +2,14 @@ import React from "react";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { LabelAnimationProps } from "../animation/LabelAnimation";
 import { VariantProps } from "class-variance-authority";
+import { componentVariantPropNames, floatingPositionStrategies } from "../../../fd-toolbox/constants/html-constants";
 /**
  * Props for {@link SelectTrigger}
  *
  * Extends [VariantProps](https:/cva.style/docs/getting-started/variants) of {@link selectVariants}
  */
-interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, VariantProps<typeof selectVariants> {
+interface SelectTriggerProps extends Omit<LabelAnimationProps, typeof componentVariantPropNames.variant>, React.PropsWithChildren, VariantProps<typeof selectVariants> {
     id?: string;
-    children?: React.ReactNode;
     /** Additional class name for the icon */
     iconClassName?: string;
     /** If true, removes the underline from the select trigger */
@@ -32,13 +32,11 @@ interface SelectTriggerProps extends Omit<LabelAnimationProps, "variant">, Varia
  */
 interface SelectContentProps {
     className?: string;
-    children?: React.ReactNode;
-    position?: "popper" | "item-aligned";
+    position?: (typeof floatingPositionStrategies)[keyof typeof floatingPositionStrategies];
     disablePortal?: boolean;
 }
 interface SelectLabelProps {
     className?: string;
-    children?: React.ReactNode;
     ref?: React.Ref<React.ComponentRef<typeof SelectPrimitive.GroupLabel>>;
 }
 /**
@@ -53,7 +51,6 @@ interface SelectLabelProps {
  */
 interface SelectItemProps {
     className?: string;
-    children?: React.ReactNode;
     value: string;
     id?: string;
 }
@@ -71,15 +68,21 @@ export declare const selectVariants: (props?: {
  *
  * @example
  * ```tsx
- * function MyComponent() {
- *     const [value, setValue] = useState("");
- *
- *     return (
- *         <Select value={value} onValueChange={setValue}>
- *             ...
- *         </Select>
- *     );
- * }
+    function MyComponent() {
+        const [value, setValue] = useState<string | null>(null);
+
+        return (
+            <Select value={value} onValueChange={setValue}>
+                <SelectTrigger label="Status" variant="float">
+                    <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                    <SelectItem value="draft">Draft</SelectItem>
+                    <SelectItem value="published">Published</SelectItem>
+                </SelectContent>
+            </Select>
+        );
+    }
  * ```
  */
 export declare const Select: typeof SelectPrimitive.Root;
@@ -101,7 +104,7 @@ declare function SelectTrigger({ className, children, label, shouldAnimate, skip
 declare namespace SelectTrigger {
     var displayName: string;
 }
-declare function SelectContent({ className, children, position, disablePortal }: SelectContentProps): React.JSX.Element;
+declare function SelectContent({ className, children, position, disablePortal, }: SelectContentProps & React.PropsWithChildren): React.JSX.Element;
 declare namespace SelectContent {
     var displayName: string;
 }
@@ -110,11 +113,11 @@ declare namespace SelectContent {
  *
  * Based on [select](https:/ui.shadcn.com/docs/components/select)
  */
-declare function SelectLabel({ className, children, ref }: SelectLabelProps): React.JSX.Element;
+declare function SelectLabel({ className, children, ref }: SelectLabelProps & React.PropsWithChildren): React.JSX.Element;
 declare namespace SelectLabel {
     var displayName: string;
 }
-declare function SelectItem({ className, value, children, id }: SelectItemProps): React.JSX.Element;
+declare function SelectItem({ className, value, children, id }: SelectItemProps & React.PropsWithChildren): React.JSX.Element;
 declare namespace SelectItem {
     var displayName: string;
 }

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

@@ -8,6 +8,9 @@ import { Icon, iconNames } from '../icon/Icon.js';
 import { LabelAnimation } from '../animation/LabelAnimation.js';
 import { cva } from 'class-variance-authority';
 import { isNullOrUndefined } from '../../../fd-toolbox/functions/value-checking-functions.js';
+import { componentVariantNames, floatingPositionStrategies } from '../../../fd-toolbox/constants/html-constants.js';
+import { wellKnownMetaProps } from '../../../fd-toolbox-core/constants/meta-constants.js';
+import { childrenProperty } from '../dynamic-layout/DynamicLayoutDragAndDrop.funcs.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -26,15 +29,15 @@ const selectVariants = cva("ring-offset-background placeholder:text-muted-foregr
     }
   },
   defaultVariants: {
-    variant: "float",
-    size: "default"
+    variant: componentVariantNames.float,
+    size: componentVariantNames.default
   }
 });
 const Select = Select$1.Root;
 const SelectGroup = Select$1.Group;
 const SelectValue = Select$1.Value;
 function isReactElementWithStringChildren(element) {
-  return React.isValidElement(element) && !isNullOrUndefined(element.props) && typeof element.props === "object" && "children" in element.props && typeof element.props.children === "string";
+  return React.isValidElement(element) && !isNullOrUndefined(element.props) && typeof element.props === "object" && childrenProperty in element.props && typeof element.props.children === "string";
 }
 __name(isReactElementWithStringChildren, "isReactElementWithStringChildren");
 function SelectTrigger({
@@ -61,7 +64,7 @@ function SelectTrigger({
     children: [/* @__PURE__ */jsxs("div", {
       className: cn(!!label && "first-letter:text-sm", className),
       children: [children, label && /* @__PURE__ */jsx(LabelAnimation, {
-        variant: "float",
+        variant: componentVariantNames.float,
         label,
         shouldAnimate,
         skipAnimationOnce,
@@ -83,10 +86,10 @@ function SelectContent({
   position,
   disablePortal
 }) {
-  const resolvedPosition = position ?? "popper";
+  const resolvedPosition = position ?? floatingPositionStrategies.popper;
   const content = /* @__PURE__ */jsxs(Select$1.Positioner, {
     sideOffset: 4,
-    alignItemWithTrigger: resolvedPosition === "item-aligned",
+    alignItemWithTrigger: resolvedPosition === floatingPositionStrategies.itemAligned,
     className: "z-50",
     children: [/* @__PURE__ */jsx(Select$1.ScrollUpArrow, {
       className: "flex items-center justify-center py-1",
@@ -94,7 +97,7 @@ function SelectContent({
         name: iconNames.caretSort
       })
     }), /* @__PURE__ */jsx(Select$1.Popup, {
-      className: cn("bg-popover text-popover-foreground max-h-96 min-w-[var(--anchor-width)] overflow-y-auto rounded-md border p-1 shadow-md", resolvedPosition === "popper" && "w-full", className),
+      className: cn("bg-popover text-popover-foreground max-h-96 min-w-[var(--anchor-width)] overflow-y-auto rounded-md border p-1 shadow-md", resolvedPosition === floatingPositionStrategies.popper && "w-full", className),
       children: /* @__PURE__ */jsx(Select$1.List, {
         className: "p-1",
         children
@@ -136,7 +139,7 @@ function SelectItem({
 }) {
   const itemProps = {};
   if (id) {
-    itemProps["id"] = id;
+    itemProps[wellKnownMetaProps.id] = id;
   }
   return /* @__PURE__ */jsxs(Select$1.Item, {
     value,

package/packages/level2/fd-component-toolbox/sheet/Sheet.js

@@ -5,8 +5,7 @@ import { Dialog } from '@base-ui/react/dialog';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { Icon, iconNames } from '../icon/Icon.js';
-import { sheetVariant } from './fd-sheet-constants.js';
-import { tooltipSides } from '../tooltip/tooltip-constants.js';
+import { commonPositions } from '../../../base-repo/constants/tools-constants.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 
 var __defProp = Object.defineProperty;
@@ -24,7 +23,7 @@ const sheetVariants = cva("bg-background data-[state=open]:animate-in data-[stat
     }
   },
   defaultVariants: {
-    side: "right"
+    side: commonPositions.right
   }
 });
 const Sheet = Dialog.Root;
@@ -59,11 +58,11 @@ function SheetContent({
           className: "size-full focus:outline-none",
           tabIndex: 0,
           children: [/* @__PURE__ */jsxs(Dialog.Close, {
-            hidden: side === sheetVariant.left,
+            hidden: side === commonPositions.left,
             className: "bg-fd-tertiary-50 ring-offset-background focus:ring-primary data-[state=open]:bg-secondary absolute top-2 right-3 z-50 cursor-pointer rounded-md opacity-100 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none sm:bg-transparent sm:opacity-70",
             children: [/* @__PURE__ */jsx(Tooltip, {
               content: "Close",
-              side: tooltipSides.left,
+              side: commonPositions.left,
               children: /* @__PURE__ */jsx("div", {
                 children: /* @__PURE__ */jsx(Icon, {
                   name: iconNames.cross

package/packages/level2/fd-component-toolbox/sizing/sizing.js

@@ -1,6 +1,7 @@
 'use strict';
 import { isNumberArray } from '../../../fd-toolbox/types/ensure-type.js';
+import { cssPropertyNames } from '../../../base-repo/constants/common-strings.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x10969d,_0x326fa9)=>__defProp(_0x10969d,'name',{'value':_0x326fa9,'configurable':!![]});function calculateSizing(_0x4ad542,_0x324282,_0x59651f){const _0x5998fa=_0x59651f?.['gap']??-0x1f45+0x4bb+0x1a8a,{columnsMap:_0x4efd0b,fitResult:_0x129907}=processColumnsInput(_0x4ad542,_0x324282,_0x5998fa,_0x59651f?.['columnOptions']),_0x4531ca={'count':_0x129907['count'],'usedWidth':_0x129907['used'],'remainingWidth':Math['max'](-0x6*0x5c+-0xc78+0xea0,_0x324282-_0x129907['used'])};Object['keys'](_0x4efd0b)['length']>-0x23*-0x43+0x788+-0x10b1&&(_0x4531ca['columnPercents']=calculateColumnPercents(_0x4efd0b));if(_0x59651f?.['isSmallScreen']!==void(0x2166*0x1+0xb89*-0x2+-0xa54*0x1)){const _0x457192=Object['values'](_0x4efd0b)['reduce']((_0x248df3,_0x3ab6b8)=>_0x248df3+_0x3ab6b8,-0x8b4*0x4+-0x1971+0x3c41);_0x4531ca['containerStyles']=calculateContainerStyles(_0x457192||_0x129907['used']/(0x16bd+0x216f+0x201*-0x1c),_0x59651f['isSmallScreen'],_0x59651f['minWidthPx']??-0x3*0x431+0x41e+0x875*0x1,_0x59651f['targetWidthPx']??0x31+0x3*0x8a3+-0x1a1a,_0x59651f['adaptiveWidth']??![]);}return _0x4531ca;}__name(calculateSizing,'calculateSizing');function calculateFit(_0x2aa6c8,_0x1d4ed1,_0x2596eb){let _0x3188f0=0x1f06+-0x12cd+-0xc39,_0x497ce0=0x1*0x1b7b+0x16e7+0x1*-0x3262;for(const _0x106a3c of _0x2aa6c8){const _0x3d7706=typeof _0x106a3c==='number'&&_0x106a3c>-0x92b*0x3+-0x1a65+0x35e6?_0x106a3c:0x481*-0x2+-0x1129+0x1a2b,_0xf5305b=_0x3d7706+_0x2596eb;if(_0x3188f0+_0xf5305b<=_0x1d4ed1)_0x3188f0+=_0xf5305b,_0x497ce0++;else break;}return {'count':_0x497ce0,'used':_0x3188f0};}__name(calculateFit,'calculateFit');function calculateColumnWidths(_0x5057f2,_0x1a32b6){const _0x25dd19={};for(const _0x59b934 of _0x5057f2){let _0x23cd48=_0x1a32b6['minPercentage'];_0x59b934['displayName']&&_0x59b934['displayName']!==''&&(_0x23cd48=_0x59b934['displayName']['length']*_0x1a32b6['symbolWidth']+_0x1a32b6['additionalWidth'],_0x23cd48<_0x1a32b6['minPixels']/(0x117e+-0x2*0x904+0x7*0x16)&&(_0x23cd48=_0x1a32b6['minPixels']/(-0x2*0xc37+-0x200d+0x388b))),_0x59b934['name']&&(_0x25dd19[_0x59b934['name']]=_0x23cd48);}return _0x25dd19;}__name(calculateColumnWidths,'calculateColumnWidths');function calculateColumnPercents(_0x202206){const _0x4ee13a=Object['values'](_0x202206)['reduce']((_0x297d75,_0x396204)=>_0x297d75+_0x396204,-0x415*0x9+0x2d3*0x3+0x1c44);if(_0x4ee13a===-0x1940+-0xa93+0xbf1*0x3)return Object['fromEntries'](Object['keys'](_0x202206)['map'](_0x580a22=>[_0x580a22,-0x2066*-0x1+-0x97d*-0x4+-0x465a]));return Object['fromEntries'](Object['entries'](_0x202206)['map'](([_0x165eee,_0x3f56da])=>[_0x165eee,_0x3f56da/_0x4ee13a*(0x593+0x1bd+-0x6ec)]));}__name(calculateColumnPercents,'calculateColumnPercents');function calculateContainerStyles(_0x9afbe5,_0x3fe4eb,_0x5758e5,_0x1e966f,_0x4e14b2){const _0x121fdf={};return _0x4e14b2?_0x3fe4eb?(_0x121fdf['width']='90vw',_0x121fdf['minWidth']=_0x5758e5/(-0x1*-0x183+0x545*-0x7+-0x5e8*-0x6)+'rem'):_0x121fdf['minWidth']=_0x1e966f/(-0x1*-0x1df5+-0x1654+-0x1*0x791)+'rem':_0x121fdf['minWidth']=_0x9afbe5+'rem',_0x121fdf;}__name(calculateContainerStyles,'calculateContainerStyles');function processColumnsInput(_0xae49e5,_0x4a21f0,_0x31bf91,_0x340771){if(_0xae49e5['length']===0xadb+0x5*0x5d0+-0x3a1*0xb)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};if(isNumberArray(_0xae49e5)){const _0x257a61=calculateFit(_0xae49e5,_0x4a21f0,_0x31bf91);return {'columnsMap':{},'fitResult':_0x257a61};}if(!_0x340771)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};const _0x1148c6=calculateColumnWidths(_0xae49e5,_0x340771),_0x506c4=Object['values'](_0x1148c6),_0x9bb2d5=calculateFit(_0x506c4,_0x4a21f0,_0x31bf91);return {'columnsMap':_0x1148c6,'fitResult':_0x9bb2d5};}__name(processColumnsInput,'processColumnsInput');
+var __defProp=Object['defineProperty'],__name=(_0x1ddaaf,_0x1a6f80)=>__defProp(_0x1ddaaf,'name',{'value':_0x1a6f80,'configurable':!![]});const minWidthStyleProperty='minWidth';function calculateSizing(_0x384371,_0x47028d,_0x1d81e1){const _0x23b045=_0x1d81e1?.['gap']??-0xee2+0xa6*-0x19+0x7c6*0x4,{columnsMap:_0x3c4022,fitResult:_0x18b51e}=processColumnsInput(_0x384371,_0x47028d,_0x23b045,_0x1d81e1?.['columnOptions']),_0x36aa45={'count':_0x18b51e['count'],'usedWidth':_0x18b51e['used'],'remainingWidth':Math['max'](-0x67d*0x1+0xf54*-0x2+-0x1*-0x2525,_0x47028d-_0x18b51e['used'])};Object['keys'](_0x3c4022)['length']>-0x4*-0x25+-0x10f*-0x1b+-0x1d29&&(_0x36aa45['columnPercents']=calculateColumnPercents(_0x3c4022));if(_0x1d81e1?.['isSmallScreen']!==void(-0xde*0x23+-0x179d+0x35f7)){const _0x394d86=Object['values'](_0x3c4022)['reduce']((_0x412b28,_0x28eef7)=>_0x412b28+_0x28eef7,-0x1*0x15c1+-0x3*-0x6f8+0xd9*0x1);_0x36aa45['containerStyles']=calculateContainerStyles(_0x394d86||_0x18b51e['used']/(-0x1*-0x24f+0x305+-0x544),_0x1d81e1['isSmallScreen'],_0x1d81e1['minWidthPx']??0x11ef*0x2+-0x1*0x1a8+0x12e*-0x1d,_0x1d81e1['targetWidthPx']??0xe29+-0x6*0x583+-0x12e9*-0x1,_0x1d81e1['adaptiveWidth']??![]);}return _0x36aa45;}__name(calculateSizing,'calculateSizing');function calculateFit(_0x34ac83,_0x32347f,_0x3323a4){let _0x41daed=0x1*0x133d+-0x13*-0x29+-0x1648,_0x7d19c2=0x1f*-0x70+-0x1656+0x23e6;for(const _0x414728 of _0x34ac83){const _0x5c1d0a=typeof _0x414728==='number'&&_0x414728>0x1*-0xb1+0x38d+0x1*-0x2dc?_0x414728:0x1*0x1429+-0x171b+0x2f2,_0x1f4b4f=_0x5c1d0a+_0x3323a4;if(_0x41daed+_0x1f4b4f<=_0x32347f)_0x41daed+=_0x1f4b4f,_0x7d19c2++;else break;}return {'count':_0x7d19c2,'used':_0x41daed};}__name(calculateFit,'calculateFit');function calculateColumnWidths(_0x17a5c1,_0x1a91c5){const _0x1db7b5={};for(const _0x55da8d of _0x17a5c1){let _0x55872c=_0x1a91c5['minPercentage'];_0x55da8d['displayName']&&_0x55da8d['displayName']!==''&&(_0x55872c=_0x55da8d['displayName']['length']*_0x1a91c5['symbolWidth']+_0x1a91c5['additionalWidth'],_0x55872c<_0x1a91c5['minPixels']/(0x1321+0x15*-0x85+-0x828)&&(_0x55872c=_0x1a91c5['minPixels']/(-0x1566+-0x1314+0x288a))),_0x55da8d['name']&&(_0x1db7b5[_0x55da8d['name']]=_0x55872c);}return _0x1db7b5;}__name(calculateColumnWidths,'calculateColumnWidths');function calculateColumnPercents(_0x4148cb){const _0x9d9527=Object['values'](_0x4148cb)['reduce']((_0x433b46,_0x438e2f)=>_0x433b46+_0x438e2f,0x10c9+-0x2471+0x13a8);if(_0x9d9527===0x4a*0x29+-0x8d*0x14+-0xd6)return Object['fromEntries'](Object['keys'](_0x4148cb)['map'](_0x1d9810=>[_0x1d9810,0x133*0x4+-0x248d+0x1fc1]));return Object['fromEntries'](Object['entries'](_0x4148cb)['map'](([_0x54da54,_0x2a65de])=>[_0x54da54,_0x2a65de/_0x9d9527*(0x1fc3+-0x5cf*0x1+-0x1990)]));}__name(calculateColumnPercents,'calculateColumnPercents');function calculateContainerStyles(_0xc34a9f,_0x390cf5,_0x2a9cef,_0x2251eb,_0x381f0e){const _0x3664b4={};return _0x381f0e?_0x390cf5?(_0x3664b4[cssPropertyNames['width']]='90vw',_0x3664b4[minWidthStyleProperty]=_0x2a9cef/(-0x17d+0x3*-0x365+0xbbc)+'rem'):_0x3664b4[minWidthStyleProperty]=_0x2251eb/(-0x2ca+-0x2b8*0xd+0x1*0x2632)+'rem':_0x3664b4[minWidthStyleProperty]=_0xc34a9f+'rem',_0x3664b4;}__name(calculateContainerStyles,'calculateContainerStyles');function processColumnsInput(_0x3cbe4e,_0x23e694,_0x3cee39,_0x376799){let _0x3edcd8={},_0x2c1cb7={'count':0x0,'used':0x0};if(_0x3cbe4e['length']>0x1*0x146+-0x20a2+0x1*0x1f5c){if(isNumberArray(_0x3cbe4e))_0x2c1cb7=calculateFit(_0x3cbe4e,_0x23e694,_0x3cee39);else {if(_0x376799){_0x3edcd8=calculateColumnWidths(_0x3cbe4e,_0x376799);const _0x1b57fd=Object['values'](_0x3edcd8);_0x2c1cb7=calculateFit(_0x1b57fd,_0x23e694,_0x3cee39);}}}const _0x14b2f9={'columnsMap':_0x3edcd8,'fitResult':_0x2c1cb7};return _0x14b2f9;}__name(processColumnsInput,'processColumnsInput');
 
 export { calculateSizing };

package/packages/level2/fd-component-toolbox/slide-toggle/SlideToggle.d.ts

@@ -2,6 +2,7 @@ import React, { ComponentPropsWithoutRef, ComponentRef } from "react";
 import { Switch as SwitchPrimitives } from "@base-ui/react/switch";
 import { type VariantProps } from "class-variance-authority";
 import { VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { htmlTags } from "@base-repo/constants/html-element-names";
 /**
  * Props of {@link SlideToggle}
  */
@@ -26,13 +27,17 @@ declare const labelVariants: (props?: import("class-variance-authority/types").C
  *
  * @example
  * ```tsx
- * function MyComponent() {
- *     const [isFeatureEnabled, setIsFeatureEnabled] = useState(false);
- *
- *     return (
- *         <Switch checked={isFeatureEnabled} color="bg-blue-500" onCheckedChange={setIsFeatureEnabled}/>
- *     );
- * };
+    function MyComponent() {
+        const [isFeatureEnabled, setIsFeatureEnabled] = useState(false);
+
+        return (
+            <SlideToggleSwitch
+                checked={isFeatureEnabled}
+                className="data-[state=checked]:bg-blue-500"
+                onCheckedChange={setIsFeatureEnabled}
+            />
+        );
+    }
  * ```
  */
 export declare function SlideToggleSwitch({ className, ref, }: ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
@@ -46,11 +51,11 @@ export declare namespace SlideToggleSwitch {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/label Label}
  */
-export declare function SlideToggleLabel({ className, ref, }: ComponentPropsWithoutRef<"label"> & VariantProps<typeof labelVariants> & {
+export declare function SlideToggleLabel({ className, ref, }: ComponentPropsWithoutRef<typeof htmlTags.label> & VariantProps<typeof labelVariants> & {
     ref?: React.Ref<HTMLLabelElement>;
 }): React.JSX.Element;
 export declare namespace SlideToggleLabel {
-    var displayName: string;
+    var displayName: "Label";
 }
 /**
  * Composite toggle component with a switch and label

package/packages/level2/fd-component-toolbox/slide-toggle/SlideToggle.js

@@ -4,13 +4,14 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Switch } from '@base-ui/react/switch';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { cva } from 'class-variance-authority';
+import { labelClassNames, labelDisplayNames } from '../label/label-constants.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const labelVariants = cva("text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const labelVariants = cva(labelClassNames.text);
 function SlideToggleSwitch({
   className,
   ref
@@ -35,7 +36,7 @@ function SlideToggleLabel({
   });
 }
 __name(SlideToggleLabel, "SlideToggleLabel");
-SlideToggleLabel.displayName = "Label";
+SlideToggleLabel.displayName = labelDisplayNames.label;
 function SlideToggle({
   text,
   primary,

package/packages/level2/fd-component-toolbox/spinner/Spinner.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { VariantProps } from "class-variance-authority";
+declare const mediumSpinnerSize = "medium";
 /**
  * Props for {@link Spinner}
  */
@@ -13,7 +14,7 @@ export interface SpinnerContentProps extends VariantProps<typeof spinnerVariants
     /** Size variant of the spinner */
     size?: SpinnerSize;
 }
-export type SpinnerSize = "small" | "medium" | "large";
+export type SpinnerSize = "small" | typeof mediumSpinnerSize | "large";
 declare const spinnerVariants: (props?: {
     show?: boolean;
 } & import("class-variance-authority/types").ClassProp) => string;

package/packages/level2/fd-component-toolbox/spinner/Spinner.js

@@ -3,17 +3,20 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { cva } from 'class-variance-authority';
 import { Loader2 } from 'lucide-react';
+import { iconSizes } from '../icon/Icon.js';
+import { uiElementVisibilityState } from '../../../base-repo/constants/ui-constants.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
+const mediumSpinnerSize = "medium";
 const spinnerVariants = cva("flex-col items-center justify-center", {
   variants: {
     show: {
       true: "flex",
-      false: "hidden"
+      false: uiElementVisibilityState.hidden
     }
   },
   defaultVariants: {
@@ -23,13 +26,13 @@ const spinnerVariants = cva("flex-col items-center justify-center", {
 const loaderVariants = cva("text-primary animate-spin", {
   variants: {
     size: {
-      small: "size-6",
+      small: iconSizes.large,
       medium: "size-8",
       large: "size-12"
     }
   },
   defaultVariants: {
-    size: "medium"
+    size: mediumSpinnerSize
   }
 });
 function Spinner({

package/packages/level2/fd-component-toolbox/switch/Switch.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x36612e,_0x3f1981)=>__defProp(_0x36612e,'name',{'value':_0x3f1981,'configurable':!![]});function onSwitchChange(_0x4685f1,_0x1411e0,_0x364eda){if(_0x1411e0)return;_0x364eda?.(_0x4685f1);}__name(onSwitchChange,'onSwitchChange');
+var __defProp=Object['defineProperty'],__name=(_0x7a072d,_0x9c16ff)=>__defProp(_0x7a072d,'name',{'value':_0x9c16ff,'configurable':!![]});function onSwitchChange(_0x6e26f7,_0x1b11ff,_0x2cea43){if(_0x1b11ff)return;_0x2cea43?.(_0x6e26f7);}__name(onSwitchChange,'onSwitchChange');
 
 export { onSwitchChange };

package/packages/level2/fd-component-toolbox/table-element-suffixes.js

@@ -1,4 +1,7 @@
 'use strict';
-const tableElementSuffixes={'table':'Table','header':'Header','body':'Body','row':'Row','tableRow':'TableRow','cell':'Cell','editButton':'EditButton','viewButton':'ViewButton','addButton':'AddButton','icon':'Icon','checkbox':'Checkbox','actionsMenu':'ActionsMenu'};
+import { elements } from '../../fd-toolbox/constants/elements.js';
+import { elementSuffixes } from '../../fd-toolbox/constants/element-suffixes.js';
+
+const tableElementSuffixes={'table':elements['table']['tableElementId'],'header':elementSuffixes['header'],'body':'Body','row':elements['table']['row'],'tableRow':'TableRow','cell':elements['table']['cell'],'editButton':elements['table']['editButton'],'viewButton':'ViewButton','addButton':elements['table']['addButton'],'icon':elements['material']['icon'],'checkbox':elements['table']['checkbox'],'actionsMenu':'ActionsMenu'};
 
 export { tableElementSuffixes };

package/packages/level2/fd-component-toolbox/textarea/TextArea.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x2148d5,_0x283373)=>__defProp(_0x2148d5,'name',{'value':_0x283373,'configurable':!![]});function onIncomingValueChange(_0x32a6b2,_0xcdb728){_0x32a6b2?_0xcdb728(_0x32a6b2):_0xcdb728('');}__name(onIncomingValueChange,'onIncomingValueChange');function onTextAreaValueChange(_0x1988f0,_0xb8521a,_0x5d5216){_0xb8521a(_0x1988f0['target']['value']),_0x5d5216?.(_0x1988f0['target']['value']);}__name(onTextAreaValueChange,'onTextAreaValueChange');function onTextAreaBlur(_0x2f83cd,_0x28dd8d,_0x436ad5){_0x28dd8d(![]),_0x436ad5?.(_0x2f83cd['target']['value']);}__name(onTextAreaBlur,'onTextAreaBlur');
+var __defProp=Object['defineProperty'],__name=(_0x3de053,_0x45eca9)=>__defProp(_0x3de053,'name',{'value':_0x45eca9,'configurable':!![]});function onIncomingValueChange(_0x14a8e5,_0x178c5d){_0x14a8e5?_0x178c5d(_0x14a8e5):_0x178c5d('');}__name(onIncomingValueChange,'onIncomingValueChange');function onTextAreaValueChange(_0x15d279,_0x5a1212,_0x242037){_0x5a1212(_0x15d279['target']['value']),_0x242037?.(_0x15d279['target']['value']);}__name(onTextAreaValueChange,'onTextAreaValueChange');function onTextAreaBlur(_0x34c161,_0x37c7c6,_0x300968){_0x37c7c6(![]),_0x300968?.(_0x34c161['target']['value']);}__name(onTextAreaBlur,'onTextAreaBlur');
 
 export { onIncomingValueChange, onTextAreaBlur, onTextAreaValueChange };

package/packages/level2/fd-component-toolbox/toaster/Toaster.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x1d50f8,_0x200e81)=>__defProp(_0x1d50f8,'name',{'value':_0x200e81,'configurable':!![]});const ToasterName='Toaster';function getToasterId(){return ToasterName+'Root';}__name(getToasterId,'getToasterId');
+var __defProp=Object['defineProperty'],__name=(_0x562e30,_0xdcdc7c)=>__defProp(_0x562e30,'name',{'value':_0xdcdc7c,'configurable':!![]});const ToasterName='Toaster';function getToasterId(){return ToasterName+'Root';}__name(getToasterId,'getToasterId');
 
 export { getToasterId };