@fernir2/saas-kit 0.0.183 → 0.0.185

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

@@ -2,7 +2,7 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
+import { Select as Select$1 } from '@base-ui/react/select';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { Icon, iconNames } from '../icon/Icon.js';
 import { LabelAnimation } from '../animation/LabelAnimation.js';
@@ -13,7 +13,7 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const selectVariants = cva("ring-offset-background placeholder:text-muted-foreground flex h-8 w-full items-center justify-between bg-transparent py-2 pr-3 pl-3 text-sm whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", {
+const selectVariants = cva("ring-offset-background placeholder:text-muted-foreground flex h-8 w-full items-center justify-between bg-transparent py-2 pr-1 pl-1 text-sm whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", {
   variants: {
     variant: {
       bordered: "border-input focus:ring-ring rounded-md border shadow-sm focus:ring-1",
@@ -29,9 +29,9 @@ const selectVariants = cva("ring-offset-background placeholder:text-muted-foregr
     size: "default"
   }
 });
-const Select = SelectPrimitive.Root;
-const SelectGroup = SelectPrimitive.Group;
-const SelectValue = SelectPrimitive.Value;
+const Select = Select$1.Root;
+const SelectGroup = Select$1.Group;
+const SelectValue = Select$1.Value;
 function isReactElementWithStringChildren(element) {
   return React.isValidElement(element) && element.props !== null && typeof element.props === "object" && "children" in element.props && typeof element.props.children === "string";
 }
@@ -46,21 +46,19 @@ function SelectTrigger({
   size,
   iconClassName,
   noUnderline,
-  value,
   id,
   ref
 }) {
   const isChildrenEmptyString = !children || isReactElementWithStringChildren(children) && children.props.children.trim() === "";
   const shouldShowIcon = isChildrenEmptyString || size !== "short";
-  return /* @__PURE__ */jsxs(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */jsxs(Select$1.Trigger, {
     ref,
     className: cn("border-input ring-offset-background placeholder:text-muted-foreground focus:ring-primary flex h-8 w-full items-center justify-between rounded-md border bg-transparent py-2 pr-3 text-sm whitespace-nowrap shadow-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", selectVariants({
       variant
     }), className, noUnderline && "border-0"),
-    value,
     id,
     children: [/* @__PURE__ */jsxs("div", {
-      className: cn("relative h-full basis-full text-start", !!label || "first-letter:text-sm"),
+      className: cn(!!label && "first-letter:text-sm", className),
       children: [children, label && /* @__PURE__ */jsx(LabelAnimation, {
         variant: "float",
         label,
@@ -68,8 +66,7 @@ function SelectTrigger({
         skipAnimationOnce,
         className: "top-0 max-w-full"
       })]
-    }), shouldShowIcon && /* @__PURE__ */jsx(SelectPrimitive.Icon, {
-      asChild: true,
+    }), shouldShowIcon && /* @__PURE__ */jsx(Select$1.Icon, {
       children: /* @__PURE__ */jsx(Icon, {
         name: iconNames.caretSort,
         className: cn("text-foreground size-3.5 shrink-0 opacity-50", iconClassName)
@@ -78,110 +75,94 @@ function SelectTrigger({
   });
 }
 __name(SelectTrigger, "SelectTrigger");
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-function SelectScrollUpButton({
-  className,
-  ref
-}) {
-  return /* @__PURE__ */jsx(SelectPrimitive.ScrollUpButton, {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    children: /* @__PURE__ */jsx(Icon, {
-      name: iconNames.caretSort
-    })
-  });
-}
-__name(SelectScrollUpButton, "SelectScrollUpButton");
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-function SelectScrollDownButton({
-  className,
-  ref
-}) {
-  return /* @__PURE__ */jsx(SelectPrimitive.ScrollDownButton, {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    children: /* @__PURE__ */jsx(Icon, {
-      name: iconNames.caretSort
-    })
-  });
-}
-__name(SelectScrollDownButton, "SelectScrollDownButton");
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+SelectTrigger.displayName = Select$1.Trigger.displayName;
 function SelectContent({
   className,
   children,
   position,
-  ref
+  disablePortal
 }) {
-  return /* @__PURE__ */jsx(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */jsxs(SelectPrimitive.Content, {
-      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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md", (position ?? "popper") === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-      position: position ?? "popper",
-      children: [/* @__PURE__ */jsx(SelectScrollUpButton, {}), /* @__PURE__ */jsx(SelectPrimitive.Viewport, {
-        className: cn("p-1", (position ?? "popper") === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+  const resolvedPosition = position ?? "popper";
+  const content = /* @__PURE__ */jsxs(Select$1.Positioner, {
+    sideOffset: 4,
+    alignItemWithTrigger: resolvedPosition === "item-aligned",
+    className: "z-50",
+    children: [/* @__PURE__ */jsx(Select$1.ScrollUpArrow, {
+      className: "flex items-center justify-center py-1",
+      children: /* @__PURE__ */jsx(Icon, {
+        name: iconNames.caretSort
+      })
+    }), /* @__PURE__ */jsx(Select$1.Popup, {
+      className: cn("bg-popover text-popover-foreground max-h-96 min-w-[var(--anchor-width)] overflow-y-auto rounded-md border p-1 shadow-md", resolvedPosition === "popper" && "w-full", className),
+      children: /* @__PURE__ */jsx(Select$1.List, {
+        className: "p-1",
         children
-      }), /* @__PURE__ */jsx(SelectScrollDownButton, {})]
-    })
+      })
+    }), /* @__PURE__ */jsx(Select$1.ScrollDownArrow, {
+      className: "flex items-center justify-center py-1",
+      children: /* @__PURE__ */jsx(Icon, {
+        name: iconNames.caretSort
+      })
+    })]
+  });
+  if (disablePortal) {
+    return content;
+  }
+  return /* @__PURE__ */jsx(Select$1.Portal, {
+    children: content
   });
 }
 __name(SelectContent, "SelectContent");
-SelectContent.displayName = SelectPrimitive.Content.displayName;
+SelectContent.displayName = Select$1.Popup.displayName;
 function SelectLabel({
   className,
   children,
   ref
 }) {
-  return /* @__PURE__ */jsx(SelectPrimitive.Label, {
+  return /* @__PURE__ */jsx(Select$1.GroupLabel, {
     ref,
     className: cn("px-2 py-1.5 text-sm font-semibold", className),
     children
   });
 }
 __name(SelectLabel, "SelectLabel");
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
+SelectLabel.displayName = Select$1.GroupLabel.displayName;
 function SelectItem({
   className,
-  id,
   value,
   children,
-  index,
-  ref
+  id
 }) {
-  return /* @__PURE__ */jsxs(SelectPrimitive.Item, {
-    id,
-    ref,
-    ...{
-      index
-    },
-    className: cn("focus:bg-muted/50 relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+  const itemProps = {};
+  if (id) {
+    itemProps["id"] = id;
+  }
+  return /* @__PURE__ */jsxs(Select$1.Item, {
     value,
+    className: cn("focus:bg-muted/50 relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+    ...itemProps,
     children: [/* @__PURE__ */jsx("span", {
       className: "absolute right-2 flex size-3.5 items-center justify-center",
-      children: /* @__PURE__ */jsx(SelectPrimitive.ItemIndicator, {
+      children: /* @__PURE__ */jsx(Select$1.ItemIndicator, {
         children: /* @__PURE__ */jsx(Icon, {
           name: iconNames.check
         })
       })
-    }), /* @__PURE__ */jsx(SelectPrimitive.ItemText, {
+    }), /* @__PURE__ */jsx(Select$1.ItemText, {
       children
     })]
   });
 }
 __name(SelectItem, "SelectItem");
-SelectItem.displayName = SelectPrimitive.Item.displayName;
+SelectItem.displayName = Select$1.Item.displayName;
 function SelectSeparator({
-  className,
-  children,
-  ref
+  className
 }) {
-  return /* @__PURE__ */jsx(SelectPrimitive.Separator, {
-    ref,
-    className: cn("bg-muted -mx-1 my-1 h-px", className),
-    children
+  return /* @__PURE__ */jsx(Select$1.Separator, {
+    className: cn("bg-muted -mx-1 my-1 h-px", className)
   });
 }
 __name(SelectSeparator, "SelectSeparator");
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+SelectSeparator.displayName = Select$1.Separator.displayName;
 
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectVariants };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectVariants };

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

@@ -3,51 +3,34 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var SheetPrimitive = require('@radix-ui/react-dialog');
+var dialog = require('@base-ui/react/dialog');
 var classVarianceAuthority = require('class-variance-authority');
 var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
 var Icon = require('../icon/Icon.cjs.js');
 var fdSheetConstants = require('./fd-sheet-constants.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 SheetPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SheetPrimitive);
+var tooltipConstants = require('../tooltip/tooltip-constants.cjs.js');
+var Tooltip = require('../tooltip/Tooltip.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const Sheet = SheetPrimitive__namespace.Root;
-const SheetTrigger = SheetPrimitive__namespace.Trigger;
-const SheetClose = SheetPrimitive__namespace.Close;
-const SheetPortal = SheetPrimitive__namespace.Portal;
+const Sheet = dialog.Dialog.Root;
+const SheetTrigger = dialog.Dialog.Trigger;
+const SheetClose = dialog.Dialog.Close;
+const SheetPortal = dialog.Dialog.Portal;
 function SheetOverlay({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, {
+  return /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Backdrop, {
     className: utils.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
     ref
   });
 }
 __name(SheetOverlay, "SheetOverlay");
-SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
+SheetOverlay.displayName = dialog.Dialog.Backdrop.displayName;
 const sheetVariants = classVarianceAuthority.cva("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 border-none p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-300", {
   variants: {
     side: {
@@ -68,30 +51,38 @@ function SheetContent({
   ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs(SheetPortal, {
-    children: [/* @__PURE__ */jsxRuntime.jsx(SheetOverlay, {}), /* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Content, {
-      ref,
-      className: utils.cn(sheetVariants({
-        side
-      }), className),
-      children: /* @__PURE__ */jsxRuntime.jsxs("div", {
-        className: "size-full focus:outline-none",
-        tabIndex: 0,
-        children: [/* @__PURE__ */jsxRuntime.jsxs(SheetPrimitive__namespace.Close, {
-          hidden: side === fdSheetConstants.sheetVariant.left,
-          className: "bg-fd-tertiary-50 ring-offset-background focus:ring-primary data-[state=open]:bg-secondary absolute top-2 right-3 z-50 rounded-md opacity-100 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none sm:bg-transparent sm:opacity-70",
-          children: [/* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
-            name: Icon.iconNames.cross
-          }), /* @__PURE__ */jsxRuntime.jsx("span", {
-            className: "sr-only",
-            children: "Close"
-          })]
-        }), children]
+    children: [/* @__PURE__ */jsxRuntime.jsx(SheetOverlay, {}), /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Viewport, {
+      children: /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Popup, {
+        ref,
+        className: utils.cn(sheetVariants({
+          side
+        }), className),
+        children: /* @__PURE__ */jsxRuntime.jsxs("div", {
+          className: "size-full focus:outline-none",
+          tabIndex: 0,
+          children: [/* @__PURE__ */jsxRuntime.jsxs(dialog.Dialog.Close, {
+            hidden: side === fdSheetConstants.sheetVariant.left,
+            className: "bg-fd-tertiary-50 ring-offset-background focus:ring-primary data-[state=open]:bg-secondary absolute top-2 right-3 z-50 cursor-pointer rounded-md opacity-100 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none sm:bg-transparent sm:opacity-70",
+            children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.Tooltip, {
+              content: "Close",
+              side: tooltipConstants.tooltipSides.left,
+              children: /* @__PURE__ */jsxRuntime.jsx("div", {
+                children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
+                  name: Icon.iconNames.cross
+                })
+              })
+            }), /* @__PURE__ */jsxRuntime.jsx("span", {
+              className: "sr-only",
+              children: "Close"
+            })]
+          }), children]
+        })
       })
     })]
   });
 }
 __name(SheetContent, "SheetContent");
-SheetContent.displayName = SheetPrimitive__namespace.Content.displayName;
+SheetContent.displayName = dialog.Dialog.Popup.displayName;
 function SheetHeader({
   className,
   children
@@ -117,25 +108,25 @@ function SheetTitle({
   children,
   ref
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Title, {
+  return /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Title, {
     ref,
     className: utils.cn("text-foreground text-lg font-semibold", className),
     children
   });
 }
 __name(SheetTitle, "SheetTitle");
-SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
+SheetTitle.displayName = dialog.Dialog.Title.displayName;
 function SheetDescription({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Description, {
+  return /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Description, {
     ref,
     className: utils.cn("text-muted-foreground text-sm", className)
   });
 }
 __name(SheetDescription, "SheetDescription");
-SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
+SheetDescription.displayName = dialog.Dialog.Description.displayName;
 
 exports.Sheet = Sheet;
 exports.SheetClose = SheetClose;

package/packages/level2/fd-component-toolbox/sheet/Sheet.d.ts

@@ -1,4 +1,4 @@
-import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 import { type VariantProps } from "class-variance-authority";
 import { ComponentRef } from "react";
 /**
@@ -6,28 +6,28 @@ import { ComponentRef } from "react";
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/sheet Sheet}
  */
-declare const Sheet: import("react").FC<SheetPrimitive.DialogProps>;
+declare const Sheet: typeof SheetPrimitive.Root;
 /**
  * Trigger element that initiates the opening of an overlay panel
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/sheet Sheet.Trigger}
  */
-declare const SheetTrigger: import("react").ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SheetTrigger: SheetPrimitive.Trigger;
 /**
  * Button or element that closes the active overlay panel
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/sheet Sheet.Close}
  */
-declare const SheetClose: import("react").ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /**
  * Portal component for rendering content outside the current DOM hierarchy
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/sheet Sheet.Portal}
  */
-declare const SheetPortal: import("react").FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 interface SheetOverlayProps {
     className?: string;
-    ref?: React.Ref<React.ComponentRef<typeof SheetPrimitive.Overlay>>;
+    ref?: React.Ref<React.ComponentRef<typeof SheetPrimitive.Backdrop>>;
 }
 /**
  * Overlay component that creates a darkened background behind the active panel.
@@ -42,7 +42,7 @@ declare namespace SheetOverlay {
  * Using {@link https:/cva.style/docs/getting-started/variants class-variance-authority}
  */
 export declare const sheetVariants: (props?: {
-    side?: "top" | "bottom" | "left" | "right";
+    side?: "top" | "left" | "right" | "bottom";
 } & import("class-variance-authority/types").ClassProp) => string;
 /**
  * Extends {@link https:/cva.style/docs/getting-started/variants VariantProps} of {@link sheetVariants}
@@ -50,7 +50,7 @@ export declare const sheetVariants: (props?: {
 export interface SheetContentProps extends VariantProps<typeof sheetVariants> {
     className?: string;
     children?: React.ReactNode;
-    ref?: React.Ref<ComponentRef<typeof SheetPrimitive.Content>>;
+    ref?: React.Ref<ComponentRef<typeof SheetPrimitive.Popup>>;
 }
 /**
  * Container for the content of the overlay panel with configurable positioning

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

@@ -1,32 +1,34 @@
 'use strict';
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { Dialog } from '@base-ui/react/dialog';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { Icon, iconNames } from '../icon/Icon.js';
 import { sheetVariant } from './fd-sheet-constants.js';
+import { tooltipSides } from '../tooltip/tooltip-constants.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const Sheet = SheetPrimitive.Root;
-const SheetTrigger = SheetPrimitive.Trigger;
-const SheetClose = SheetPrimitive.Close;
-const SheetPortal = SheetPrimitive.Portal;
+const Sheet = Dialog.Root;
+const SheetTrigger = Dialog.Trigger;
+const SheetClose = Dialog.Close;
+const SheetPortal = Dialog.Portal;
 function SheetOverlay({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsx(SheetPrimitive.Overlay, {
+  return /* @__PURE__ */jsx(Dialog.Backdrop, {
     className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
     ref
   });
 }
 __name(SheetOverlay, "SheetOverlay");
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+SheetOverlay.displayName = Dialog.Backdrop.displayName;
 const sheetVariants = cva("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 border-none p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-300", {
   variants: {
     side: {
@@ -47,30 +49,38 @@ function SheetContent({
   ref
 }) {
   return /* @__PURE__ */jsxs(SheetPortal, {
-    children: [/* @__PURE__ */jsx(SheetOverlay, {}), /* @__PURE__ */jsx(SheetPrimitive.Content, {
-      ref,
-      className: cn(sheetVariants({
-        side
-      }), className),
-      children: /* @__PURE__ */jsxs("div", {
-        className: "size-full focus:outline-none",
-        tabIndex: 0,
-        children: [/* @__PURE__ */jsxs(SheetPrimitive.Close, {
-          hidden: side === sheetVariant.left,
-          className: "bg-fd-tertiary-50 ring-offset-background focus:ring-primary data-[state=open]:bg-secondary absolute top-2 right-3 z-50 rounded-md opacity-100 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none sm:bg-transparent sm:opacity-70",
-          children: [/* @__PURE__ */jsx(Icon, {
-            name: iconNames.cross
-          }), /* @__PURE__ */jsx("span", {
-            className: "sr-only",
-            children: "Close"
-          })]
-        }), children]
+    children: [/* @__PURE__ */jsx(SheetOverlay, {}), /* @__PURE__ */jsx(Dialog.Viewport, {
+      children: /* @__PURE__ */jsx(Dialog.Popup, {
+        ref,
+        className: cn(sheetVariants({
+          side
+        }), className),
+        children: /* @__PURE__ */jsxs("div", {
+          className: "size-full focus:outline-none",
+          tabIndex: 0,
+          children: [/* @__PURE__ */jsxs(Dialog.Close, {
+            hidden: side === sheetVariant.left,
+            className: "bg-fd-tertiary-50 ring-offset-background focus:ring-primary data-[state=open]:bg-secondary absolute top-2 right-3 z-50 cursor-pointer rounded-md opacity-100 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none sm:bg-transparent sm:opacity-70",
+            children: [/* @__PURE__ */jsx(Tooltip, {
+              content: "Close",
+              side: tooltipSides.left,
+              children: /* @__PURE__ */jsx("div", {
+                children: /* @__PURE__ */jsx(Icon, {
+                  name: iconNames.cross
+                })
+              })
+            }), /* @__PURE__ */jsx("span", {
+              className: "sr-only",
+              children: "Close"
+            })]
+          }), children]
+        })
       })
     })]
   });
 }
 __name(SheetContent, "SheetContent");
-SheetContent.displayName = SheetPrimitive.Content.displayName;
+SheetContent.displayName = Dialog.Popup.displayName;
 function SheetHeader({
   className,
   children
@@ -96,24 +106,24 @@ function SheetTitle({
   children,
   ref
 }) {
-  return /* @__PURE__ */jsx(SheetPrimitive.Title, {
+  return /* @__PURE__ */jsx(Dialog.Title, {
     ref,
     className: cn("text-foreground text-lg font-semibold", className),
     children
   });
 }
 __name(SheetTitle, "SheetTitle");
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
+SheetTitle.displayName = Dialog.Title.displayName;
 function SheetDescription({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsx(SheetPrimitive.Description, {
+  return /* @__PURE__ */jsx(Dialog.Description, {
     ref,
     className: cn("text-muted-foreground text-sm", className)
   });
 }
 __name(SheetDescription, "SheetDescription");
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
+SheetDescription.displayName = Dialog.Description.displayName;
 
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetVariants };

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

@@ -3,6 +3,6 @@
 
 var ensureType = require('../../../fd-toolbox/types/ensure-type.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x226de9,_0x2045f4)=>__defProp(_0x226de9,'name',{'value':_0x2045f4,'configurable':!![]});function calculateFit(_0x4c7e0c,_0x1dae2a,_0x15e2e5){let _0x4329bd=0x39*-0x18+0xd*-0x257+-0x23c3*-0x1,_0x37a0dd=-0x1a55+-0x1*-0x381+0xc*0x1e7;for(const _0x1902c2 of _0x4c7e0c){const _0x1091c6=typeof _0x1902c2==='number'&&_0x1902c2>0x34*-0x35+0x1d8e+-0x12ca?_0x1902c2:-0x1128+-0x97c*-0x1+0x7ac,_0x540048=_0x1091c6+_0x15e2e5;if(_0x4329bd+_0x540048<=_0x1dae2a)_0x4329bd+=_0x540048,_0x37a0dd++;else break;}return {'count':_0x37a0dd,'used':_0x4329bd};}__name(calculateFit,'calculateFit');function calculateColumnWidths(_0x4426ba,_0x9fad5f){const _0x3c4a43={};for(const _0x510e27 of _0x4426ba){let _0x35ac43=_0x9fad5f['minPercentage'];_0x510e27['displayName']&&_0x510e27['displayName']!==''&&(_0x35ac43=_0x510e27['displayName']['length']*_0x9fad5f['symbolWidth']+_0x9fad5f['additionalWidth'],_0x35ac43<_0x9fad5f['minPixels']/(-0x1cee+0x661*-0x2+0x29c0)&&(_0x35ac43=_0x9fad5f['minPixels']/(0x12f+-0x2460+0x70d*0x5))),_0x510e27['name']&&(_0x3c4a43[_0x510e27['name']]=_0x35ac43);}return _0x3c4a43;}__name(calculateColumnWidths,'calculateColumnWidths');function calculateColumnPercents(_0x5d17ab){const _0x331b94=Object['values'](_0x5d17ab)['reduce']((_0x52a863,_0x295c82)=>_0x52a863+_0x295c82,-0x411+-0x13f3+0x1804);if(_0x331b94===-0x543+0x12bc+-0xd79*0x1)return Object['fromEntries'](Object['keys'](_0x5d17ab)['map'](_0x4e0d00=>[_0x4e0d00,-0x1339+-0xb0+0x13e9]));return Object['fromEntries'](Object['entries'](_0x5d17ab)['map'](([_0x4fbe7c,_0x5df3f1])=>[_0x4fbe7c,_0x5df3f1/_0x331b94*(-0x56c+0x397*-0x3+-0x11b*-0xf)]));}__name(calculateColumnPercents,'calculateColumnPercents');function calculateContainerStyles(_0x38b7ae,_0x231fd2,_0x38e6de,_0x106bd3,_0x3eda7c){const _0x3101f6={};return _0x3eda7c?_0x231fd2?(_0x3101f6['width']='90vw',_0x3101f6['minWidth']=_0x38e6de/(0x1*0x191b+0xf1e+-0x2829)+'rem'):_0x3101f6['minWidth']=_0x106bd3/(0x21c9+0x2005+-0x41be)+'rem':_0x3101f6['minWidth']=_0x38b7ae+'rem',_0x3101f6;}__name(calculateContainerStyles,'calculateContainerStyles');function processColumnsInput(_0x2d64f2,_0x294030,_0x10ffb2,_0x1fc2e3){if(_0x2d64f2['length']===0x264+-0x167*-0x19+-0x2573)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};if(ensureType.isNumberArray(_0x2d64f2)){const _0x110820=calculateFit(_0x2d64f2,_0x294030,_0x10ffb2);return {'columnsMap':{},'fitResult':_0x110820};}if(!_0x1fc2e3)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};const _0x37354c=calculateColumnWidths(_0x2d64f2,_0x1fc2e3),_0x50ab41=Object['values'](_0x37354c),_0x56f88d=calculateFit(_0x50ab41,_0x294030,_0x10ffb2);return {'columnsMap':_0x37354c,'fitResult':_0x56f88d};}__name(processColumnsInput,'processColumnsInput');function calculateSizing(_0x2d2b3f,_0x25c3b4,_0x22eca6){const _0x1740d3=_0x22eca6?.['gap']??-0x26ab*0x1+-0x14e2+0x3b8d,{columnsMap:_0x464847,fitResult:_0x345773}=processColumnsInput(_0x2d2b3f,_0x25c3b4,_0x1740d3,_0x22eca6?.['columnOptions']),_0x16a624={'count':_0x345773['count'],'usedWidth':_0x345773['used'],'remainingWidth':Math['max'](-0x26*0x1f+-0x2132+0x25cc,_0x25c3b4-_0x345773['used'])};Object['keys'](_0x464847)['length']>-0xa30+0x4a6+0x58a&&(_0x16a624['columnPercents']=calculateColumnPercents(_0x464847));if(_0x22eca6?.['isSmallScreen']!==void(0x26ac+0x5*0x6b9+0x1*-0x4849)){const _0x1be40b=Object['values'](_0x464847)['reduce']((_0x19a393,_0x377d1a)=>_0x19a393+_0x377d1a,-0x19a9*-0x1+0x177c+-0x3125);_0x16a624['containerStyles']=calculateContainerStyles(_0x1be40b||_0x345773['used']/(-0x1b51*0x1+-0x185*-0x6+0x1243),_0x22eca6['isSmallScreen'],_0x22eca6['minWidthPx']??-0x52*0x56+0xc68+0xf24,_0x22eca6['targetWidthPx']??0x2271+-0x2161+0x110*-0x1,_0x22eca6['adaptiveWidth']??![]);}return _0x16a624;}__name(calculateSizing,'calculateSizing');
+var __defProp=Object['defineProperty'],__name=(_0x442fc6,_0x5ee341)=>__defProp(_0x442fc6,'name',{'value':_0x5ee341,'configurable':!![]});function calculateFit(_0x3febc8,_0x4c02ab,_0x41ba3a){let _0x10d1a3=-0x1a*0x7a+0x1a1b+-0xdb7,_0x25ff80=0x4cd+0x1*0x143e+0x190b*-0x1;for(const _0x470a6c of _0x3febc8){const _0x3162b8=typeof _0x470a6c==='number'&&_0x470a6c>-0xfcf*-0x2+-0x1*0x2378+0x1ed*0x2?_0x470a6c:-0x33*-0x88+-0x199c+0x4c*-0x5,_0x5e7279=_0x3162b8+_0x41ba3a;if(_0x10d1a3+_0x5e7279<=_0x4c02ab)_0x10d1a3+=_0x5e7279,_0x25ff80++;else break;}return {'count':_0x25ff80,'used':_0x10d1a3};}__name(calculateFit,'calculateFit');function calculateColumnWidths(_0x264a6b,_0x183699){const _0x596b8e={};for(const _0x19d796 of _0x264a6b){let _0x5ccf55=_0x183699['minPercentage'];_0x19d796['displayName']&&_0x19d796['displayName']!==''&&(_0x5ccf55=_0x19d796['displayName']['length']*_0x183699['symbolWidth']+_0x183699['additionalWidth'],_0x5ccf55<_0x183699['minPixels']/(0x431+0x71c+0x1*-0xb3d)&&(_0x5ccf55=_0x183699['minPixels']/(0x7*-0x4cf+-0x22be*-0x1+-0x105*0x1))),_0x19d796['name']&&(_0x596b8e[_0x19d796['name']]=_0x5ccf55);}return _0x596b8e;}__name(calculateColumnWidths,'calculateColumnWidths');function calculateColumnPercents(_0x4f6dfb){const _0x58e087=Object['values'](_0x4f6dfb)['reduce']((_0x402a42,_0xcec9f4)=>_0x402a42+_0xcec9f4,0x1*-0xbdf+-0x26*0x98+0x226f);if(_0x58e087===0x14a3+-0xb98+0x5*-0x1cf)return Object['fromEntries'](Object['keys'](_0x4f6dfb)['map'](_0x200b51=>[_0x200b51,0x4*0x744+0xeaa+-0x2bba]));return Object['fromEntries'](Object['entries'](_0x4f6dfb)['map'](([_0x5a14b2,_0x27f9ea])=>[_0x5a14b2,_0x27f9ea/_0x58e087*(-0x1b9*0xe+0x854*-0x1+0x1*0x20d6)]));}__name(calculateColumnPercents,'calculateColumnPercents');function calculateContainerStyles(_0x5d03bc,_0x26e87a,_0x59a1be,_0x5b8277,_0x1c3088){const _0x530aed={};return _0x1c3088?_0x26e87a?(_0x530aed['width']='90vw',_0x530aed['minWidth']=_0x59a1be/(0x6*0x592+-0x11e*0x8+-0x186c)+'rem'):_0x530aed['minWidth']=_0x5b8277/(-0x6cd*-0x1+0xb2e*-0x2+-0x2b*-0x5d)+'rem':_0x530aed['minWidth']=_0x5d03bc+'rem',_0x530aed;}__name(calculateContainerStyles,'calculateContainerStyles');function processColumnsInput(_0x3f2e16,_0x1839cf,_0x44c483,_0x209f7b){if(_0x3f2e16['length']===-0x119*0x1a+-0x1*-0x24e1+-0x23*0x3d)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};if(ensureType.isNumberArray(_0x3f2e16)){const _0x1cfb39=calculateFit(_0x3f2e16,_0x1839cf,_0x44c483);return {'columnsMap':{},'fitResult':_0x1cfb39};}if(!_0x209f7b)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};const _0x2dbe7b=calculateColumnWidths(_0x3f2e16,_0x209f7b),_0x311ebe=Object['values'](_0x2dbe7b),_0xa06396=calculateFit(_0x311ebe,_0x1839cf,_0x44c483);return {'columnsMap':_0x2dbe7b,'fitResult':_0xa06396};}__name(processColumnsInput,'processColumnsInput');function calculateSizing(_0x5e2a9b,_0x42bed0,_0x2c9b51){const _0x273ac1=_0x2c9b51?.['gap']??-0x144c+0x114a+-0x4d*-0xa,{columnsMap:_0x15840d,fitResult:_0x59e17d}=processColumnsInput(_0x5e2a9b,_0x42bed0,_0x273ac1,_0x2c9b51?.['columnOptions']),_0x3a3d67={'count':_0x59e17d['count'],'usedWidth':_0x59e17d['used'],'remainingWidth':Math['max'](0x17ea+0x241*0x1+-0x261*0xb,_0x42bed0-_0x59e17d['used'])};Object['keys'](_0x15840d)['length']>-0x840+-0x4*0x705+0x12c*0x1f&&(_0x3a3d67['columnPercents']=calculateColumnPercents(_0x15840d));if(_0x2c9b51?.['isSmallScreen']!==void(-0xa*-0x1b5+-0x1e9*-0x8+-0x29*0xca)){const _0x5bddb9=Object['values'](_0x15840d)['reduce']((_0x44808c,_0x19b732)=>_0x44808c+_0x19b732,0x2174+0x1dcf+-0x3f43);_0x3a3d67['containerStyles']=calculateContainerStyles(_0x5bddb9||_0x59e17d['used']/(-0x11d0+-0x31a*-0x3+0x449*0x2),_0x2c9b51['isSmallScreen'],_0x2c9b51['minWidthPx']??0xc9a+0x23fb*-0x1+-0x3*-0x7cb,_0x2c9b51['targetWidthPx']??-0x1684+-0x387*0x3+0x2119,_0x2c9b51['adaptiveWidth']??![]);}return _0x3a3d67;}__name(calculateSizing,'calculateSizing');
 
 exports.calculateSizing = calculateSizing;

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

@@ -1,6 +1,6 @@
 'use strict';
 import { isNumberArray } from '../../../fd-toolbox/types/ensure-type.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x226de9,_0x2045f4)=>__defProp(_0x226de9,'name',{'value':_0x2045f4,'configurable':!![]});function calculateFit(_0x4c7e0c,_0x1dae2a,_0x15e2e5){let _0x4329bd=0x39*-0x18+0xd*-0x257+-0x23c3*-0x1,_0x37a0dd=-0x1a55+-0x1*-0x381+0xc*0x1e7;for(const _0x1902c2 of _0x4c7e0c){const _0x1091c6=typeof _0x1902c2==='number'&&_0x1902c2>0x34*-0x35+0x1d8e+-0x12ca?_0x1902c2:-0x1128+-0x97c*-0x1+0x7ac,_0x540048=_0x1091c6+_0x15e2e5;if(_0x4329bd+_0x540048<=_0x1dae2a)_0x4329bd+=_0x540048,_0x37a0dd++;else break;}return {'count':_0x37a0dd,'used':_0x4329bd};}__name(calculateFit,'calculateFit');function calculateColumnWidths(_0x4426ba,_0x9fad5f){const _0x3c4a43={};for(const _0x510e27 of _0x4426ba){let _0x35ac43=_0x9fad5f['minPercentage'];_0x510e27['displayName']&&_0x510e27['displayName']!==''&&(_0x35ac43=_0x510e27['displayName']['length']*_0x9fad5f['symbolWidth']+_0x9fad5f['additionalWidth'],_0x35ac43<_0x9fad5f['minPixels']/(-0x1cee+0x661*-0x2+0x29c0)&&(_0x35ac43=_0x9fad5f['minPixels']/(0x12f+-0x2460+0x70d*0x5))),_0x510e27['name']&&(_0x3c4a43[_0x510e27['name']]=_0x35ac43);}return _0x3c4a43;}__name(calculateColumnWidths,'calculateColumnWidths');function calculateColumnPercents(_0x5d17ab){const _0x331b94=Object['values'](_0x5d17ab)['reduce']((_0x52a863,_0x295c82)=>_0x52a863+_0x295c82,-0x411+-0x13f3+0x1804);if(_0x331b94===-0x543+0x12bc+-0xd79*0x1)return Object['fromEntries'](Object['keys'](_0x5d17ab)['map'](_0x4e0d00=>[_0x4e0d00,-0x1339+-0xb0+0x13e9]));return Object['fromEntries'](Object['entries'](_0x5d17ab)['map'](([_0x4fbe7c,_0x5df3f1])=>[_0x4fbe7c,_0x5df3f1/_0x331b94*(-0x56c+0x397*-0x3+-0x11b*-0xf)]));}__name(calculateColumnPercents,'calculateColumnPercents');function calculateContainerStyles(_0x38b7ae,_0x231fd2,_0x38e6de,_0x106bd3,_0x3eda7c){const _0x3101f6={};return _0x3eda7c?_0x231fd2?(_0x3101f6['width']='90vw',_0x3101f6['minWidth']=_0x38e6de/(0x1*0x191b+0xf1e+-0x2829)+'rem'):_0x3101f6['minWidth']=_0x106bd3/(0x21c9+0x2005+-0x41be)+'rem':_0x3101f6['minWidth']=_0x38b7ae+'rem',_0x3101f6;}__name(calculateContainerStyles,'calculateContainerStyles');function processColumnsInput(_0x2d64f2,_0x294030,_0x10ffb2,_0x1fc2e3){if(_0x2d64f2['length']===0x264+-0x167*-0x19+-0x2573)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};if(isNumberArray(_0x2d64f2)){const _0x110820=calculateFit(_0x2d64f2,_0x294030,_0x10ffb2);return {'columnsMap':{},'fitResult':_0x110820};}if(!_0x1fc2e3)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};const _0x37354c=calculateColumnWidths(_0x2d64f2,_0x1fc2e3),_0x50ab41=Object['values'](_0x37354c),_0x56f88d=calculateFit(_0x50ab41,_0x294030,_0x10ffb2);return {'columnsMap':_0x37354c,'fitResult':_0x56f88d};}__name(processColumnsInput,'processColumnsInput');function calculateSizing(_0x2d2b3f,_0x25c3b4,_0x22eca6){const _0x1740d3=_0x22eca6?.['gap']??-0x26ab*0x1+-0x14e2+0x3b8d,{columnsMap:_0x464847,fitResult:_0x345773}=processColumnsInput(_0x2d2b3f,_0x25c3b4,_0x1740d3,_0x22eca6?.['columnOptions']),_0x16a624={'count':_0x345773['count'],'usedWidth':_0x345773['used'],'remainingWidth':Math['max'](-0x26*0x1f+-0x2132+0x25cc,_0x25c3b4-_0x345773['used'])};Object['keys'](_0x464847)['length']>-0xa30+0x4a6+0x58a&&(_0x16a624['columnPercents']=calculateColumnPercents(_0x464847));if(_0x22eca6?.['isSmallScreen']!==void(0x26ac+0x5*0x6b9+0x1*-0x4849)){const _0x1be40b=Object['values'](_0x464847)['reduce']((_0x19a393,_0x377d1a)=>_0x19a393+_0x377d1a,-0x19a9*-0x1+0x177c+-0x3125);_0x16a624['containerStyles']=calculateContainerStyles(_0x1be40b||_0x345773['used']/(-0x1b51*0x1+-0x185*-0x6+0x1243),_0x22eca6['isSmallScreen'],_0x22eca6['minWidthPx']??-0x52*0x56+0xc68+0xf24,_0x22eca6['targetWidthPx']??0x2271+-0x2161+0x110*-0x1,_0x22eca6['adaptiveWidth']??![]);}return _0x16a624;}__name(calculateSizing,'calculateSizing');
+var __defProp=Object['defineProperty'],__name=(_0x442fc6,_0x5ee341)=>__defProp(_0x442fc6,'name',{'value':_0x5ee341,'configurable':!![]});function calculateFit(_0x3febc8,_0x4c02ab,_0x41ba3a){let _0x10d1a3=-0x1a*0x7a+0x1a1b+-0xdb7,_0x25ff80=0x4cd+0x1*0x143e+0x190b*-0x1;for(const _0x470a6c of _0x3febc8){const _0x3162b8=typeof _0x470a6c==='number'&&_0x470a6c>-0xfcf*-0x2+-0x1*0x2378+0x1ed*0x2?_0x470a6c:-0x33*-0x88+-0x199c+0x4c*-0x5,_0x5e7279=_0x3162b8+_0x41ba3a;if(_0x10d1a3+_0x5e7279<=_0x4c02ab)_0x10d1a3+=_0x5e7279,_0x25ff80++;else break;}return {'count':_0x25ff80,'used':_0x10d1a3};}__name(calculateFit,'calculateFit');function calculateColumnWidths(_0x264a6b,_0x183699){const _0x596b8e={};for(const _0x19d796 of _0x264a6b){let _0x5ccf55=_0x183699['minPercentage'];_0x19d796['displayName']&&_0x19d796['displayName']!==''&&(_0x5ccf55=_0x19d796['displayName']['length']*_0x183699['symbolWidth']+_0x183699['additionalWidth'],_0x5ccf55<_0x183699['minPixels']/(0x431+0x71c+0x1*-0xb3d)&&(_0x5ccf55=_0x183699['minPixels']/(0x7*-0x4cf+-0x22be*-0x1+-0x105*0x1))),_0x19d796['name']&&(_0x596b8e[_0x19d796['name']]=_0x5ccf55);}return _0x596b8e;}__name(calculateColumnWidths,'calculateColumnWidths');function calculateColumnPercents(_0x4f6dfb){const _0x58e087=Object['values'](_0x4f6dfb)['reduce']((_0x402a42,_0xcec9f4)=>_0x402a42+_0xcec9f4,0x1*-0xbdf+-0x26*0x98+0x226f);if(_0x58e087===0x14a3+-0xb98+0x5*-0x1cf)return Object['fromEntries'](Object['keys'](_0x4f6dfb)['map'](_0x200b51=>[_0x200b51,0x4*0x744+0xeaa+-0x2bba]));return Object['fromEntries'](Object['entries'](_0x4f6dfb)['map'](([_0x5a14b2,_0x27f9ea])=>[_0x5a14b2,_0x27f9ea/_0x58e087*(-0x1b9*0xe+0x854*-0x1+0x1*0x20d6)]));}__name(calculateColumnPercents,'calculateColumnPercents');function calculateContainerStyles(_0x5d03bc,_0x26e87a,_0x59a1be,_0x5b8277,_0x1c3088){const _0x530aed={};return _0x1c3088?_0x26e87a?(_0x530aed['width']='90vw',_0x530aed['minWidth']=_0x59a1be/(0x6*0x592+-0x11e*0x8+-0x186c)+'rem'):_0x530aed['minWidth']=_0x5b8277/(-0x6cd*-0x1+0xb2e*-0x2+-0x2b*-0x5d)+'rem':_0x530aed['minWidth']=_0x5d03bc+'rem',_0x530aed;}__name(calculateContainerStyles,'calculateContainerStyles');function processColumnsInput(_0x3f2e16,_0x1839cf,_0x44c483,_0x209f7b){if(_0x3f2e16['length']===-0x119*0x1a+-0x1*-0x24e1+-0x23*0x3d)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};if(isNumberArray(_0x3f2e16)){const _0x1cfb39=calculateFit(_0x3f2e16,_0x1839cf,_0x44c483);return {'columnsMap':{},'fitResult':_0x1cfb39};}if(!_0x209f7b)return {'columnsMap':{},'fitResult':{'count':0x0,'used':0x0}};const _0x2dbe7b=calculateColumnWidths(_0x3f2e16,_0x209f7b),_0x311ebe=Object['values'](_0x2dbe7b),_0xa06396=calculateFit(_0x311ebe,_0x1839cf,_0x44c483);return {'columnsMap':_0x2dbe7b,'fitResult':_0xa06396};}__name(processColumnsInput,'processColumnsInput');function calculateSizing(_0x5e2a9b,_0x42bed0,_0x2c9b51){const _0x273ac1=_0x2c9b51?.['gap']??-0x144c+0x114a+-0x4d*-0xa,{columnsMap:_0x15840d,fitResult:_0x59e17d}=processColumnsInput(_0x5e2a9b,_0x42bed0,_0x273ac1,_0x2c9b51?.['columnOptions']),_0x3a3d67={'count':_0x59e17d['count'],'usedWidth':_0x59e17d['used'],'remainingWidth':Math['max'](0x17ea+0x241*0x1+-0x261*0xb,_0x42bed0-_0x59e17d['used'])};Object['keys'](_0x15840d)['length']>-0x840+-0x4*0x705+0x12c*0x1f&&(_0x3a3d67['columnPercents']=calculateColumnPercents(_0x15840d));if(_0x2c9b51?.['isSmallScreen']!==void(-0xa*-0x1b5+-0x1e9*-0x8+-0x29*0xca)){const _0x5bddb9=Object['values'](_0x15840d)['reduce']((_0x44808c,_0x19b732)=>_0x44808c+_0x19b732,0x2174+0x1dcf+-0x3f43);_0x3a3d67['containerStyles']=calculateContainerStyles(_0x5bddb9||_0x59e17d['used']/(-0x11d0+-0x31a*-0x3+0x449*0x2),_0x2c9b51['isSmallScreen'],_0x2c9b51['minWidthPx']??0xc9a+0x23fb*-0x1+-0x3*-0x7cb,_0x2c9b51['targetWidthPx']??-0x1684+-0x387*0x3+0x2119,_0x2c9b51['adaptiveWidth']??![]);}return _0x3a3d67;}__name(calculateSizing,'calculateSizing');
 
 export { calculateSizing };