@fernir2/saas-kit 0.0.161 → 0.0.162

package/packages/level2/fd-component-toolbox/fade-out-text/FadeOutText.d.ts

@@ -6,7 +6,7 @@ export interface FadeOutTextProps extends HTMLAttributes<HTMLDivElement> {
     /** The content to be displayed inside the fade-out text container */
     children: ReactNode;
     /** Align text to the right if true */
-    isRightAlign?: boolean;
+    rightAlign?: boolean;
     /** Callback function to be invoked when the tooltip is clicked */
     onTooltipClick?: VoidFunction;
     /** Whether to hide the tooltip */
@@ -25,7 +25,7 @@ export interface FadeOutTextProps extends HTMLAttributes<HTMLDivElement> {
  *   return (
  *     <FadeOutText
  *       bgColor="bg-transparent"
- *       isRightAlign={true}
+ *       rightAlign={true}
  *       tooltipContent="This is the full content that appears in the tooltip"
  *       onTooltipClick={...}
  *     >
@@ -35,7 +35,7 @@ export interface FadeOutTextProps extends HTMLAttributes<HTMLDivElement> {
  * }
  * ```
  */
-export declare function FadeOutText({ children, className, isRightAlign, shouldHideTooltip, onTooltipClick, tooltipContent, ref, ...props }: FadeOutTextProps): import("react").JSX.Element;
+export declare function FadeOutText({ children, className, rightAlign, shouldHideTooltip, onTooltipClick, tooltipContent, ref, ...props }: FadeOutTextProps): import("react").JSX.Element;
 export declare namespace FadeOutText {
     var displayName: string;
 }

package/packages/level2/fd-component-toolbox/fade-out-text/FadeOutText.funcs.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x1d5e68,_0x4483a4)=>__defProp(_0x1d5e68,'name',{'value':_0x4483a4,'configurable':!![]});function checkFadeoutVisibility(_0x3dafe0,_0x1c0dec){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x3dafe0(_0x1c0dec?_0x1c0dec['offsetWidth']<_0x1c0dec['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
+var __defProp=Object['defineProperty'],__name=(_0x373ca8,_0x13e399)=>__defProp(_0x373ca8,'name',{'value':_0x13e399,'configurable':!![]});function checkFadeoutVisibility(_0x16b92c,_0xb54957){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x16b92c(_0xb54957?_0xb54957['offsetWidth']<_0xb54957['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
 
 exports.checkFadeoutVisibility = checkFadeoutVisibility;

package/packages/level2/fd-component-toolbox/fade-out-text/FadeOutText.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x1d5e68,_0x4483a4)=>__defProp(_0x1d5e68,'name',{'value':_0x4483a4,'configurable':!![]});function checkFadeoutVisibility(_0x3dafe0,_0x1c0dec){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x3dafe0(_0x1c0dec?_0x1c0dec['offsetWidth']<_0x1c0dec['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
+var __defProp=Object['defineProperty'],__name=(_0x373ca8,_0x13e399)=>__defProp(_0x373ca8,'name',{'value':_0x13e399,'configurable':!![]});function checkFadeoutVisibility(_0x16b92c,_0xb54957){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x16b92c(_0xb54957?_0xb54957['offsetWidth']<_0xb54957['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
 
 export { checkFadeoutVisibility };

package/packages/level2/fd-component-toolbox/fade-out-text/FadeOutText.js

@@ -13,7 +13,7 @@ var __name = (target, value) => __defProp(target, "name", {
 function FadeOutText({
   children,
   className,
-  isRightAlign,
+  rightAlign,
   shouldHideTooltip,
   onTooltipClick,
   tooltipContent,
@@ -25,7 +25,7 @@ function FadeOutText({
   useEffect(() => {
     checkFadeoutVisibility(setFadeoutVisible, valueBlockRef?.current ?? void 0);
   }, [children]);
-  const textAlignmentClass = isRightAlign ? "flex-row-reverse" : "";
+  const textAlignmentClass = rightAlign ? "flex-row-reverse" : "";
   return /* @__PURE__ */jsx("div", {
     ref,
     className: "relative min-w-0 flex-1",

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

@@ -40,11 +40,11 @@ function Input({
   skipAnimationOnce,
   variant,
   children: icons,
-  isDisableFocus,
+  disableFocus,
   ref,
   ...props
 }) {
-  const isError = props["aria-invalid"] && props["aria-invalid"] !== "false";
+  const error = props["aria-invalid"] && props["aria-invalid"] !== "false";
   const [isInFocus, setIsInFocus] = React.useState(false);
   const [inputValue, setInputValue] = React.useState("");
   React.useEffect(() => {
@@ -66,8 +66,8 @@ function Input({
   const shouldLabelAnimate = !!value || !!props.defaultValue || isInFocus;
   const iconsBlockRef = React.useRef(null);
   const handleFocus = React.useCallback(() => {
-    Input_funcs.onInputFocus(setIsInFocus, isDisableFocus);
-  }, [isDisableFocus, setIsInFocus]);
+    Input_funcs.onInputFocus(setIsInFocus, disableFocus);
+  }, [disableFocus, setIsInFocus]);
   const onInputBlurCallback = React.useCallback(e_1 => {
     Input_funcs.onInputBlur(e_1, setIsInFocus, onBlurCallback);
   }, [onBlurCallback]);
@@ -79,10 +79,10 @@ function Input({
       ref,
       value: inputValue,
       onChange: onChangeCallback,
-      className: utils.cn("bg-background file:text-foreground placeholder:text-muted-foreground mt-1 flex w-full pl-2 pr-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none disabled:cursor-not-allowed", className, isError && "border-destructive border focus-visible:outline-none"),
+      className: utils.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-visible:outline-none disabled:cursor-not-allowed", className, error && "border-destructive border focus-visible:outline-none"),
       ...props,
       id: inputId,
-      tabIndex: isDisableFocus ? -1 : 0,
+      tabIndex: disableFocus ? -1 : 0,
       onFocus: handleFocus,
       onBlur: onInputBlurCallback
     }), /* @__PURE__ */jsxRuntime.jsxs("div", {
@@ -107,7 +107,7 @@ function Input({
         className: "max-w-fit",
         label,
         shouldAnimate: shouldLabelAnimate,
-        isErrorStyle: isError,
+        errorStyle: error,
         skipAnimationOnce,
         variant: variant ?? "float"
       }), icons && /* @__PURE__ */jsxRuntime.jsx("div", {

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

@@ -36,7 +36,7 @@ export interface InputProps extends Omit<React.ComponentProps<"input">, "onChang
     /** React children rendered inside the input container. */
     children?: ReactNode;
     /** Disables focusing behavior. */
-    isDisableFocus?: boolean;
+    disableFocus?: boolean;
 }
 /**
  * Customizable input component with floating label, clear functionality, and support for additional action buttons
@@ -53,7 +53,7 @@ export interface InputProps extends Omit<React.ComponentProps<"input">, "onChang
  * />
  * ```
  */
-export declare function Input({ className, inputId, showClearIcon, value, onChange, onClear, onBlur, label, skipAnimationOnce, variant, children: icons, isDisableFocus, ref, ...props }: InputProps & {
+export declare function Input({ className, inputId, showClearIcon, value, onChange, onClear, onBlur, label, skipAnimationOnce, variant, children: icons, disableFocus, ref, ...props }: InputProps & {
     ref?: React.Ref<HTMLInputElement>;
 }): React.JSX.Element;
 export declare namespace Input {

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

@@ -1,7 +1,7 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x42f312,_0xda1834)=>__defProp(_0x42f312,'name',{'value':_0xda1834,'configurable':!![]});function AddClass(_0x2cfcf1){_0x2cfcf1(!![]);}__name(AddClass,'AddClass');function resetValue(_0x5b13ac){_0x5b13ac('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x3953da,_0x56ecab)=>{_0x56ecab(_0x3953da['target']['value']);},'handleInputChange');function onInputChange(_0x1d10f4,_0x39cdb9,_0x3bb2de){_0x39cdb9(_0x1d10f4['target']['value']),_0x3bb2de?.(_0x1d10f4['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x57eb28,_0xbb61a8,_0x55fe76,_0x1e49d6){_0x57eb28(''),_0xbb61a8(![]),_0x55fe76?.(''),_0x1e49d6?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x73711f,_0x2a2663,_0x436dd1){_0x2a2663(![]),_0x436dd1(_0x73711f);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x370029,_0x39b2e1){!_0x39b2e1&&_0x370029(!![]);}__name(onInputFocus,'onInputFocus');
+var __defProp=Object['defineProperty'],__name=(_0xb52ca6,_0x43c9d9)=>__defProp(_0xb52ca6,'name',{'value':_0x43c9d9,'configurable':!![]});function AddClass(_0x5525f7){_0x5525f7(!![]);}__name(AddClass,'AddClass');function resetValue(_0x2a61ee){_0x2a61ee('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x4258d7,_0x88e679)=>{_0x88e679(_0x4258d7['target']['value']);},'handleInputChange');function onInputChange(_0x1afc88,_0xaa8ab2,_0x2e1298){_0xaa8ab2(_0x1afc88['target']['value']),_0x2e1298?.(_0x1afc88['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x1abd39,_0x416647,_0x106759,_0x337620){_0x1abd39(''),_0x416647(![]),_0x106759?.(''),_0x337620?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x2c6156,_0x3e3604,_0xd97cef){_0x3e3604(![]),_0xd97cef(_0x2c6156);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x2a32aa,_0x835f3b){!_0x835f3b&&_0x2a32aa(!![]);}__name(onInputFocus,'onInputFocus');
 
 exports.AddClass = AddClass;
 exports.handleInputChange = handleInputChange;

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

@@ -10,4 +10,4 @@ export declare const handleInputChange: (event: {
 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<FocusEventType<HTMLInputElement>>): void;
-export declare function onInputFocus(setIsInFocus: VoidFunc<boolean>, isDisableFocus?: boolean): void;
+export declare function onInputFocus(setIsInFocus: VoidFunc<boolean>, disableFocus?: boolean): void;

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

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x42f312,_0xda1834)=>__defProp(_0x42f312,'name',{'value':_0xda1834,'configurable':!![]});function AddClass(_0x2cfcf1){_0x2cfcf1(!![]);}__name(AddClass,'AddClass');function resetValue(_0x5b13ac){_0x5b13ac('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x3953da,_0x56ecab)=>{_0x56ecab(_0x3953da['target']['value']);},'handleInputChange');function onInputChange(_0x1d10f4,_0x39cdb9,_0x3bb2de){_0x39cdb9(_0x1d10f4['target']['value']),_0x3bb2de?.(_0x1d10f4['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x57eb28,_0xbb61a8,_0x55fe76,_0x1e49d6){_0x57eb28(''),_0xbb61a8(![]),_0x55fe76?.(''),_0x1e49d6?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x73711f,_0x2a2663,_0x436dd1){_0x2a2663(![]),_0x436dd1(_0x73711f);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x370029,_0x39b2e1){!_0x39b2e1&&_0x370029(!![]);}__name(onInputFocus,'onInputFocus');
+var __defProp=Object['defineProperty'],__name=(_0xb52ca6,_0x43c9d9)=>__defProp(_0xb52ca6,'name',{'value':_0x43c9d9,'configurable':!![]});function AddClass(_0x5525f7){_0x5525f7(!![]);}__name(AddClass,'AddClass');function resetValue(_0x2a61ee){_0x2a61ee('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x4258d7,_0x88e679)=>{_0x88e679(_0x4258d7['target']['value']);},'handleInputChange');function onInputChange(_0x1afc88,_0xaa8ab2,_0x2e1298){_0xaa8ab2(_0x1afc88['target']['value']),_0x2e1298?.(_0x1afc88['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x1abd39,_0x416647,_0x106759,_0x337620){_0x1abd39(''),_0x416647(![]),_0x106759?.(''),_0x337620?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x2c6156,_0x3e3604,_0xd97cef){_0x3e3604(![]),_0xd97cef(_0x2c6156);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x2a32aa,_0x835f3b){!_0x835f3b&&_0x2a32aa(!![]);}__name(onInputFocus,'onInputFocus');
 
 export { AddClass, handleInputChange, onClearInput, onInputBlur, onInputChange, onInputFocus, resetValue };

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

@@ -38,11 +38,11 @@ function Input({
   skipAnimationOnce,
   variant,
   children: icons,
-  isDisableFocus,
+  disableFocus,
   ref,
   ...props
 }) {
-  const isError = props["aria-invalid"] && props["aria-invalid"] !== "false";
+  const error = props["aria-invalid"] && props["aria-invalid"] !== "false";
   const [isInFocus, setIsInFocus] = useState(false);
   const [inputValue, setInputValue] = useState("");
   useEffect(() => {
@@ -64,8 +64,8 @@ function Input({
   const shouldLabelAnimate = !!value || !!props.defaultValue || isInFocus;
   const iconsBlockRef = useRef(null);
   const handleFocus = useCallback(() => {
-    onInputFocus(setIsInFocus, isDisableFocus);
-  }, [isDisableFocus, setIsInFocus]);
+    onInputFocus(setIsInFocus, disableFocus);
+  }, [disableFocus, setIsInFocus]);
   const onInputBlurCallback = useCallback(e_1 => {
     onInputBlur(e_1, setIsInFocus, onBlurCallback);
   }, [onBlurCallback]);
@@ -77,10 +77,10 @@ function Input({
       ref,
       value: inputValue,
       onChange: onChangeCallback,
-      className: cn("bg-background file:text-foreground placeholder:text-muted-foreground mt-1 flex w-full pl-2 pr-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none disabled:cursor-not-allowed", className, isError && "border-destructive border focus-visible:outline-none"),
+      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-visible:outline-none disabled:cursor-not-allowed", className, error && "border-destructive border focus-visible:outline-none"),
       ...props,
       id: inputId,
-      tabIndex: isDisableFocus ? -1 : 0,
+      tabIndex: disableFocus ? -1 : 0,
       onFocus: handleFocus,
       onBlur: onInputBlurCallback
     }), /* @__PURE__ */jsxs("div", {
@@ -105,7 +105,7 @@ function Input({
         className: "max-w-fit",
         label,
         shouldAnimate: shouldLabelAnimate,
-        isErrorStyle: isError,
+        errorStyle: error,
         skipAnimationOnce,
         variant: variant ?? "float"
       }), icons && /* @__PURE__ */jsx("div", {

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

@@ -38,14 +38,14 @@ function ListItem({
   showTooltip,
   children,
   onNavigate,
-  isActive
+  active
 }) {
   const [isTextOverflowing, setIsTextOverflowing] = React.useState(false);
   const textRef = React.useRef(null);
   const containerRef = React.useRef(null);
   React.useEffect(() => {
-    if (containerRef?.current && isActive) ListItem_funcs.scrollListItemIntoView(containerRef?.current);
-  }, [isActive]);
+    if (containerRef?.current && active) ListItem_funcs.scrollListItemIntoView(containerRef?.current);
+  }, [active]);
   React.useLayoutEffect(() => {
     if (textRef.current && containerRef.current) {
       ListItem_funcs.setListItemTextOverflowing(textRef.current.scrollWidth, containerRef.current.clientWidth, setIsTextOverflowing, showTooltip);
@@ -56,19 +56,19 @@ function ListItem({
       children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
         asChild: true,
         children: /* @__PURE__ */jsxRuntime.jsxs("li", {
-          className: utils.cn("z-1 hover:bg-muted-foreground relative w-full rounded-md p-2", className, isActive && "bg-fd-tertiary-700 text-white"),
+          className: utils.cn("hover:bg-muted-foreground relative z-1 w-full rounded-md p-2", className, active && "bg-fd-tertiary-700 text-white"),
           ref: containerRef,
           onClick: onNavigate ?? void 0,
           children: [/* @__PURE__ */jsxRuntime.jsx("span", {
             ref: textRef,
             children
           }), isTextOverflowing && /* @__PURE__ */jsxRuntime.jsx("span", {
-            className: "absolute right-0 top-1/2 z-0 h-full w-10 -translate-y-1/2"
+            className: "absolute top-1/2 right-0 z-0 h-full w-10 -translate-y-1/2"
           })]
         })
       }), isTextOverflowing && /* @__PURE__ */jsxRuntime.jsxs(Tooltip.TooltipContent, {
         side: "right",
-        className: "text-popover ml-2 max-w-60 text-pretty rounded p-2 shadow",
+        className: "text-popover ml-2 max-w-60 rounded p-2 text-pretty shadow",
         children: [children, /* @__PURE__ */jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, {})]
       })]
     })

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

@@ -13,7 +13,7 @@ export interface IListItemProps {
     /** Callback invoked when the item is clicked/navigated */
     onNavigate?: VoidFuncNoParam;
     /** Whether the item is currently active/selected */
-    isActive?: boolean;
+    active?: boolean;
 }
 /**
  * List item component with built-in tooltip
@@ -22,9 +22,9 @@ export interface IListItemProps {
  *
  * @example
  * ```tsx
- *  <ListItem showTooltip={true} isActive={...} onNavigate={...}>
+ *  <ListItem showTooltip={true} active={...} onNavigate={...}>
  *      itemName
  *  </ListItem>
  * ```
  */
-export declare function ListItem({ className, showTooltip, children, onNavigate, isActive }: IListItemProps): React.JSX.Element;
+export declare function ListItem({ className, showTooltip, children, onNavigate, active }: IListItemProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x5c32bd,_0xf4f28c)=>__defProp(_0x5c32bd,'name',{'value':_0xf4f28c,'configurable':!![]});function setListItemTextOverflowing(_0x1d416d,_0x5c1014,_0x5b1935,_0x48bd89){_0x48bd89&&_0x5b1935(_0x1d416d>_0x5c1014);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x34db5a){_0x34db5a['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x3fcb4b,_0x48010f){if(_0x3fcb4b&&_0x48010f)scrollListItemIntoView(_0x3fcb4b);}__name(onChangeContainer,'onChangeContainer');
+var __defProp=Object['defineProperty'],__name=(_0x4eca1e,_0x2a9146)=>__defProp(_0x4eca1e,'name',{'value':_0x2a9146,'configurable':!![]});function setListItemTextOverflowing(_0x1e9966,_0x124c04,_0x1687b8,_0x4dcc75){_0x4dcc75&&_0x1687b8(_0x1e9966>_0x124c04);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x35186e){_0x35186e['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x542460,_0x55e6e7){if(_0x542460&&_0x55e6e7)scrollListItemIntoView(_0x542460);}__name(onChangeContainer,'onChangeContainer');
 
 exports.onChangeContainer = onChangeContainer;
 exports.scrollListItemIntoView = scrollListItemIntoView;

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

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x5c32bd,_0xf4f28c)=>__defProp(_0x5c32bd,'name',{'value':_0xf4f28c,'configurable':!![]});function setListItemTextOverflowing(_0x1d416d,_0x5c1014,_0x5b1935,_0x48bd89){_0x48bd89&&_0x5b1935(_0x1d416d>_0x5c1014);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x34db5a){_0x34db5a['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x3fcb4b,_0x48010f){if(_0x3fcb4b&&_0x48010f)scrollListItemIntoView(_0x3fcb4b);}__name(onChangeContainer,'onChangeContainer');
+var __defProp=Object['defineProperty'],__name=(_0x4eca1e,_0x2a9146)=>__defProp(_0x4eca1e,'name',{'value':_0x2a9146,'configurable':!![]});function setListItemTextOverflowing(_0x1e9966,_0x124c04,_0x1687b8,_0x4dcc75){_0x4dcc75&&_0x1687b8(_0x1e9966>_0x124c04);}__name(setListItemTextOverflowing,'setListItemTextOverflowing');function scrollListItemIntoView(_0x35186e){_0x35186e['scrollIntoView']({'behavior':'instant','block':'nearest'});}__name(scrollListItemIntoView,'scrollListItemIntoView');function onChangeContainer(_0x542460,_0x55e6e7){if(_0x542460&&_0x55e6e7)scrollListItemIntoView(_0x542460);}__name(onChangeContainer,'onChangeContainer');
 
 export { onChangeContainer, scrollListItemIntoView, setListItemTextOverflowing };

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

@@ -17,14 +17,14 @@ function ListItem({
   showTooltip,
   children,
   onNavigate,
-  isActive
+  active
 }) {
   const [isTextOverflowing, setIsTextOverflowing] = useState(false);
   const textRef = useRef(null);
   const containerRef = useRef(null);
   useEffect(() => {
-    if (containerRef?.current && isActive) scrollListItemIntoView(containerRef?.current);
-  }, [isActive]);
+    if (containerRef?.current && active) scrollListItemIntoView(containerRef?.current);
+  }, [active]);
   useLayoutEffect(() => {
     if (textRef.current && containerRef.current) {
       setListItemTextOverflowing(textRef.current.scrollWidth, containerRef.current.clientWidth, setIsTextOverflowing, showTooltip);
@@ -35,19 +35,19 @@ function ListItem({
       children: [/* @__PURE__ */jsx(TooltipTrigger, {
         asChild: true,
         children: /* @__PURE__ */jsxs("li", {
-          className: cn("z-1 hover:bg-muted-foreground relative w-full rounded-md p-2", className, isActive && "bg-fd-tertiary-700 text-white"),
+          className: cn("hover:bg-muted-foreground relative z-1 w-full rounded-md p-2", className, active && "bg-fd-tertiary-700 text-white"),
           ref: containerRef,
           onClick: onNavigate ?? void 0,
           children: [/* @__PURE__ */jsx("span", {
             ref: textRef,
             children
           }), isTextOverflowing && /* @__PURE__ */jsx("span", {
-            className: "absolute right-0 top-1/2 z-0 h-full w-10 -translate-y-1/2"
+            className: "absolute top-1/2 right-0 z-0 h-full w-10 -translate-y-1/2"
           })]
         })
       }), isTextOverflowing && /* @__PURE__ */jsxs(TooltipContent, {
         side: "right",
-        className: "text-popover ml-2 max-w-60 text-pretty rounded p-2 shadow",
+        className: "text-popover ml-2 max-w-60 rounded p-2 text-pretty shadow",
         children: [children, /* @__PURE__ */jsx(TooltipPrimitive.Arrow, {})]
       })]
     })

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

@@ -14,7 +14,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var markdownParser = require('./markdown-parser.cjs.js');
 var elementSuffixes = require('../../../fd-toolbox/constants/element-suffixes.cjs.js');
 var TextArea_funcs = require('../textarea/TextArea.funcs.cjs.js');
-var _0x3565f2 = require('lodash.debounce');
+var _0x127309 = require('lodash.debounce');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -35,7 +35,7 @@ const markdownVariants = classVarianceAuthority.cva("relative z-0 border-b", {
 function Markdown(t0) {
   const $ = compilerRuntime.c(27);
   const {
-    elementId,
+    id,
     label,
     showContentPreview,
     value: defaultValue,
@@ -61,7 +61,7 @@ function Markdown(t0) {
   const [isInFocus, setIsInFocus] = React.useState(false);
   let t2;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = _0x3565f2(async val => {
+    t2 = _0x127309(async val => {
       const result = await markdownParser.parseMarkdown(val);
       setPreviewContent(result);
     }, 500);
@@ -117,7 +117,7 @@ function Markdown(t0) {
   }
   React.useEffect(t7, t8);
   let t9;
-  if ($[10] !== disabled || $[11] !== elementId || $[12] !== isInFocus || $[13] !== isPreview || $[14] !== label || $[15] !== onBlur || $[16] !== onChange || $[17] !== previewContent || $[18] !== readOnly || $[19] !== skipAnimationOnce || $[20] !== value || $[21] !== variant) {
+  if ($[10] !== disabled || $[11] !== id || $[12] !== isInFocus || $[13] !== isPreview || $[14] !== label || $[15] !== onBlur || $[16] !== onChange || $[17] !== previewContent || $[18] !== readOnly || $[19] !== skipAnimationOnce || $[20] !== value || $[21] !== variant) {
     t9 = t10 => {
       const {
         field,
@@ -133,7 +133,7 @@ function Markdown(t0) {
               }), jsxRuntime.jsx("div", {
                 className: "mb-5 w-full overflow-auto",
                 children: jsxRuntime.jsx("div", {
-                  id: Markdown_funcs.getPreviewContentId(elementId),
+                  id: Markdown_funcs.getPreviewContentId(id),
                   children: previewContent
                 })
               })]
@@ -142,20 +142,16 @@ function Markdown(t0) {
                 variant
               })),
               children: [jsxRuntime.jsx("textarea", {
-                id: elementId,
+                id,
                 rows: 5,
                 placeholder: "",
                 ...field,
                 disabled,
                 readOnly,
                 value,
-                onChange: e => {
-                  Markdown_funcs.onValueChange(e.target.value, setValue, onChange);
-                },
+                onChange: e => Markdown_funcs.onValueChange(e.target.value, setValue, onChange),
                 onFocus: () => setIsInFocus(true),
-                onBlur: e_0 => {
-                  TextArea_funcs.onTextAreaBlur(e_0, setIsInFocus, onBlur);
-                },
+                onBlur: e_0 => TextArea_funcs.onTextAreaBlur(e_0, setIsInFocus, onBlur),
                 className: utils.cn("text-muted-foreground peer block w-full appearance-none border-0 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none disabled:cursor-not-allowed", disabled || readOnly ? "resize-none" : "")
               }), jsxRuntime.jsx(LabelAnimation.LabelAnimation, {
                 label,
@@ -167,10 +163,10 @@ function Markdown(t0) {
                 className: "absolute top-2 right-0",
                 onClick: () => setIsPreview(_temp),
                 children: isPreview ? jsxRuntime.jsx(Icon.Icon, {
-                  id: elementId + elementSuffixes.markdownSuffixes.previewIcon,
+                  id: id + elementSuffixes.markdownSuffixes.previewIcon,
                   name: Icon.iconNames.visibility
                 }) : jsxRuntime.jsx(Icon.Icon, {
-                  id: elementId + elementSuffixes.markdownSuffixes.previewIcon,
+                  id: id + elementSuffixes.markdownSuffixes.previewIcon,
                   name: Icon.iconNames.visibilityOff
                 })
               }), jsxRuntime.jsx("div", {
@@ -182,7 +178,7 @@ function Markdown(t0) {
       });
     };
     $[10] = disabled;
-    $[11] = elementId;
+    $[11] = id;
     $[12] = isInFocus;
     $[13] = isPreview;
     $[14] = label;

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

@@ -13,9 +13,9 @@ export declare const markdownVariants: (props?: {
  *
  * Extends {@link https:/cva.style/docs/getting-started/variants VariantProps} of {@link markdownVariants}
  */
-export interface IMarkdownProps extends VariantProps<typeof markdownVariants> {
+export interface MarkdownProps extends VariantProps<typeof markdownVariants> {
     /** Unique element Id used to link textarea, preview, and icons.*/
-    elementId: string;
+    id: string;
     /** Label text displayed above the textarea.*/
     label: string;
     /** Indicates whether the field is required.*/
@@ -42,7 +42,7 @@ export interface IMarkdownProps extends VariantProps<typeof markdownVariants> {
 /**
  * Markdown input component with preview functionality and form integration
  *
- * @param IMarkdownProps {@link IMarkdownProps}
+ * @param MarkdownProps {@link MarkdownProps}
  *
  * @example
  * ```tsx
@@ -63,4 +63,4 @@ export interface IMarkdownProps extends VariantProps<typeof markdownVariants> {
     }
  * ```
  */
-export declare function Markdown({ elementId, label, showContentPreview, value: defaultValue, form, name, disabled, readOnly, skipAnimationOnce, variant, onChange, onBlur, }: IMarkdownProps): React.JSX.Element;
+export declare function Markdown({ id, label, showContentPreview, value: defaultValue, form, name, disabled, readOnly, skipAnimationOnce, variant, onChange, onBlur, }: MarkdownProps): React.JSX.Element;

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

@@ -3,7 +3,7 @@
 
 var markdownRenderer = require('../../../fd-toolbox/html/markdown-renderer.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x403595,_0x3917f4)=>__defProp(_0x403595,'name',{'value':_0x3917f4,'configurable':!![]});function renderPreview(_0x3f82c2,_0x587abe){const _0x171eeb=markdownRenderer.renderMarkdown(_0x3f82c2)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x587abe(_0x171eeb);}__name(renderPreview,'renderPreview');function onValueChange(_0x2ecbba,_0x10db28,_0x288662){_0x10db28(_0x2ecbba),_0x288662?.(_0x2ecbba);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x23201f){return _0x23201f+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
+var __defProp=Object['defineProperty'],__name=(_0x438ced,_0x2e67bd)=>__defProp(_0x438ced,'name',{'value':_0x2e67bd,'configurable':!![]});function renderPreview(_0x30c938,_0x1ba5dc){const _0x24c9e0=markdownRenderer.renderMarkdown(_0x30c938)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x1ba5dc(_0x24c9e0);}__name(renderPreview,'renderPreview');function onValueChange(_0x57536c,_0xdf7da9,_0x1f94b4){_0xdf7da9(_0x57536c),_0x1f94b4?.(_0x57536c);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x3cdb61){return _0x3cdb61+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
 
 exports.getPreviewContentId = getPreviewContentId;
 exports.onValueChange = onValueChange;

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

@@ -1,6 +1,6 @@
 'use strict';
 import { renderMarkdown } from '../../../fd-toolbox/html/markdown-renderer.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x403595,_0x3917f4)=>__defProp(_0x403595,'name',{'value':_0x3917f4,'configurable':!![]});function renderPreview(_0x3f82c2,_0x587abe){const _0x171eeb=renderMarkdown(_0x3f82c2)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x587abe(_0x171eeb);}__name(renderPreview,'renderPreview');function onValueChange(_0x2ecbba,_0x10db28,_0x288662){_0x10db28(_0x2ecbba),_0x288662?.(_0x2ecbba);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x23201f){return _0x23201f+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
+var __defProp=Object['defineProperty'],__name=(_0x438ced,_0x2e67bd)=>__defProp(_0x438ced,'name',{'value':_0x2e67bd,'configurable':!![]});function renderPreview(_0x30c938,_0x1ba5dc){const _0x24c9e0=renderMarkdown(_0x30c938)['markdown']['replace'](/<\/?[^>]+(>|$)/g,'');_0x1ba5dc(_0x24c9e0);}__name(renderPreview,'renderPreview');function onValueChange(_0x57536c,_0xdf7da9,_0x1f94b4){_0xdf7da9(_0x57536c),_0x1f94b4?.(_0x57536c);}__name(onValueChange,'onValueChange');function getPreviewContentId(_0x3cdb61){return _0x3cdb61+'Preview';}__name(getPreviewContentId,'getPreviewContentId');
 
 export { getPreviewContentId, onValueChange, renderPreview };

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

@@ -12,7 +12,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 _0x3565f2 from 'lodash.debounce';
+import _0x127309 from 'lodash.debounce';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -33,7 +33,7 @@ const markdownVariants = cva("relative z-0 border-b", {
 function Markdown(t0) {
   const $ = c(27);
   const {
-    elementId,
+    id,
     label,
     showContentPreview,
     value: defaultValue,
@@ -59,7 +59,7 @@ function Markdown(t0) {
   const [isInFocus, setIsInFocus] = useState(false);
   let t2;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = _0x3565f2(async val => {
+    t2 = _0x127309(async val => {
       const result = await parseMarkdown(val);
       setPreviewContent(result);
     }, 500);
@@ -115,7 +115,7 @@ function Markdown(t0) {
   }
   useEffect(t7, t8);
   let t9;
-  if ($[10] !== disabled || $[11] !== elementId || $[12] !== isInFocus || $[13] !== isPreview || $[14] !== label || $[15] !== onBlur || $[16] !== onChange || $[17] !== previewContent || $[18] !== readOnly || $[19] !== skipAnimationOnce || $[20] !== value || $[21] !== variant) {
+  if ($[10] !== disabled || $[11] !== id || $[12] !== isInFocus || $[13] !== isPreview || $[14] !== label || $[15] !== onBlur || $[16] !== onChange || $[17] !== previewContent || $[18] !== readOnly || $[19] !== skipAnimationOnce || $[20] !== value || $[21] !== variant) {
     t9 = t10 => {
       const {
         field,
@@ -131,7 +131,7 @@ function Markdown(t0) {
               }), jsx("div", {
                 className: "mb-5 w-full overflow-auto",
                 children: jsx("div", {
-                  id: getPreviewContentId(elementId),
+                  id: getPreviewContentId(id),
                   children: previewContent
                 })
               })]
@@ -140,20 +140,16 @@ function Markdown(t0) {
                 variant
               })),
               children: [jsx("textarea", {
-                id: elementId,
+                id,
                 rows: 5,
                 placeholder: "",
                 ...field,
                 disabled,
                 readOnly,
                 value,
-                onChange: e => {
-                  onValueChange(e.target.value, setValue, onChange);
-                },
+                onChange: e => onValueChange(e.target.value, setValue, onChange),
                 onFocus: () => setIsInFocus(true),
-                onBlur: e_0 => {
-                  onTextAreaBlur(e_0, setIsInFocus, onBlur);
-                },
+                onBlur: e_0 => onTextAreaBlur(e_0, setIsInFocus, onBlur),
                 className: cn("text-muted-foreground peer block w-full appearance-none border-0 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none disabled:cursor-not-allowed", disabled || readOnly ? "resize-none" : "")
               }), jsx(LabelAnimation, {
                 label,
@@ -165,10 +161,10 @@ function Markdown(t0) {
                 className: "absolute top-2 right-0",
                 onClick: () => setIsPreview(_temp),
                 children: isPreview ? jsx(Icon, {
-                  id: elementId + markdownSuffixes.previewIcon,
+                  id: id + markdownSuffixes.previewIcon,
                   name: iconNames.visibility
                 }) : jsx(Icon, {
-                  id: elementId + markdownSuffixes.previewIcon,
+                  id: id + markdownSuffixes.previewIcon,
                   name: iconNames.visibilityOff
                 })
               }), jsx("div", {
@@ -180,7 +176,7 @@ function Markdown(t0) {
       });
     };
     $[10] = disabled;
-    $[11] = elementId;
+    $[11] = id;
     $[12] = isInFocus;
     $[13] = isPreview;
     $[14] = label;