@fernir2/saas-kit 0.0.183 → 0.0.185

package/packages/level2/fd-component-toolbox/dropdown-menu/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Menu as DropdownMenuPrimitive } from "@base-ui/react/menu";
 /**
  * Dropdown menu root container
  *
@@ -18,31 +18,25 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
  *  }
  * ```
  */
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenu: typeof DropdownMenuPrimitive.Root;
 /**
  * Dropdown menu trigger
  *
  * Based on [DropdownMenu.Trigger](https:/ui.shadcn.com/docs/components/dropdown-menu)
  */
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuTrigger: DropdownMenuPrimitive.Trigger;
 /**
  * Dropdown menu group container
  *
  * Based on [DropdownMenu.Group](https:/ui.shadcn.com/docs/components/dropdown-menu)
  */
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Dropdown menu portal
  *
  * Based on [DropdownMenu.Portal](https:/ui.shadcn.com/docs/components/dropdown-menu)
  */
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-/**
- * Dropdown menu submenu root container
- *
- * Based on [DropdownMenu.Sub](https:/ui.shadcn.com/docs/components/dropdown-menu)
- */
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Based on [DropdownMenu.RadioGroup](https:/ui.shadcn.com/docs/components/dropdown-menu)
  *
@@ -59,13 +53,13 @@ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubPro
  *  }
  * ```
  */
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Dropdown menu submenu trigger
  *
  * Based on [DropdownMenu.SubTrigger](https:/ui.shadcn.com/docs/components/dropdown-menu)
  */
-declare function DropdownMenuSubTrigger({ className, inset, ref, children, }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+declare function DropdownMenuSubTrigger({ className, inset, ref, children, }: React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuTrigger> & {
     inset?: boolean;
 }): React.JSX.Element;
 declare namespace DropdownMenuSubTrigger {
@@ -76,8 +70,8 @@ declare namespace DropdownMenuSubTrigger {
  *
  * Based on [DropdownMenu.SubContent](https:/ui.shadcn.com/docs/components/dropdown-menu)
  */
-declare function DropdownMenuSubContent({ className, ref, children, }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
-    ref?: React.Ref<React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>>;
+declare function DropdownMenuSubContent({ className, ref, children, }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Popup> & {
+    ref?: React.Ref<React.ComponentRef<typeof DropdownMenuPrimitive.Popup>>;
     children?: React.ReactNode;
 }): React.JSX.Element;
 declare namespace DropdownMenuSubContent {
@@ -95,9 +89,10 @@ declare namespace DropdownMenuSubContent {
  *  <DropdownMenuContent/>
  *  ```
  */
-declare function DropdownMenuContent({ className, ref, children, align, }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
-    ref?: React.Ref<React.ComponentRef<typeof DropdownMenuPrimitive.Content>>;
+declare function DropdownMenuContent({ className, ref, children, align, }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Popup> & {
+    ref?: React.Ref<React.ComponentRef<typeof DropdownMenuPrimitive.Popup>>;
     children?: React.ReactNode;
+    align?: "start" | "center" | "end";
 }): React.JSX.Element;
 declare namespace DropdownMenuContent {
     var displayName: string;
@@ -168,7 +163,7 @@ declare namespace DropdownMenuRadioItem {
  *
  * Based on [DropdownMenu.Label](https:/ui.shadcn.com/docs/components/dropdown-menu)
  */
-declare function DropdownMenuLabel({ className, ref, children, }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+declare function DropdownMenuLabel({ className, ref, children, }: React.ComponentProps<typeof DropdownMenuPrimitive.GroupLabel> & {
     children?: React.ReactNode;
 }): React.JSX.Element;
 declare namespace DropdownMenuLabel {
@@ -192,4 +187,4 @@ declare function DropdownMenuShortcut({ className, children }: React.ComponentPr
 declare namespace DropdownMenuShortcut {
     var displayName: string;
 }
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/packages/level2/fd-component-toolbox/dropdown-menu/DropdownMenu.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Menu } from '@base-ui/react/menu';
 import { Icon, iconNames } from '../icon/Icon.js';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 
@@ -10,19 +10,18 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenu = Menu.Root;
+const DropdownMenuTrigger = Menu.Trigger;
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuPortal = Menu.Portal;
+const DropdownMenuRadioGroup = Menu.RadioGroup;
 function DropdownMenuSubTrigger({
   className,
   inset,
   ref,
   children
 }) {
-  return /* @__PURE__ */jsxs(DropdownMenuPrimitive.SubTrigger, {
+  return /* @__PURE__ */jsxs(Menu.SubmenuTrigger, {
     ref,
     className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none", inset && "pl-8", className),
     children: [children, /* @__PURE__ */jsx(Icon, {
@@ -32,37 +31,45 @@ function DropdownMenuSubTrigger({
   });
 }
 __name(DropdownMenuSubTrigger, "DropdownMenuSubTrigger");
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+DropdownMenuSubTrigger.displayName = Menu.SubmenuTrigger.displayName;
 function DropdownMenuSubContent({
   className,
   ref,
   children
 }) {
-  return /* @__PURE__ */jsx(DropdownMenuPrimitive.SubContent, {
-    ref,
-    className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg", className),
-    children
+  return /* @__PURE__ */jsx(Menu.Portal, {
+    children: /* @__PURE__ */jsx(Menu.Positioner, {
+      children: /* @__PURE__ */jsx(Menu.Popup, {
+        ref,
+        className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg", className),
+        children
+      })
+    })
   });
 }
 __name(DropdownMenuSubContent, "DropdownMenuSubContent");
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+DropdownMenuSubContent.displayName = Menu.Popup.displayName;
 function DropdownMenuContent({
   className,
   ref,
   children,
   align
 }) {
-  return /* @__PURE__ */jsx(DropdownMenuPrimitive.Portal, {
-    children: /* @__PURE__ */jsx(DropdownMenuPrimitive.Content, {
-      ref,
-      className: cn("bg-popover text-popover-foreground z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+  return /* @__PURE__ */jsx(Menu.Portal, {
+    children: /* @__PURE__ */jsx(Menu.Positioner, {
       align,
-      children
+      sideOffset: 4,
+      className: "z-50",
+      children: /* @__PURE__ */jsx(Menu.Popup, {
+        ref,
+        className: cn("bg-popover text-popover-foreground z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+        children
+      })
     })
   });
 }
 __name(DropdownMenuContent, "DropdownMenuContent");
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+DropdownMenuContent.displayName = Menu.Popup.displayName;
 function DropdownMenuItem({
   className,
   inset,
@@ -72,7 +79,7 @@ function DropdownMenuItem({
   onSelect,
   onClick
 }) {
-  return /* @__PURE__ */jsx(DropdownMenuPrimitive.Item, {
+  return /* @__PURE__ */jsx(Menu.Item, {
     ref,
     disabled,
     onSelect,
@@ -82,7 +89,7 @@ function DropdownMenuItem({
   });
 }
 __name(DropdownMenuItem, "DropdownMenuItem");
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+DropdownMenuItem.displayName = Menu.Item.displayName;
 function DropdownMenuCheckboxItem({
   className,
   children,
@@ -91,7 +98,7 @@ function DropdownMenuCheckboxItem({
   onCheckedChange,
   disabled
 }) {
-  return /* @__PURE__ */jsxs(DropdownMenuPrimitive.CheckboxItem, {
+  return /* @__PURE__ */jsxs(Menu.CheckboxItem, {
     ref,
     checked,
     onCheckedChange,
@@ -99,7 +106,7 @@ function DropdownMenuCheckboxItem({
     className: cn("focus:bg-muted/50 relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
     children: [/* @__PURE__ */jsx("span", {
       className: "absolute left-2 flex size-3.5 items-center justify-center",
-      children: /* @__PURE__ */jsx(DropdownMenuPrimitive.ItemIndicator, {
+      children: /* @__PURE__ */jsx(Menu.CheckboxItemIndicator, {
         children: /* @__PURE__ */jsx(Icon, {
           name: iconNames.check,
           className: "size-4"
@@ -109,20 +116,20 @@ function DropdownMenuCheckboxItem({
   });
 }
 __name(DropdownMenuCheckboxItem, "DropdownMenuCheckboxItem");
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+DropdownMenuCheckboxItem.displayName = Menu.CheckboxItem.displayName;
 function DropdownMenuRadioItem({
   className,
   children,
   value,
   ref
 }) {
-  return /* @__PURE__ */jsxs(DropdownMenuPrimitive.RadioItem, {
+  return /* @__PURE__ */jsxs(Menu.RadioItem, {
     ref,
     className: cn("focus:bg-muted/50 relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
     value,
     children: [/* @__PURE__ */jsx("span", {
       className: "absolute left-2 flex size-3.5 items-center justify-center",
-      children: /* @__PURE__ */jsx(DropdownMenuPrimitive.ItemIndicator, {
+      children: /* @__PURE__ */jsx(Menu.CheckboxItemIndicator, {
         children: /* @__PURE__ */jsx(Icon, {
           name: iconNames.dotFilled,
           className: "size-4 fill-current stroke-[6]"
@@ -132,31 +139,33 @@ function DropdownMenuRadioItem({
   });
 }
 __name(DropdownMenuRadioItem, "DropdownMenuRadioItem");
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+DropdownMenuRadioItem.displayName = Menu.RadioItem.displayName;
 function DropdownMenuLabel({
   className,
   ref,
   children
 }) {
-  return /* @__PURE__ */jsx(DropdownMenuPrimitive.Label, {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    children
+  return /* @__PURE__ */jsx(Menu.Group, {
+    children: /* @__PURE__ */jsx(Menu.GroupLabel, {
+      ref,
+      className: cn("px-2 py-1.5 text-sm font-semibold", className),
+      children
+    })
   });
 }
 __name(DropdownMenuLabel, "DropdownMenuLabel");
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+DropdownMenuLabel.displayName = Menu.GroupLabel.displayName;
 function DropdownMenuSeparator({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsx(DropdownMenuPrimitive.Separator, {
+  return /* @__PURE__ */jsx(Menu.Separator, {
     ref,
     className: cn("bg-muted -mx-1 my-1 h-px", className)
   });
 }
 __name(DropdownMenuSeparator, "DropdownMenuSeparator");
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+DropdownMenuSeparator.displayName = Menu.Separator.displayName;
 function DropdownMenuShortcut({
   className,
   children
@@ -169,4 +178,4 @@ function DropdownMenuShortcut({
 __name(DropdownMenuShortcut, "DropdownMenuShortcut");
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/packages/level2/fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.funcs.cjs.js

@@ -3,7 +3,7 @@
 
 var ensureType = require('../../../fd-toolbox/types/ensure-type.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x5c9a43,_0x53a6c5)=>__defProp(_0x5c9a43,'name',{'value':_0x53a6c5,'configurable':!![]});const resizeEvent='resize';function generateLayout(_0x4657ab,_0x5eae2f,_0x4e2e8c){if(!_0x4e2e8c)return;let _0x5843ed=Array['isArray'](_0x4e2e8c)?_0x4e2e8c:[_0x4e2e8c];_0x5eae2f(_0x5843ed['map']((_0x47d220,_0x3d03ba)=>createLayoutElement(_0x47d220,_0x3d03ba,_0x4657ab)));}__name(generateLayout,'generateLayout');const childrenProperty='children',propsProperty='props';function getProps(_0x5d31fb){let _0x1a7d2b={};if(!_0x5d31fb)return _0x1a7d2b;if(ensureType.isObject(_0x5d31fb)&&propsProperty in _0x5d31fb&&ensureType.isObject(_0x5d31fb['props'])){const _0xc7b3c7=_0x5d31fb['props'];if(childrenProperty in _0xc7b3c7&&ensureType.isObject(_0xc7b3c7['children'])){const _0x12044d=_0xc7b3c7['children'];if(propsProperty in _0x12044d&&ensureType.isObject(_0x12044d['props']))return _0x1a7d2b=_0x12044d['props'],_0x1a7d2b;}}return _0x1a7d2b;}__name(getProps,'getProps');function onLayoutChange(_0x8f150c,_0x4bf5c6){const _0x354c2d=_0x8f150c['xxs'];_0x4bf5c6(_0x1ffc10=>_0x1ffc10['map']((_0x10636a,_0x85608)=>({..._0x354c2d[_0x85608],'element':_0x10636a['element']})));}__name(onLayoutChange,'onLayoutChange');function setupRowHeightListener(_0x6bf3c,_0x36a912,_0x3901b3){function _0x11dc12(){const _0x1f1431=document['querySelector']('.react-grid-layout')?.['clientWidth'];if(_0x1f1431){const _0x464cb1=(_0x1f1431-(_0x6bf3c-(-0x10a2+0x2529+-0x1486))*_0x3901b3[-0xf43+-0x9ba+0x18fd])/_0x6bf3c;_0x36a912(_0x464cb1);}}return __name(_0x11dc12,'calculateRowHeight'),_0x11dc12(),window['addEventListener'](resizeEvent,_0x11dc12),()=>{window['removeEventListener'](resizeEvent,_0x11dc12);};}__name(setupRowHeightListener,'setupRowHeightListener');function createLayoutElement(_0x130662,_0x2e3450,_0x4fb1de){const _0x32156c=getProps(_0x130662),_0x55658d={'x':_0x32156c['defaultX']??_0x2e3450%(-0x1898+0x3c5+0x14d8),'y':_0x32156c['defaultY']??0x2304+-0x83+-0x1*0x2281,'w':_0x32156c['defaultWidth']??_0x32156c['minWidth']??0x1*0xf3c+-0x1870+0x1*0x935,'h':_0x32156c['defaultHeight']??_0x32156c['minHeight']??-0x1*0x203e+0x1e70+0x1cf,'i':_0x32156c['id']??_0x2e3450['toString'](),'maxH':_0x32156c['maxHeight']??Math['round'](_0x4fb1de*(-0x2*-0x46f+0x331*0x2+-0x79f*0x2)/(-0x2673+0x22ce+0x3a8)),'minH':_0x32156c['minHeight'],..._0x32156c,'element':_0x130662};return _0x55658d;}__name(createLayoutElement,'createLayoutElement');
+var __defProp=Object['defineProperty'],__name=(_0x252a3b,_0x37e2a2)=>__defProp(_0x252a3b,'name',{'value':_0x37e2a2,'configurable':!![]});const resizeEvent='resize';function generateLayout(_0x43e712,_0x5e83b1,_0x3c3029){if(!_0x3c3029)return;let _0x37672a=Array['isArray'](_0x3c3029)?_0x3c3029:[_0x3c3029];_0x5e83b1(_0x37672a['map']((_0x40b92c,_0x289544)=>createLayoutElement(_0x40b92c,_0x289544,_0x43e712)));}__name(generateLayout,'generateLayout');const childrenProperty='children',propsProperty='props';function getProps(_0x227d12){let _0x52c5ea={};if(!_0x227d12)return _0x52c5ea;if(ensureType.isObject(_0x227d12)&&propsProperty in _0x227d12&&ensureType.isObject(_0x227d12['props'])){const _0x17e0b4=_0x227d12['props'];if(childrenProperty in _0x17e0b4&&ensureType.isObject(_0x17e0b4['children'])){const _0xc1850a=_0x17e0b4['children'];if(propsProperty in _0xc1850a&&ensureType.isObject(_0xc1850a['props']))return _0x52c5ea=_0xc1850a['props'],_0x52c5ea;}}return _0x52c5ea;}__name(getProps,'getProps');function onLayoutChange(_0x375656,_0x52f050){const _0x207ddc=_0x375656['xxs'];_0x52f050(_0x55cbe0=>_0x55cbe0['map']((_0x10dc7b,_0x3ff98e)=>({..._0x207ddc[_0x3ff98e],'element':_0x10dc7b['element']})));}__name(onLayoutChange,'onLayoutChange');function setupRowHeightListener(_0x5c00b3,_0x10ffbb,_0x4fca76){function _0xfb5fcf(){const _0xa6ff18=document['querySelector']('.react-grid-layout')?.['clientWidth'];if(_0xa6ff18){const _0x39347d=(_0xa6ff18-(_0x5c00b3-(0x2*-0x893+0x3*0x961+0x94*-0x13))*_0x4fca76[0x1a7d*-0x1+-0x1921*-0x1+-0x1d*-0xc])/_0x5c00b3;_0x10ffbb(_0x39347d);}}return __name(_0xfb5fcf,'calculateRowHeight'),_0xfb5fcf(),window['addEventListener'](resizeEvent,_0xfb5fcf),()=>{window['removeEventListener'](resizeEvent,_0xfb5fcf);};}__name(setupRowHeightListener,'setupRowHeightListener');function createLayoutElement(_0x1d2454,_0x3aeee7,_0x230f4b){const _0x2bbe7e=getProps(_0x1d2454),_0x468f1b={'x':_0x2bbe7e['defaultX']??_0x3aeee7%(0xe2+-0x104*-0x25+0x1*-0x2671),'y':_0x2bbe7e['defaultY']??-0xa90+0x683+0x40d,'w':_0x2bbe7e['defaultWidth']??_0x2bbe7e['minWidth']??0xc5e+0x119*0x5+-0x11da,'h':_0x2bbe7e['defaultHeight']??_0x2bbe7e['minHeight']??0x22be+0x1c31+0x3*-0x14fa,'i':_0x2bbe7e['id']??_0x3aeee7['toString'](),'maxH':_0x2bbe7e['maxHeight']??Math['round'](_0x230f4b*(0xf4*-0x19+-0x1cae*-0x1+-0x4d8)/(0x1ae7+0x26d9+-0x41bd*0x1)),'minH':_0x2bbe7e['minHeight'],..._0x2bbe7e,'element':_0x1d2454};return _0x468f1b;}__name(createLayoutElement,'createLayoutElement');
 
 exports.generateLayout = generateLayout;
 exports.onLayoutChange = onLayoutChange;

package/packages/level2/fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { isObject } from '../../../fd-toolbox/types/ensure-type.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x5c9a43,_0x53a6c5)=>__defProp(_0x5c9a43,'name',{'value':_0x53a6c5,'configurable':!![]});const resizeEvent='resize';function generateLayout(_0x4657ab,_0x5eae2f,_0x4e2e8c){if(!_0x4e2e8c)return;let _0x5843ed=Array['isArray'](_0x4e2e8c)?_0x4e2e8c:[_0x4e2e8c];_0x5eae2f(_0x5843ed['map']((_0x47d220,_0x3d03ba)=>createLayoutElement(_0x47d220,_0x3d03ba,_0x4657ab)));}__name(generateLayout,'generateLayout');const childrenProperty='children',propsProperty='props';function getProps(_0x5d31fb){let _0x1a7d2b={};if(!_0x5d31fb)return _0x1a7d2b;if(isObject(_0x5d31fb)&&propsProperty in _0x5d31fb&&isObject(_0x5d31fb['props'])){const _0xc7b3c7=_0x5d31fb['props'];if(childrenProperty in _0xc7b3c7&&isObject(_0xc7b3c7['children'])){const _0x12044d=_0xc7b3c7['children'];if(propsProperty in _0x12044d&&isObject(_0x12044d['props']))return _0x1a7d2b=_0x12044d['props'],_0x1a7d2b;}}return _0x1a7d2b;}__name(getProps,'getProps');function onLayoutChange(_0x8f150c,_0x4bf5c6){const _0x354c2d=_0x8f150c['xxs'];_0x4bf5c6(_0x1ffc10=>_0x1ffc10['map']((_0x10636a,_0x85608)=>({..._0x354c2d[_0x85608],'element':_0x10636a['element']})));}__name(onLayoutChange,'onLayoutChange');function setupRowHeightListener(_0x6bf3c,_0x36a912,_0x3901b3){function _0x11dc12(){const _0x1f1431=document['querySelector']('.react-grid-layout')?.['clientWidth'];if(_0x1f1431){const _0x464cb1=(_0x1f1431-(_0x6bf3c-(-0x10a2+0x2529+-0x1486))*_0x3901b3[-0xf43+-0x9ba+0x18fd])/_0x6bf3c;_0x36a912(_0x464cb1);}}return __name(_0x11dc12,'calculateRowHeight'),_0x11dc12(),window['addEventListener'](resizeEvent,_0x11dc12),()=>{window['removeEventListener'](resizeEvent,_0x11dc12);};}__name(setupRowHeightListener,'setupRowHeightListener');function createLayoutElement(_0x130662,_0x2e3450,_0x4fb1de){const _0x32156c=getProps(_0x130662),_0x55658d={'x':_0x32156c['defaultX']??_0x2e3450%(-0x1898+0x3c5+0x14d8),'y':_0x32156c['defaultY']??0x2304+-0x83+-0x1*0x2281,'w':_0x32156c['defaultWidth']??_0x32156c['minWidth']??0x1*0xf3c+-0x1870+0x1*0x935,'h':_0x32156c['defaultHeight']??_0x32156c['minHeight']??-0x1*0x203e+0x1e70+0x1cf,'i':_0x32156c['id']??_0x2e3450['toString'](),'maxH':_0x32156c['maxHeight']??Math['round'](_0x4fb1de*(-0x2*-0x46f+0x331*0x2+-0x79f*0x2)/(-0x2673+0x22ce+0x3a8)),'minH':_0x32156c['minHeight'],..._0x32156c,'element':_0x130662};return _0x55658d;}__name(createLayoutElement,'createLayoutElement');
+var __defProp=Object['defineProperty'],__name=(_0x252a3b,_0x37e2a2)=>__defProp(_0x252a3b,'name',{'value':_0x37e2a2,'configurable':!![]});const resizeEvent='resize';function generateLayout(_0x43e712,_0x5e83b1,_0x3c3029){if(!_0x3c3029)return;let _0x37672a=Array['isArray'](_0x3c3029)?_0x3c3029:[_0x3c3029];_0x5e83b1(_0x37672a['map']((_0x40b92c,_0x289544)=>createLayoutElement(_0x40b92c,_0x289544,_0x43e712)));}__name(generateLayout,'generateLayout');const childrenProperty='children',propsProperty='props';function getProps(_0x227d12){let _0x52c5ea={};if(!_0x227d12)return _0x52c5ea;if(isObject(_0x227d12)&&propsProperty in _0x227d12&&isObject(_0x227d12['props'])){const _0x17e0b4=_0x227d12['props'];if(childrenProperty in _0x17e0b4&&isObject(_0x17e0b4['children'])){const _0xc1850a=_0x17e0b4['children'];if(propsProperty in _0xc1850a&&isObject(_0xc1850a['props']))return _0x52c5ea=_0xc1850a['props'],_0x52c5ea;}}return _0x52c5ea;}__name(getProps,'getProps');function onLayoutChange(_0x375656,_0x52f050){const _0x207ddc=_0x375656['xxs'];_0x52f050(_0x55cbe0=>_0x55cbe0['map']((_0x10dc7b,_0x3ff98e)=>({..._0x207ddc[_0x3ff98e],'element':_0x10dc7b['element']})));}__name(onLayoutChange,'onLayoutChange');function setupRowHeightListener(_0x5c00b3,_0x10ffbb,_0x4fca76){function _0xfb5fcf(){const _0xa6ff18=document['querySelector']('.react-grid-layout')?.['clientWidth'];if(_0xa6ff18){const _0x39347d=(_0xa6ff18-(_0x5c00b3-(0x2*-0x893+0x3*0x961+0x94*-0x13))*_0x4fca76[0x1a7d*-0x1+-0x1921*-0x1+-0x1d*-0xc])/_0x5c00b3;_0x10ffbb(_0x39347d);}}return __name(_0xfb5fcf,'calculateRowHeight'),_0xfb5fcf(),window['addEventListener'](resizeEvent,_0xfb5fcf),()=>{window['removeEventListener'](resizeEvent,_0xfb5fcf);};}__name(setupRowHeightListener,'setupRowHeightListener');function createLayoutElement(_0x1d2454,_0x3aeee7,_0x230f4b){const _0x2bbe7e=getProps(_0x1d2454),_0x468f1b={'x':_0x2bbe7e['defaultX']??_0x3aeee7%(0xe2+-0x104*-0x25+0x1*-0x2671),'y':_0x2bbe7e['defaultY']??-0xa90+0x683+0x40d,'w':_0x2bbe7e['defaultWidth']??_0x2bbe7e['minWidth']??0xc5e+0x119*0x5+-0x11da,'h':_0x2bbe7e['defaultHeight']??_0x2bbe7e['minHeight']??0x22be+0x1c31+0x3*-0x14fa,'i':_0x2bbe7e['id']??_0x3aeee7['toString'](),'maxH':_0x2bbe7e['maxHeight']??Math['round'](_0x230f4b*(0xf4*-0x19+-0x1cae*-0x1+-0x4d8)/(0x1ae7+0x26d9+-0x41bd*0x1)),'minH':_0x2bbe7e['minHeight'],..._0x2bbe7e,'element':_0x1d2454};return _0x468f1b;}__name(createLayoutElement,'createLayoutElement');
 
 export { generateLayout, onLayoutChange, resizeEvent, setupRowHeightListener };

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

@@ -31,22 +31,16 @@ function FadeOutText({
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: "relative min-w-0 flex-1",
-    children: /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipProvider, {
-      children: /* @__PURE__ */jsxRuntime.jsxs(Tooltip.Tooltip, {
-        children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
-          disabled: shouldHideTooltip,
-          onClick: onTooltipClick,
-          render: /* @__PURE__ */jsxRuntime.jsx("div", {
-            id,
-            ref: valueBlockRef,
-            className: utils.cn("flex w-full flex-row overflow-x-hidden text-nowrap", className, textAlignmentClass, fadeoutVisible && "mask-[linear-gradient(to_right,currentColor_87%,transparent_100%)]"),
-            children
-          })
-        }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipContent, {
-          hidden: shouldHideTooltip,
-          className: !fadeoutVisible ? "hidden" : "",
-          children: tooltipContent ?? children
-        })]
+    children: /* @__PURE__ */jsxRuntime.jsx(Tooltip.Tooltip, {
+      disabled: shouldHideTooltip,
+      content: tooltipContent ?? children,
+      className: utils.cn(!fadeoutVisible && "hidden"),
+      children: /* @__PURE__ */jsxRuntime.jsx("div", {
+        id,
+        ref: valueBlockRef,
+        className: utils.cn("flex w-full flex-row overflow-x-hidden text-nowrap", className, textAlignmentClass, fadeoutVisible && "mask-[linear-gradient(to_right,currentColor_87%,transparent_100%)]"),
+        onClick: onTooltipClick,
+        children
       })
     })
   });

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=(_0x2be28e,_0x249222)=>__defProp(_0x2be28e,'name',{'value':_0x249222,'configurable':!![]});function checkFadeoutVisibility(_0x4d5c5b,_0x41fff6){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x4d5c5b(_0x41fff6?_0x41fff6['offsetWidth']<_0x41fff6['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
+var __defProp=Object['defineProperty'],__name=(_0x9e8d7e,_0x306924)=>__defProp(_0x9e8d7e,'name',{'value':_0x306924,'configurable':!![]});function checkFadeoutVisibility(_0x41f01c,_0xa0efd4){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x41f01c(_0xa0efd4?_0xa0efd4['offsetWidth']<_0xa0efd4['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=(_0x2be28e,_0x249222)=>__defProp(_0x2be28e,'name',{'value':_0x249222,'configurable':!![]});function checkFadeoutVisibility(_0x4d5c5b,_0x41fff6){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x4d5c5b(_0x41fff6?_0x41fff6['offsetWidth']<_0x41fff6['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
+var __defProp=Object['defineProperty'],__name=(_0x9e8d7e,_0x306924)=>__defProp(_0x9e8d7e,'name',{'value':_0x306924,'configurable':!![]});function checkFadeoutVisibility(_0x41f01c,_0xa0efd4){if(document['body']['getAttribute']('data-scroll-locked')==='2')return;_0x41f01c(_0xa0efd4?_0xa0efd4['offsetWidth']<_0xa0efd4['scrollWidth']:![]);}__name(checkFadeoutVisibility,'checkFadeoutVisibility');
 
 export { checkFadeoutVisibility };

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

@@ -1,8 +1,8 @@
 'use strict';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../tooltip/Tooltip.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
 import { checkFadeoutVisibility } from './FadeOutText.funcs.js';
 
 var __defProp = Object.defineProperty;
@@ -29,22 +29,16 @@ function FadeOutText({
   return /* @__PURE__ */jsx("div", {
     ref,
     className: "relative min-w-0 flex-1",
-    children: /* @__PURE__ */jsx(TooltipProvider, {
-      children: /* @__PURE__ */jsxs(Tooltip, {
-        children: [/* @__PURE__ */jsx(TooltipTrigger, {
-          disabled: shouldHideTooltip,
-          onClick: onTooltipClick,
-          render: /* @__PURE__ */jsx("div", {
-            id,
-            ref: valueBlockRef,
-            className: cn("flex w-full flex-row overflow-x-hidden text-nowrap", className, textAlignmentClass, fadeoutVisible && "mask-[linear-gradient(to_right,currentColor_87%,transparent_100%)]"),
-            children
-          })
-        }), /* @__PURE__ */jsx(TooltipContent, {
-          hidden: shouldHideTooltip,
-          className: !fadeoutVisible ? "hidden" : "",
-          children: tooltipContent ?? children
-        })]
+    children: /* @__PURE__ */jsx(Tooltip, {
+      disabled: shouldHideTooltip,
+      content: tooltipContent ?? children,
+      className: cn(!fadeoutVisible && "hidden"),
+      children: /* @__PURE__ */jsx("div", {
+        id,
+        ref: valueBlockRef,
+        className: cn("flex w-full flex-row overflow-x-hidden text-nowrap", className, textAlignmentClass, fadeoutVisible && "mask-[linear-gradient(to_right,currentColor_87%,transparent_100%)]"),
+        onClick: onTooltipClick,
+        children
       })
     })
   });

package/packages/level2/fd-component-toolbox/image-radio-group/ImageRadioGroup.cjs.js

@@ -0,0 +1,122 @@
+'use strict';
+'use strict';
+
+var compilerRuntime = require('react/compiler-runtime');
+var jsxRuntime = require('react/jsx-runtime');
+var Card = require('../card/Card.cjs.js');
+var RadioGroup = require('../radio-group/RadioGroup.cjs.js');
+var radio = require('@base-ui/react/radio');
+var Icon = require('../icon/Icon.cjs.js');
+var React = require('react');
+var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
+var Tooltip = require('../tooltip/Tooltip.cjs.js');
+var tooltipConstants = require('../tooltip/tooltip-constants.cjs.js');
+var Image = require('../image/Image.cjs.js');
+var ImageRadioGroupDialog = require('./ImageRadioGroupDialog.cjs.js');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
+function ImageRadioGroup(t0) {
+  const $ = compilerRuntime.c(6);
+  const {
+    items,
+    title
+  } = t0;
+  const [selectedValue, setSelectedValue] = React.useState("");
+  let t1;
+  if ($[0] !== items || $[1] !== selectedValue || $[2] !== title) {
+    let t2;
+    if ($[4] !== selectedValue) {
+      t2 = (item, index) => jsxRuntime.jsx(ImageRadioGroupItem, {
+        ...item,
+        isSelected: selectedValue === item.text,
+        onClick: () => setSelectedValue(item.text ?? "")
+      }, index);
+      $[4] = selectedValue;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    t1 = jsxRuntime.jsxs(RadioGroup.RadioGroup, {
+      className: "flex size-fit flex-col gap-2",
+      value: selectedValue,
+      onValueChange: setSelectedValue,
+      children: [jsxRuntime.jsx("p", {
+        className: "px-2 font-semibold",
+        children: title
+      }), jsxRuntime.jsx("div", {
+        className: "flex flex-wrap gap-2",
+        children: items.map(t2)
+      })]
+    });
+    $[0] = items;
+    $[1] = selectedValue;
+    $[2] = title;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+__name(ImageRadioGroup, "ImageRadioGroup");
+function ImageRadioGroupItem({
+  text,
+  onClick,
+  isSelected,
+  examples,
+  imageSrc
+}) {
+  return /* @__PURE__ */jsxRuntime.jsx("div", {
+    className: "relative",
+    onClick,
+    children: /* @__PURE__ */jsxRuntime.jsx(radio.Radio.Root, {
+      className: "text-primary focus-visible:border-primary relative aspect-square size-40 focus:outline-none focus-visible:border disabled:cursor-not-allowed disabled:opacity-50",
+      value: text,
+      render: /* @__PURE__ */jsxRuntime.jsx(Card.Card, {
+        className: "border-0 shadow-none",
+        children: /* @__PURE__ */jsxRuntime.jsxs(Card.CardContent, {
+          className: utils.cn("flex size-fit cursor-pointer flex-col rounded-md border p-0 shadow-md", isSelected && "bg-accent font-bold shadow-2xl"),
+          children: [examples && /* @__PURE__ */jsxRuntime.jsx(ImageRadioGroupDialog.ImageRadioGroupDialog, {
+            title: text ?? "",
+            trigger: /* @__PURE__ */jsxRuntime.jsx("div", {
+              className: utils.cn("absolute top-3 right-5 cursor-pointer rounded-sm border p-1", isSelected && "bg-primary-foreground"),
+              children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+                name: Icon.iconNames.visibility
+              })
+            }),
+            content: examples ?? [],
+            className: "rounded-xl"
+          }), /* @__PURE__ */jsxRuntime.jsx(Image.Image, {
+            width: 150,
+            height: 150,
+            src: imageSrc,
+            alt: text ?? "",
+            className: "rounded-t-md border"
+          }), /* @__PURE__ */jsxRuntime.jsxs("span", {
+            className: "flex items-center gap-2 px-2 py-1 leading-7",
+            children: [/* @__PURE__ */jsxRuntime.jsx("p", {
+              children: text
+            }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.Tooltip, {
+              content: text,
+              delayDuration: 100,
+              side: tooltipConstants.tooltipSides.bottom,
+              children: /* @__PURE__ */jsxRuntime.jsx("div", {
+                children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+                  name: Icon.iconNames.questionMarkCircledIcon,
+                  className: "text-muted-foreground"
+                })
+              })
+            })]
+          })]
+        })
+      })
+    })
+  });
+}
+__name(ImageRadioGroupItem, "ImageRadioGroupItem");
+
+exports.ImageRadioGroup = ImageRadioGroup;
+exports.ImageRadioGroupItem = ImageRadioGroupItem;

package/packages/level2/fd-component-toolbox/image-radio-group/ImageRadioGroup.d.ts

@@ -0,0 +1,17 @@
+import { VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+export interface ImageRadioGroupItemProps {
+    text?: string;
+    imageSrc: string;
+    isSelected?: boolean;
+    onClick?: VoidFuncNoParam;
+    examples?: {
+        alt: string;
+        src: string;
+    }[];
+}
+export interface ImageRadioGroupProps {
+    title?: string;
+    items: ImageRadioGroupItemProps[];
+}
+export declare function ImageRadioGroup({ items, title }: ImageRadioGroupProps): import("react").JSX.Element;
+export declare function ImageRadioGroupItem({ text, onClick, isSelected, examples, imageSrc, }: ImageRadioGroupItemProps): import("react").JSX.Element;