@fernir2/saas-kit-cli 0.1.12 → 0.1.13-111

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

@@ -1,226 +0,0 @@
-'use strict';
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var FdDropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var FdIcon = require('../icon/FdIcon.cjs.js');
-var utils = require('../../fd-toolbox/lib/utils.cjs.js');
-
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var FdDropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(FdDropdownMenuPrimitive);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const FdDropdownMenu = FdDropdownMenuPrimitive__namespace.Root;
-const FdDropdownMenuTrigger = FdDropdownMenuPrimitive__namespace.Trigger;
-const FdDropdownMenuGroup = FdDropdownMenuPrimitive__namespace.Group;
-const FdDropdownMenuPortal = FdDropdownMenuPrimitive__namespace.Portal;
-const FdDropdownMenuSub = FdDropdownMenuPrimitive__namespace.Sub;
-const FdDropdownMenuRadioGroup = FdDropdownMenuPrimitive__namespace.RadioGroup;
-function FdDropdownMenuSubTrigger({
-  className,
-  inset,
-  ref,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    FdDropdownMenuPrimitive__namespace.SubTrigger,
-    {
-      ref,
-      className: utils.cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-        inset && "pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(FdIcon.FdIcon, { name: FdIcon.iconNames.chevronRight, className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-__name(FdDropdownMenuSubTrigger, "FdDropdownMenuSubTrigger");
-FdDropdownMenuSubTrigger.displayName = FdDropdownMenuPrimitive__namespace.SubTrigger.displayName;
-function FdDropdownMenuSubContent({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FdDropdownMenuPrimitive__namespace.SubContent,
-    {
-      ref,
-      className: utils.cn(
-        "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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
-      ),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuSubContent, "FdDropdownMenuSubContent");
-FdDropdownMenuSubContent.displayName = FdDropdownMenuPrimitive__namespace.SubContent.displayName;
-function FdDropdownMenuContent({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(FdDropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    FdDropdownMenuPrimitive__namespace.Content,
-    {
-      ref,
-      className: utils.cn(
-        "z-50 mt-1 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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
-      ),
-      ...props
-    }
-  ) });
-}
-__name(FdDropdownMenuContent, "FdDropdownMenuContent");
-FdDropdownMenuContent.displayName = FdDropdownMenuPrimitive__namespace.Content.displayName;
-function FdDropdownMenuItem({
-  className,
-  inset,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FdDropdownMenuPrimitive__namespace.Item,
-    {
-      ref,
-      className: utils.cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        inset && "pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuItem, "FdDropdownMenuItem");
-FdDropdownMenuItem.displayName = FdDropdownMenuPrimitive__namespace.Item.displayName;
-function FdDropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    FdDropdownMenuPrimitive__namespace.CheckboxItem,
-    {
-      ref,
-      className: utils.cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(FdDropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(FdIcon.FdIcon, { name: FdIcon.iconNames.check, className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-__name(FdDropdownMenuCheckboxItem, "FdDropdownMenuCheckboxItem");
-FdDropdownMenuCheckboxItem.displayName = FdDropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-function FdDropdownMenuRadioItem({
-  className,
-  children,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    FdDropdownMenuPrimitive__namespace.RadioItem,
-    {
-      ref,
-      className: utils.cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(FdDropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(FdIcon.FdIcon, { name: FdIcon.iconNames.dotFilled, className: "size-4 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-__name(FdDropdownMenuRadioItem, "FdDropdownMenuRadioItem");
-FdDropdownMenuRadioItem.displayName = FdDropdownMenuPrimitive__namespace.RadioItem.displayName;
-function FdDropdownMenuLabel({
-  className,
-  inset,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FdDropdownMenuPrimitive__namespace.Label,
-    {
-      ref,
-      className: utils.cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuLabel, "FdDropdownMenuLabel");
-FdDropdownMenuLabel.displayName = FdDropdownMenuPrimitive__namespace.Label.displayName;
-function FdDropdownMenuSeparator({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FdDropdownMenuPrimitive__namespace.Separator,
-    {
-      ref,
-      className: utils.cn("-mx-1 my-1 h-px bg-muted", className),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuSeparator, "FdDropdownMenuSeparator");
-FdDropdownMenuSeparator.displayName = FdDropdownMenuPrimitive__namespace.Separator.displayName;
-function FdDropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
-}
-__name(FdDropdownMenuShortcut, "FdDropdownMenuShortcut");
-FdDropdownMenuShortcut.displayName = "FdDropdownMenuShortcut";
-
-exports.FdDropdownMenu = FdDropdownMenu;
-exports.FdDropdownMenuCheckboxItem = FdDropdownMenuCheckboxItem;
-exports.FdDropdownMenuContent = FdDropdownMenuContent;
-exports.FdDropdownMenuGroup = FdDropdownMenuGroup;
-exports.FdDropdownMenuItem = FdDropdownMenuItem;
-exports.FdDropdownMenuLabel = FdDropdownMenuLabel;
-exports.FdDropdownMenuPortal = FdDropdownMenuPortal;
-exports.FdDropdownMenuRadioGroup = FdDropdownMenuRadioGroup;
-exports.FdDropdownMenuRadioItem = FdDropdownMenuRadioItem;
-exports.FdDropdownMenuSeparator = FdDropdownMenuSeparator;
-exports.FdDropdownMenuShortcut = FdDropdownMenuShortcut;
-exports.FdDropdownMenuSub = FdDropdownMenuSub;
-exports.FdDropdownMenuSubContent = FdDropdownMenuSubContent;
-exports.FdDropdownMenuSubTrigger = FdDropdownMenuSubTrigger;
-exports.FdDropdownMenuTrigger = FdDropdownMenuTrigger;

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

@@ -1,191 +0,0 @@
-'use strict';
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as FdDropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { FdIcon, iconNames } from '../icon/FdIcon.js';
-import { cn } from '../../fd-toolbox/lib/utils.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const FdDropdownMenu = FdDropdownMenuPrimitive.Root;
-const FdDropdownMenuTrigger = FdDropdownMenuPrimitive.Trigger;
-const FdDropdownMenuGroup = FdDropdownMenuPrimitive.Group;
-const FdDropdownMenuPortal = FdDropdownMenuPrimitive.Portal;
-const FdDropdownMenuSub = FdDropdownMenuPrimitive.Sub;
-const FdDropdownMenuRadioGroup = FdDropdownMenuPrimitive.RadioGroup;
-function FdDropdownMenuSubTrigger({
-  className,
-  inset,
-  ref,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    FdDropdownMenuPrimitive.SubTrigger,
-    {
-      ref,
-      className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-        inset && "pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(FdIcon, { name: iconNames.chevronRight, className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-__name(FdDropdownMenuSubTrigger, "FdDropdownMenuSubTrigger");
-FdDropdownMenuSubTrigger.displayName = FdDropdownMenuPrimitive.SubTrigger.displayName;
-function FdDropdownMenuSubContent({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    FdDropdownMenuPrimitive.SubContent,
-    {
-      ref,
-      className: cn(
-        "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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
-      ),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuSubContent, "FdDropdownMenuSubContent");
-FdDropdownMenuSubContent.displayName = FdDropdownMenuPrimitive.SubContent.displayName;
-function FdDropdownMenuContent({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(FdDropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    FdDropdownMenuPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "z-50 mt-1 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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
-      ),
-      ...props
-    }
-  ) });
-}
-__name(FdDropdownMenuContent, "FdDropdownMenuContent");
-FdDropdownMenuContent.displayName = FdDropdownMenuPrimitive.Content.displayName;
-function FdDropdownMenuItem({
-  className,
-  inset,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    FdDropdownMenuPrimitive.Item,
-    {
-      ref,
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        inset && "pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuItem, "FdDropdownMenuItem");
-FdDropdownMenuItem.displayName = FdDropdownMenuPrimitive.Item.displayName;
-function FdDropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    FdDropdownMenuPrimitive.CheckboxItem,
-    {
-      ref,
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(FdDropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(FdIcon, { name: iconNames.check, className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-__name(FdDropdownMenuCheckboxItem, "FdDropdownMenuCheckboxItem");
-FdDropdownMenuCheckboxItem.displayName = FdDropdownMenuPrimitive.CheckboxItem.displayName;
-function FdDropdownMenuRadioItem({
-  className,
-  children,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    FdDropdownMenuPrimitive.RadioItem,
-    {
-      ref,
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(FdDropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(FdIcon, { name: iconNames.dotFilled, className: "size-4 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-__name(FdDropdownMenuRadioItem, "FdDropdownMenuRadioItem");
-FdDropdownMenuRadioItem.displayName = FdDropdownMenuPrimitive.RadioItem.displayName;
-function FdDropdownMenuLabel({
-  className,
-  inset,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    FdDropdownMenuPrimitive.Label,
-    {
-      ref,
-      className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuLabel, "FdDropdownMenuLabel");
-FdDropdownMenuLabel.displayName = FdDropdownMenuPrimitive.Label.displayName;
-function FdDropdownMenuSeparator({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    FdDropdownMenuPrimitive.Separator,
-    {
-      ref,
-      className: cn("-mx-1 my-1 h-px bg-muted", className),
-      ...props
-    }
-  );
-}
-__name(FdDropdownMenuSeparator, "FdDropdownMenuSeparator");
-FdDropdownMenuSeparator.displayName = FdDropdownMenuPrimitive.Separator.displayName;
-function FdDropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
-}
-__name(FdDropdownMenuShortcut, "FdDropdownMenuShortcut");
-FdDropdownMenuShortcut.displayName = "FdDropdownMenuShortcut";
-
-export { FdDropdownMenu, FdDropdownMenuCheckboxItem, FdDropdownMenuContent, FdDropdownMenuGroup, FdDropdownMenuItem, FdDropdownMenuLabel, FdDropdownMenuPortal, FdDropdownMenuRadioGroup, FdDropdownMenuRadioItem, FdDropdownMenuSeparator, FdDropdownMenuShortcut, FdDropdownMenuSub, FdDropdownMenuSubContent, FdDropdownMenuSubTrigger, FdDropdownMenuTrigger };

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

@@ -1,11 +0,0 @@
-'use strict';
-'use strict';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FdDynamicComponent({ children }) {
-  return children;
-}
-__name(FdDynamicComponent, "FdDynamicComponent");
-
-module.exports = FdDynamicComponent;

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

@@ -1,9 +0,0 @@
-'use strict';
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FdDynamicComponent({ children }) {
-  return children;
-}
-__name(FdDynamicComponent, "FdDynamicComponent");
-
-export { FdDynamicComponent as default };

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

@@ -1,74 +0,0 @@
-'use strict';
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var reactGridLayout = require('react-grid-layout');
-var utils = require('../../fd-toolbox/lib/utils.cjs.js');
-var FdDynamicLayoutDragAndDrop_funcs = require('./FdDynamicLayoutDragAndDrop.funcs.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const ResponsiveReactGridLayout = reactGridLayout.WidthProvider(reactGridLayout.Responsive);
-function FdDynamicLayoutDragAndDrop({
-  className,
-  componentClassName,
-  columns,
-  containerPadding,
-  containerMargin,
-  children
-}) {
-  const [layout, setLayout] = React.useState([]);
-  const [rowHeight, setRowHeight] = React.useState(60);
-  const margin = React.useMemo(() => containerMargin ?? [14, 14], [containerMargin]);
-  const effectiveColumns = React.useMemo(() => columns ?? 6, [columns]);
-  React.useLayoutEffect(() => {
-    FdDynamicLayoutDragAndDrop_funcs.generateLayout(effectiveColumns, setLayout, children);
-  }, [effectiveColumns, children]);
-  const onLayoutChangeCallback = React.useCallback((_, newLayouts) => {
-    FdDynamicLayoutDragAndDrop_funcs.onLayoutChange(newLayouts, setLayout);
-  }, []);
-  React.useEffect(() => {
-    FdDynamicLayoutDragAndDrop_funcs.setupRowHeightListener(effectiveColumns, setRowHeight, margin);
-  }, [effectiveColumns, margin]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "select-none", style: { paddingBottom: rowHeight }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ResponsiveReactGridLayout,
-    {
-      rowHeight,
-      className: utils.cn(
-        //https://github.com/react-grid-layout/react-grid-layout/blob/master/css/styles.css
-        //https://github.com/react-grid-layout/react-resizable/blob/master/css/styles.css
-        //combined and modified accordingly to hubspot
-        "relative [&_.react-grid-item]:transition-all[&_.cssTransforms]:transition-[transform,_width,_height][&_img]:pointer-events-none[&_img]:select-none[&_.resizing]:transition-none[&_.resizing]:z-[1][&_.resizing]:will-change-[width,_height][&_.react-grid-item.react-draggable-dragging]:transition-none[&_.react-grid-item.react-draggable-dragging]:z-[3][&_.react-grid-item.react-draggable-dragging]:will-change-transform[&_.dropping]:invisible[&_.react-grid-placeholder]:border-fd-accent[&_.react-grid-placeholder]:border[&_.react-grid-placeholder]:border-dashed[&_.react-grid-placeholder]:border-2[&_.react-grid-placeholder]:rounded[&_.react-grid-placeholder]:z-[2][&_.react-grid-placeholder]:select-none[&_.placeholder-resizing]:transition-none[&_.react-grid-item_>_.react-resizable-handle]:absolute[&_.react-grid-item_>_.react-resizable-handle]:size-0.9[&_.react-grid-item_>_.react-resizable-handle]:bottom-0[&_.react-grid-item_>_.react-resizable-handle]:right-0[&_.react-grid-item_>_.react-resizable-handle]:cursor-se-resize[&_.react-grid-item_>_.react-resizable-handle]:after:content-[url(/handle.svg)][&_.react-grid-item_>_.react-resizable-handle]:after:absolute[&_.react-grid-item_>_.react-resizable-handle]:after:size-0.9[&_.react-grid-item_>_.react-resizable-handle]:after:right-2[&_.react-grid-item_>_.react-resizable-handle]:after:bottom-0[&_.react-resizable-hide_>_.react-resizable-handle]:hidden",
-        className
-      ),
-      margin,
-      cols: { xxs: effectiveColumns },
-      breakpoints: { xxs: 0 },
-      containerPadding: containerPadding ?? [0, 0],
-      layouts: { xxs: layout },
-      measureBeforeMount: false,
-      useCSSTransforms: true,
-      preventCollision: false,
-      onLayoutChange: onLayoutChangeCallback,
-      children: layout.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: utils.cn(
-            "cursor-grab overflow-hidden",
-            componentClassName ?? "bg-background shadow"
-          ),
-          children: item.element
-        },
-        item.i
-      ))
-    }
-  ) });
-}
-__name(FdDynamicLayoutDragAndDrop, "FdDynamicLayoutDragAndDrop");
-
-exports.ResponsiveReactGridLayout = ResponsiveReactGridLayout;
-exports.default = FdDynamicLayoutDragAndDrop;

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

@@ -1,11 +0,0 @@
-'use strict';
-'use strict';
-
-var ensureType = require('../../fd-toolbox/types/ensure-type.cjs.js');
-
-var __defProp=Object['defineProperty'],__name=(_0x48d31a,_0x52fb8e)=>__defProp(_0x48d31a,'name',{'value':_0x52fb8e,'configurable':!![]});const resizeEvent='resize';function generateLayout(_0x2197f4,_0x21fb2e,_0x1327eb){if(!_0x1327eb)return;let _0x285b7c=Array['isArray'](_0x1327eb)?_0x1327eb:[_0x1327eb];_0x21fb2e(_0x285b7c['map']((_0x44b6bd,_0x46b8fb)=>createLayoutElement(_0x44b6bd,_0x46b8fb,_0x2197f4)));}__name(generateLayout,'generateLayout');const childrenProperty='children',propsProperty='props';function getProps(_0x207bfe){let _0x15ba34={};if(!_0x207bfe)return _0x15ba34;if(ensureType.isObject(_0x207bfe)&&propsProperty in _0x207bfe&&ensureType.isObject(_0x207bfe['props'])){const _0x1db797=_0x207bfe['props'];if(childrenProperty in _0x1db797&&ensureType.isObject(_0x1db797['children'])){const _0x45c3b5=_0x1db797['children'];if(propsProperty in _0x45c3b5&&ensureType.isObject(_0x45c3b5['props']))return _0x15ba34=_0x45c3b5['props'],_0x15ba34;}}return _0x15ba34;}__name(getProps,'getProps');function onLayoutChange(_0x3ed0d3,_0x47cfe8){const _0x27f0b9=_0x3ed0d3['xxs'];_0x47cfe8(_0x2e8339=>_0x2e8339['map']((_0x9d50fe,_0x5c92a8)=>({..._0x27f0b9[_0x5c92a8],'element':_0x9d50fe['element']})));}__name(onLayoutChange,'onLayoutChange');function setupRowHeightListener(_0x5e4d9d,_0x1e7043,_0x1ed262){function _0x3f9b0f(){const _0x1d114f=document['querySelector']('.react-grid-layout')?.['clientWidth'];if(_0x1d114f){const _0x5279c9=(_0x1d114f-(_0x5e4d9d-(0x3d1+0x5*-0x7c6+0x230e*0x1))*_0x1ed262[-0x11*-0xb1+-0xb97+-0x2a])/_0x5e4d9d;_0x1e7043(_0x5279c9);}}return __name(_0x3f9b0f,'calculateRowHeight'),_0x3f9b0f(),window['addEventListener'](resizeEvent,_0x3f9b0f),()=>{window['removeEventListener'](resizeEvent,_0x3f9b0f);};}__name(setupRowHeightListener,'setupRowHeightListener');function createLayoutElement(_0x118ca5,_0xf30d8a,_0x1137d8){const _0x1c0a03=getProps(_0x118ca5),_0xd3a7a1={'x':_0x1c0a03['defaultX']??_0xf30d8a%(-0x1*0x1889+0x191f+-0x1*0x91),'y':_0x1c0a03['defaultY']??-0x1*0x1f28+-0x1fbe+-0x1f73*-0x2,'w':_0x1c0a03['defaultWidth']??_0x1c0a03['minWidth']??-0x3b3*0x5+-0xd9c*0x2+-0x58*-0x85,'h':_0x1c0a03['defaultHeight']??_0x1c0a03['minHeight']??-0x1b6+0x47f*0x3+-0x1*0xbc6,'i':_0x1c0a03['id']??_0xf30d8a['toString'](),'maxH':_0x1c0a03['maxHeight']??Math['round'](_0x1137d8*(-0x5c5+0x17a0+-0x11d9)/(0x22*-0xb5+-0x2*0x67+0x849*0x3)),'minH':_0x1c0a03['minHeight'],..._0x1c0a03,'element':_0x118ca5};return _0xd3a7a1;}__name(createLayoutElement,'createLayoutElement');
-
-exports.generateLayout = generateLayout;
-exports.onLayoutChange = onLayoutChange;
-exports.resizeEvent = resizeEvent;
-exports.setupRowHeightListener = setupRowHeightListener;

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

@@ -1,6 +0,0 @@
-'use strict';
-import { isObject } from '../../fd-toolbox/types/ensure-type.js';
-
-var __defProp=Object['defineProperty'],__name=(_0x48d31a,_0x52fb8e)=>__defProp(_0x48d31a,'name',{'value':_0x52fb8e,'configurable':!![]});const resizeEvent='resize';function generateLayout(_0x2197f4,_0x21fb2e,_0x1327eb){if(!_0x1327eb)return;let _0x285b7c=Array['isArray'](_0x1327eb)?_0x1327eb:[_0x1327eb];_0x21fb2e(_0x285b7c['map']((_0x44b6bd,_0x46b8fb)=>createLayoutElement(_0x44b6bd,_0x46b8fb,_0x2197f4)));}__name(generateLayout,'generateLayout');const childrenProperty='children',propsProperty='props';function getProps(_0x207bfe){let _0x15ba34={};if(!_0x207bfe)return _0x15ba34;if(isObject(_0x207bfe)&&propsProperty in _0x207bfe&&isObject(_0x207bfe['props'])){const _0x1db797=_0x207bfe['props'];if(childrenProperty in _0x1db797&&isObject(_0x1db797['children'])){const _0x45c3b5=_0x1db797['children'];if(propsProperty in _0x45c3b5&&isObject(_0x45c3b5['props']))return _0x15ba34=_0x45c3b5['props'],_0x15ba34;}}return _0x15ba34;}__name(getProps,'getProps');function onLayoutChange(_0x3ed0d3,_0x47cfe8){const _0x27f0b9=_0x3ed0d3['xxs'];_0x47cfe8(_0x2e8339=>_0x2e8339['map']((_0x9d50fe,_0x5c92a8)=>({..._0x27f0b9[_0x5c92a8],'element':_0x9d50fe['element']})));}__name(onLayoutChange,'onLayoutChange');function setupRowHeightListener(_0x5e4d9d,_0x1e7043,_0x1ed262){function _0x3f9b0f(){const _0x1d114f=document['querySelector']('.react-grid-layout')?.['clientWidth'];if(_0x1d114f){const _0x5279c9=(_0x1d114f-(_0x5e4d9d-(0x3d1+0x5*-0x7c6+0x230e*0x1))*_0x1ed262[-0x11*-0xb1+-0xb97+-0x2a])/_0x5e4d9d;_0x1e7043(_0x5279c9);}}return __name(_0x3f9b0f,'calculateRowHeight'),_0x3f9b0f(),window['addEventListener'](resizeEvent,_0x3f9b0f),()=>{window['removeEventListener'](resizeEvent,_0x3f9b0f);};}__name(setupRowHeightListener,'setupRowHeightListener');function createLayoutElement(_0x118ca5,_0xf30d8a,_0x1137d8){const _0x1c0a03=getProps(_0x118ca5),_0xd3a7a1={'x':_0x1c0a03['defaultX']??_0xf30d8a%(-0x1*0x1889+0x191f+-0x1*0x91),'y':_0x1c0a03['defaultY']??-0x1*0x1f28+-0x1fbe+-0x1f73*-0x2,'w':_0x1c0a03['defaultWidth']??_0x1c0a03['minWidth']??-0x3b3*0x5+-0xd9c*0x2+-0x58*-0x85,'h':_0x1c0a03['defaultHeight']??_0x1c0a03['minHeight']??-0x1b6+0x47f*0x3+-0x1*0xbc6,'i':_0x1c0a03['id']??_0xf30d8a['toString'](),'maxH':_0x1c0a03['maxHeight']??Math['round'](_0x1137d8*(-0x5c5+0x17a0+-0x11d9)/(0x22*-0xb5+-0x2*0x67+0x849*0x3)),'minH':_0x1c0a03['minHeight'],..._0x1c0a03,'element':_0x118ca5};return _0xd3a7a1;}__name(createLayoutElement,'createLayoutElement');
-
-export { generateLayout, onLayoutChange, resizeEvent, setupRowHeightListener };

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

@@ -1,69 +0,0 @@
-'use strict';
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useLayoutEffect, useCallback, useEffect } from 'react';
-import { WidthProvider, Responsive } from 'react-grid-layout';
-import { cn } from '../../fd-toolbox/lib/utils.js';
-import { generateLayout, onLayoutChange, setupRowHeightListener } from './FdDynamicLayoutDragAndDrop.funcs.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
-function FdDynamicLayoutDragAndDrop({
-  className,
-  componentClassName,
-  columns,
-  containerPadding,
-  containerMargin,
-  children
-}) {
-  const [layout, setLayout] = useState([]);
-  const [rowHeight, setRowHeight] = useState(60);
-  const margin = useMemo(() => containerMargin ?? [14, 14], [containerMargin]);
-  const effectiveColumns = useMemo(() => columns ?? 6, [columns]);
-  useLayoutEffect(() => {
-    generateLayout(effectiveColumns, setLayout, children);
-  }, [effectiveColumns, children]);
-  const onLayoutChangeCallback = useCallback((_, newLayouts) => {
-    onLayoutChange(newLayouts, setLayout);
-  }, []);
-  useEffect(() => {
-    setupRowHeightListener(effectiveColumns, setRowHeight, margin);
-  }, [effectiveColumns, margin]);
-  return /* @__PURE__ */ jsx("div", { className: "select-none", style: { paddingBottom: rowHeight }, children: /* @__PURE__ */ jsx(
-    ResponsiveReactGridLayout,
-    {
-      rowHeight,
-      className: cn(
-        //https://github.com/react-grid-layout/react-grid-layout/blob/master/css/styles.css
-        //https://github.com/react-grid-layout/react-resizable/blob/master/css/styles.css
-        //combined and modified accordingly to hubspot
-        "relative [&_.react-grid-item]:transition-all[&_.cssTransforms]:transition-[transform,_width,_height][&_img]:pointer-events-none[&_img]:select-none[&_.resizing]:transition-none[&_.resizing]:z-[1][&_.resizing]:will-change-[width,_height][&_.react-grid-item.react-draggable-dragging]:transition-none[&_.react-grid-item.react-draggable-dragging]:z-[3][&_.react-grid-item.react-draggable-dragging]:will-change-transform[&_.dropping]:invisible[&_.react-grid-placeholder]:border-fd-accent[&_.react-grid-placeholder]:border[&_.react-grid-placeholder]:border-dashed[&_.react-grid-placeholder]:border-2[&_.react-grid-placeholder]:rounded[&_.react-grid-placeholder]:z-[2][&_.react-grid-placeholder]:select-none[&_.placeholder-resizing]:transition-none[&_.react-grid-item_>_.react-resizable-handle]:absolute[&_.react-grid-item_>_.react-resizable-handle]:size-0.9[&_.react-grid-item_>_.react-resizable-handle]:bottom-0[&_.react-grid-item_>_.react-resizable-handle]:right-0[&_.react-grid-item_>_.react-resizable-handle]:cursor-se-resize[&_.react-grid-item_>_.react-resizable-handle]:after:content-[url(/handle.svg)][&_.react-grid-item_>_.react-resizable-handle]:after:absolute[&_.react-grid-item_>_.react-resizable-handle]:after:size-0.9[&_.react-grid-item_>_.react-resizable-handle]:after:right-2[&_.react-grid-item_>_.react-resizable-handle]:after:bottom-0[&_.react-resizable-hide_>_.react-resizable-handle]:hidden",
-        className
-      ),
-      margin,
-      cols: { xxs: effectiveColumns },
-      breakpoints: { xxs: 0 },
-      containerPadding: containerPadding ?? [0, 0],
-      layouts: { xxs: layout },
-      measureBeforeMount: false,
-      useCSSTransforms: true,
-      preventCollision: false,
-      onLayoutChange: onLayoutChangeCallback,
-      children: layout.map((item) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "cursor-grab overflow-hidden",
-            componentClassName ?? "bg-background shadow"
-          ),
-          children: item.element
-        },
-        item.i
-      ))
-    }
-  ) });
-}
-__name(FdDynamicLayoutDragAndDrop, "FdDynamicLayoutDragAndDrop");
-
-export { ResponsiveReactGridLayout, FdDynamicLayoutDragAndDrop as default };

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

@@ -1,53 +0,0 @@
-'use strict';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('../../fd-toolbox/lib/utils.cjs.js');
-var FdTooltip = require('../tooltip/FdTooltip.cjs.js');
-var FdFadeOutText_funcs = require('./FdFadeOutText.funcs.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FdFadeOutText({
-  children,
-  className,
-  isRightAlign,
-  shouldHideTooltip,
-  onTooltipClick,
-  tooltipContent,
-  ref,
-  ...props
-}) {
-  const valueBlockRef = React.useRef(null);
-  const [fadeoutVisible, setFadeoutVisible] = React.useState();
-  const { isHovered, ...restProps } = props;
-  React.useEffect(() => {
-    FdFadeOutText_funcs.checkFadeoutVisibility(setFadeoutVisible, valueBlockRef?.current ?? void 0);
-  }, [children]);
-  const textAlignmentClass = React.useMemo(() => {
-    return isRightAlign ? "flex-row-reverse" : "";
-  }, [isRightAlign]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "relative min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(FdTooltip.FdTooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(FdTooltip.FdTooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FdTooltip.FdTooltipTrigger, { asChild: true, disabled: shouldHideTooltip, onClick: onTooltipClick, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: valueBlockRef,
-        className: utils.cn(
-          "flex w-full flex-row overflow-x-hidden text-nowrap",
-          className,
-          textAlignmentClass,
-          fadeoutVisible ? "[mask-image:linear-gradient(to_right,currentColor_87%,transparent_100%)]" : "",
-          isHovered ? "hovered" : ""
-        ),
-        ...restProps,
-        children
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(FdTooltip.FdTooltipContent, { hidden: shouldHideTooltip, className: !fadeoutVisible ? "hidden" : "", children: tooltipContent ?? children })
-  ] }) }) });
-}
-__name(FdFadeOutText, "FdFadeOutText");
-FdFadeOutText.displayName = "FdFadeOutText";
-
-exports.FdFadeOutText = FdFadeOutText;