@fernir2/saas-kit 0.0.161 → 0.0.163

package/packages/level2/fd-component-toolbox/datepicker/DatePicker.js

@@ -1,7 +1,8 @@
 'use strict';
 'use client';
+import { c } from 'react/compiler-runtime';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useCallback, useImperativeHandle } from 'react';
+import { useState, useRef, useEffect, useImperativeHandle } from 'react';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@radix-ui/react-tooltip';
 import * as Popover from '@radix-ui/react-popover';
 import { Input } from '../input/Input.js';
@@ -9,7 +10,7 @@ import { Button } from '../button/Button.js';
 import { Calendar } from '../calendar/Calendar.js';
 import { Icon, iconSizes, iconNames } from '../icon/Icon.js';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
-import { setDatePickerState, onDateChangeHandler, onDateResetHandler, updateHours, updateMinutes, handleDatePickerOpenChange, localizedFormat } from './DatePicker.funcs.js';
+import { setDatePickerState, handleDatePickerOpenChange, onDateResetHandler, localizedFormat, onDateChangeHandler, updateHours, updateMinutes } from './DatePicker.funcs.js';
 import { LabelAnimation } from '../animation/LabelAnimation.js';
 import { shortenWithEllipsis } from '../../../fd-toolbox/strings/strings.js';
 import { useAsyncEffect } from '../../../fd-toolbox/hooks/use-async-effect.js';
@@ -21,159 +22,268 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-function DatePicker({
-  className,
-  enableTime,
-  inputId,
-  label: labelProp,
-  onDateValueChange: onDateValueChangeProp,
-  onTimeValueChange: onTimeValueChangeProp,
-  date,
-  shouldLabelAnimate,
-  disabled,
-  readOnly,
-  skipAnimationOnce,
-  form,
-  name,
-  variant,
-  onOpenChange,
-  ref
-}) {
+function DatePicker(t0) {
+  const $ = c(33);
+  const {
+    className,
+    enableTime,
+    inputId,
+    label: labelProp,
+    onDateValueChange: onDateValueChangeProp,
+    onTimeValueChange: onTimeValueChangeProp,
+    date,
+    shouldLabelAnimate,
+    disabled,
+    readOnly,
+    skipAnimationOnce,
+    form,
+    name,
+    variant,
+    onOpenChange,
+    ref
+  } = t0;
   const [dateValue, setDateValue] = useState();
-  const [timeValue, setTimeValue] = useState({
-    hours: 0,
-    minutes: 0
-  });
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      hours: 0,
+      minutes: 0
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [timeValue, setTimeValue] = useState(t1);
   const [label, setLabel] = useState(labelProp ?? "");
   const [showFullLabel, setShowFullLabel] = useState(true);
   const [isHovered, setIsHovered] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const prevIsoString = useRef(void 0);
-  useEffect(() => {
-    if (date && date !== "") {
-      const parseData = parseUtcStringToDate(date);
-      setDateValue(parseData);
-      setTimeValue({
-        hours: parseData.getHours(),
-        minutes: parseData.getMinutes()
-      });
-    } else {
-      setDateValue(void 0);
-      setTimeValue({
-        hours: 0,
-        minutes: 0
-      });
-    }
-  }, [date]);
-  useEffect(() => {
-    if (label.length > 20) {
-      setLabel(shortenWithEllipsis(label, 20));
-      setShowFullLabel(false);
-    }
-  }, [label]);
-  useAsyncEffect(async () => {
-    setDatePickerState(timeValue, setPrevIsoString, setFormValue, isFormReadyToUpdate(), prevIsoString?.current ?? void 0, dateValue ?? void 0, name, onDateValueChangeProp);
-  }, [timeValue, dateValue, form, name]);
-  const isFormReadyToUpdate = useCallback(() => {
-    return !!(form && name);
-  }, [form, name]);
-  const setPrevIsoString = useCallback(isoString => {
-    prevIsoString.current = isoString;
-  }, []);
-  const setFormValue = useCallback((datePickerName, isoString_0) => {
-    form?.setValue(datePickerName, isoString_0);
-  }, [form]);
-  useAsyncEffect(async () => {
-    onTimeValueChangeProp?.(timeValue);
-  }, [timeValue]);
-  const onDateValueChange = useCallback(newDate => {
-    setDateValue(newDate);
-  }, []);
-  const onTimeValueChange = useCallback((operation, value) => {
-    if (operation === "hours") {
-      setTimeValue(prevTimeValue => ({
-        ...prevTimeValue,
-        hours: value
-      }));
-    } else if (operation === "minutes") {
-      setTimeValue(prevTimeValue_0 => ({
-        ...prevTimeValue_0,
-        minutes: value
-      }));
-    }
-  }, [setTimeValue]);
-  const onDateChange = useCallback(newDate_0 => onDateChangeHandler(timeValue, onDateValueChange, enableTime, newDate_0, onDateValueChangeProp), [enableTime, onDateValueChange, timeValue, onDateValueChangeProp]);
-  const onDateReset = useCallback(event => {
-    onDateResetHandler(event, onDateValueChange, setTimeValue, onDateValueChangeProp);
-  }, [onDateValueChange, setTimeValue, onDateValueChangeProp]);
-  const onHoursChange = useCallback(v => {
-    updateHours(parseInt(v), timeValue, onTimeValueChange, onDateValueChange, dateValue ?? void 0);
-  }, [timeValue, dateValue, onTimeValueChange, onDateValueChange]);
-  const onMinutesChange = useCallback(v_0 => {
-    updateMinutes(parseInt(v_0), timeValue, onTimeValueChange, onDateValueChange, dateValue ?? void 0);
-  }, [timeValue, dateValue, onTimeValueChange, onDateValueChange]);
-  const onOpenChangeCallback = useCallback(open => {
-    handleDatePickerOpenChange(open, setIsOpen, onOpenChange);
-  }, [onOpenChange]);
-  useImperativeHandle(ref, () => ({
-    open: /* @__PURE__ */__name(() => onOpenChangeCallback(true), "open")
-  }), [onOpenChangeCallback]);
-  const onMouseEnter = useCallback(() => setIsHovered(true), []);
-  const onMouseLeave = useCallback(() => setIsHovered(false), []);
-  return /* @__PURE__ */jsxs("div", {
+  const isFormReadyToUpdate = !!(form && name);
+  let t2;
+  let t3;
+  if ($[1] !== date) {
+    t2 = () => {
+      if (date && date !== "") {
+        const parseData = parseUtcStringToDate(date);
+        setDateValue(parseData);
+        setTimeValue({
+          hours: parseData.getHours(),
+          minutes: parseData.getMinutes()
+        });
+      } else {
+        setDateValue(void 0);
+        setTimeValue({
+          hours: 0,
+          minutes: 0
+        });
+      }
+    };
+    t3 = [date];
+    $[1] = date;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  let t5;
+  if ($[4] !== label) {
+    t4 = () => {
+      if (label.length > 20) {
+        setLabel(shortenWithEllipsis(label, 20));
+        setShowFullLabel(false);
+      }
+    };
+    t5 = [label];
+    $[4] = label;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t4 = $[5];
+    t5 = $[6];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[7] !== dateValue || $[8] !== form || $[9] !== isFormReadyToUpdate || $[10] !== name || $[11] !== onDateValueChangeProp || $[12] !== timeValue) {
+    t6 = async () => {
+      const setPrevIsoString = __name(isoString => {
+        prevIsoString.current = isoString;
+      }, "setPrevIsoString");
+      const setFormValue = __name((datePickerName, isoString_0) => {
+        form?.setValue(datePickerName, isoString_0);
+      }, "setFormValue");
+      setDatePickerState(timeValue, setPrevIsoString, setFormValue, isFormReadyToUpdate, prevIsoString?.current ?? void 0, dateValue ?? void 0, name, onDateValueChangeProp);
+    };
+    $[7] = dateValue;
+    $[8] = form;
+    $[9] = isFormReadyToUpdate;
+    $[10] = name;
+    $[11] = onDateValueChangeProp;
+    $[12] = timeValue;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== dateValue || $[15] !== form || $[16] !== name || $[17] !== timeValue) {
+    t7 = [timeValue, dateValue, form, name];
+    $[14] = dateValue;
+    $[15] = form;
+    $[16] = name;
+    $[17] = timeValue;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  useAsyncEffect(t6, t7);
+  let t8;
+  if ($[19] !== onTimeValueChangeProp || $[20] !== timeValue) {
+    t8 = async () => {
+      onTimeValueChangeProp?.(timeValue);
+    };
+    $[19] = onTimeValueChangeProp;
+    $[20] = timeValue;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== timeValue) {
+    t9 = [timeValue];
+    $[22] = timeValue;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  useAsyncEffect(t8, t9);
+  let t10;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = newDate => {
+      setDateValue(newDate);
+    };
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  const onDateValueChange = __name(t10, "onDateValueChange");
+  let t11;
+  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = (operation, value) => {
+      if (operation === "hours") {
+        setTimeValue(prevTimeValue => ({
+          ...prevTimeValue,
+          hours: value
+        }));
+      } else {
+        if (operation === "minutes") {
+          setTimeValue(prevTimeValue_0 => ({
+            ...prevTimeValue_0,
+            minutes: value
+          }));
+        }
+      }
+    };
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  const onTimeValueChange = __name(t11, "onTimeValueChange");
+  let t12;
+  if ($[26] !== onOpenChange) {
+    t12 = () => ({
+      open: __name(() => handleDatePickerOpenChange(true, setIsOpen, onOpenChange), "open")
+    });
+    $[26] = onOpenChange;
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  useImperativeHandle(ref, t12);
+  let t13;
+  if ($[28] !== onOpenChange) {
+    t13 = open => handleDatePickerOpenChange(open, setIsOpen, onOpenChange);
+    $[28] = onOpenChange;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  let t14;
+  let t15;
+  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = () => setIsHovered(true);
+    t15 = () => setIsHovered(false);
+    $[30] = t14;
+    $[31] = t15;
+  } else {
+    t14 = $[30];
+    t15 = $[31];
+  }
+  let t16;
+  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = () => setIsHovered(true);
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  return jsxs("div", {
     className: cn("text-secondary relative flex w-full gap-1", className),
-    children: [/* @__PURE__ */jsxs(Popover.Root, {
+    children: [jsxs(Popover.Root, {
       modal: true,
       open: isOpen && !disabled && !readOnly,
-      onOpenChange: onOpenChangeCallback,
-      children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      onOpenChange: t13,
+      children: [jsx(Popover.Trigger, {
         asChild: true,
-        children: /* @__PURE__ */jsxs("div", {
+        children: jsxs("div", {
           className: "w-full",
-          children: [label && /* @__PURE__ */jsx("div", {
+          children: [label && jsx("div", {
             className: cn("relative z-10 transition-opacity duration-300", dateValue ? "opacity-100" : "opacity-0"),
-            children: /* @__PURE__ */jsx(LabelAnimation, {
+            children: jsx(LabelAnimation, {
               label,
               shouldAnimate: shouldLabelAnimate ?? true,
               skipAnimationOnce
             })
-          }, Number(skipAnimationOnce)), /* @__PURE__ */jsx(TooltipProvider, {
-            children: /* @__PURE__ */jsxs(Tooltip, {
-              children: [/* @__PURE__ */jsx(TooltipTrigger, {
+          }, Number(skipAnimationOnce)), jsx(TooltipProvider, {
+            children: jsxs(Tooltip, {
+              children: [jsx(TooltipTrigger, {
                 asChild: true,
                 className: "w-full",
-                children: /* @__PURE__ */jsxs("div", {
+                children: jsxs("div", {
                   className: "border-input hover:bg-background relative w-full",
-                  onMouseEnter,
-                  onMouseLeave,
+                  onMouseEnter: t14,
+                  onMouseLeave: t15,
                   style: {
                     cursor: disabled ? "not-allowed" : "default"
                   },
-                  children: [/* @__PURE__ */jsx(Button, {
-                    onClick: onDateReset,
+                  children: [jsx(Button, {
+                    onClick: event => {
+                      onDateResetHandler(event, onDateValueChange, setTimeValue, onDateValueChangeProp);
+                    },
                     variant: "icon",
-                    className: cn("peer absolute right-2.5 top-1/2 size-4 -translate-y-1/2 p-0", !!dateValue && isHovered && !disabled && !readOnly ? "animate-fade-in" : "animate-fade-out"),
-                    onMouseEnter,
-                    children: /* @__PURE__ */jsx(Icon, {
+                    className: cn("peer absolute top-1/2 right-2.5 size-4 -translate-y-1/2 p-0", !!dateValue && isHovered && !disabled && !readOnly ? "animate-fade-in" : "animate-fade-out"),
+                    onMouseEnter: t16,
+                    children: jsx(Icon, {
                       name: iconNames.cross1,
                       size: iconSizes.extraSmall
                     })
-                  }), /* @__PURE__ */jsxs(Button, {
+                  }), jsxs(Button, {
                     variant: variant ?? "float",
                     className: "peer-hover:bg-accent peer-hover:text-accent-foreground w-full justify-start gap-2 hover:disabled:cursor-not-allowed",
                     disabled,
-                    children: [/* @__PURE__ */jsx(Icon, {
+                    children: [jsx(Icon, {
                       name: iconNames.calendar,
                       className: "mr-2"
-                    }), /* @__PURE__ */jsx("span", {
+                    }), jsx("span", {
                       className: "text-muted-foreground mr-1",
                       children: localizedFormat(label, dateValue ?? void 0)
                     })]
                   })]
                 })
-              }), /* @__PURE__ */jsx(TooltipContent, {
+              }), jsx(TooltipContent, {
                 hidden: showFullLabel,
-                children: /* @__PURE__ */jsx("p", {
+                children: jsx("p", {
                   className: "bg-popover mb-1.5 rounded-md border px-3 py-1.5 text-sm shadow-md",
                   children: labelProp ?? ""
                 })
@@ -181,44 +291,44 @@ function DatePicker({
             })
           })]
         })
-      }), /* @__PURE__ */jsx(Popover.Portal, {
-        children: /* @__PURE__ */jsx(Popover.Content, {
-          className: "bg-background 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 mt-1 w-auto rounded-md border p-4 shadow-md outline-none",
+      }), jsx(Popover.Portal, {
+        children: jsx(Popover.Content, {
+          className: "bg-background 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 mt-1 w-auto rounded-md border p-4 shadow-md outline-none",
           align: "center",
-          children: /* @__PURE__ */jsx(Calendar, {
+          children: jsx(Calendar, {
             id: inputId,
             mode: "single",
             selected: dateValue,
             captionLayout: calendarCaptionLayout.dropdown,
-            onSelect: onDateChange,
+            onSelect: newDate_0 => onDateChangeHandler(timeValue, onDateValueChange, enableTime, newDate_0, onDateValueChangeProp),
             autoFocus: true,
             className: "text-secondary"
           })
         })
       })]
-    }), enableTime && /* @__PURE__ */jsxs("div", {
+    }), enableTime && jsxs("div", {
       className: "text-primary flex",
-      children: [/* @__PURE__ */jsx(Input, {
+      children: [jsx(Input, {
         showClearIcon: false,
         min: "0",
         max: "23",
         type: "number",
         className: "w-14",
         value: timeValue.hours.toString() ?? "",
-        onChange: onHoursChange,
+        onChange: value_0 => updateHours(parseInt(value_0), timeValue, onTimeValueChange, onDateValueChange, dateValue),
         disabled,
         readOnly
-      }), /* @__PURE__ */jsx("span", {
+      }), jsx("span", {
         className: cn("text-lg"),
         children: ":"
-      }), /* @__PURE__ */jsx(Input, {
+      }), jsx(Input, {
         showClearIcon: false,
         min: "0",
         max: "59",
         type: "number",
         className: "w-14",
         value: timeValue.minutes.toString() ?? "",
-        onChange: onMinutesChange,
+        onChange: value_1 => updateMinutes(parseInt(value_1), timeValue, onTimeValueChange, onDateValueChange, dateValue),
         disabled,
         readOnly
       })]

package/packages/level2/fd-component-toolbox/dialog/Dialog.cjs.js

@@ -51,17 +51,17 @@ DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
 function DialogContent({
   className,
   children,
-  isCloseButtonShown,
+  closeButtonShown,
   ref,
   ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs(DialogPortal, {
     children: [/* @__PURE__ */jsxRuntime.jsx(DialogOverlay, {}), /* @__PURE__ */jsxRuntime.jsxs(DialogPrimitive__namespace.Content, {
       ref,
-      className: utils.cn("bg-background fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className),
+      className: utils.cn("bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className),
       ...props,
-      children: [children, (isCloseButtonShown ?? true) && /* @__PURE__ */jsxRuntime.jsxs(DialogPrimitive__namespace.Close, {
-        className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",
+      children: [children, (closeButtonShown ?? true) && /* @__PURE__ */jsxRuntime.jsxs(DialogPrimitive__namespace.Close, {
+        className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
         children: [/* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
           name: Icon.iconNames.cross2
         }), /* @__PURE__ */jsxRuntime.jsx("span", {
@@ -103,7 +103,7 @@ function DialogTitle({
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(DialogPrimitive__namespace.Title, {
     ref,
-    className: utils.cn("text-lg font-semibold leading-none tracking-tight", className),
+    className: utils.cn("text-lg leading-none font-semibold tracking-tight", className),
     ...props
   });
 }

package/packages/level2/fd-component-toolbox/dialog/Dialog.d.ts

@@ -53,8 +53,8 @@ declare namespace DialogOverlay {
  *
  * Based on [Dialog.Content](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogContent({ className, children, isCloseButtonShown, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
-    isCloseButtonShown?: boolean;
+declare function DialogContent({ className, children, closeButtonShown, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    closeButtonShown?: boolean;
     ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Content>>;
 }): React.JSX.Element;
 declare namespace DialogContent {

package/packages/level2/fd-component-toolbox/dialog/Dialog.js

@@ -30,17 +30,17 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 function DialogContent({
   className,
   children,
-  isCloseButtonShown,
+  closeButtonShown,
   ref,
   ...props
 }) {
   return /* @__PURE__ */jsxs(DialogPortal, {
     children: [/* @__PURE__ */jsx(DialogOverlay, {}), /* @__PURE__ */jsxs(DialogPrimitive.Content, {
       ref,
-      className: cn("bg-background fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className),
+      className: cn("bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className),
       ...props,
-      children: [children, (isCloseButtonShown ?? true) && /* @__PURE__ */jsxs(DialogPrimitive.Close, {
-        className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",
+      children: [children, (closeButtonShown ?? true) && /* @__PURE__ */jsxs(DialogPrimitive.Close, {
+        className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
         children: [/* @__PURE__ */jsx(Icon, {
           name: iconNames.cross2
         }), /* @__PURE__ */jsx("span", {
@@ -82,7 +82,7 @@ function DialogTitle({
 }) {
   return /* @__PURE__ */jsx(DialogPrimitive.Title, {
     ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    className: cn("text-lg leading-none font-semibold tracking-tight", className),
     ...props
   });
 }

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.cjs.js

@@ -42,15 +42,15 @@ function YesOrNoDialog({
   onResponse,
   onCloseClick,
   showNoButton,
-  triggerCssClass,
-  isDisabled
+  triggerClassName,
+  disabled
 }) {
   const isShowNoButton = showNoButton ?? true;
   return /* @__PURE__ */jsxRuntime.jsxs(DialogPrimitive__namespace.Root, {
     children: [/* @__PURE__ */jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, {
-      className: triggerCssClass,
+      className: triggerClassName,
       asChild: asTriggerChild,
-      disabled: isDisabled,
+      disabled,
       children: trigger
     }), /* @__PURE__ */jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, {
       children: [/* @__PURE__ */jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, {

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.d.ts

@@ -8,20 +8,20 @@ export interface YesOrNoDialogProps {
     title: string;
     /** Trigger element to open the dialog */
     trigger?: ReactNode;
-    /** Function that will be called when the user responds */
+    /** Event handler called when the user responds */
     onResponse?: Func<boolean, void>;
     /** Whether to render the trigger as a child element */
     asTriggerChild?: boolean;
     /** Additional CSS class for the dialog */
     className?: string;
-    /** Function that will be called when the close button is clicked */
+    /** Event handler called when the close button is clicked */
     onCloseClick?: VoidFunc<boolean>;
     /** Whether to show the No button */
     showNoButton?: boolean;
     /** Additional CSS class for the trigger */
-    triggerCssClass?: string;
+    triggerClassName?: string;
     /** Whether the trigger is disabled */
-    isDisabled?: boolean;
+    disabled?: boolean;
 }
 /**
  * Confirmation dialog with Yes/No or OK buttons
@@ -33,4 +33,4 @@ export interface YesOrNoDialogProps {
  *  <YesOrNoDialog title="Confirm deletion" onResponse={...} onCloseClick={...} trigger={...}/>
  * ```
  */
-export declare function YesOrNoDialog({ title, className, trigger, asTriggerChild, onResponse, onCloseClick, showNoButton, triggerCssClass, isDisabled, }: YesOrNoDialogProps): import("react").JSX.Element;
+export declare function YesOrNoDialog({ title, className, trigger, asTriggerChild, onResponse, onCloseClick, showNoButton, triggerClassName, disabled, }: YesOrNoDialogProps): import("react").JSX.Element;

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.funcs.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x38fb23,_0x4128ac)=>__defProp(_0x38fb23,'name',{'value':_0x4128ac,'configurable':!![]});function onYesClick(_0xa63090,_0x5b0124){_0xa63090?.(!![]),_0x5b0124?.(![]);}__name(onYesClick,'onYesClick');
+var __defProp=Object['defineProperty'],__name=(_0x504a36,_0x209f7b)=>__defProp(_0x504a36,'name',{'value':_0x209f7b,'configurable':!![]});function onYesClick(_0x687047,_0x305d71){_0x687047?.(!![]),_0x305d71?.(![]);}__name(onYesClick,'onYesClick');
 
 exports.onYesClick = onYesClick;

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x38fb23,_0x4128ac)=>__defProp(_0x38fb23,'name',{'value':_0x4128ac,'configurable':!![]});function onYesClick(_0xa63090,_0x5b0124){_0xa63090?.(!![]),_0x5b0124?.(![]);}__name(onYesClick,'onYesClick');
+var __defProp=Object['defineProperty'],__name=(_0x504a36,_0x209f7b)=>__defProp(_0x504a36,'name',{'value':_0x209f7b,'configurable':!![]});function onYesClick(_0x687047,_0x305d71){_0x687047?.(!![]),_0x305d71?.(![]);}__name(onYesClick,'onYesClick');
 
 export { onYesClick };

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.js

@@ -21,15 +21,15 @@ function YesOrNoDialog({
   onResponse,
   onCloseClick,
   showNoButton,
-  triggerCssClass,
-  isDisabled
+  triggerClassName,
+  disabled
 }) {
   const isShowNoButton = showNoButton ?? true;
   return /* @__PURE__ */jsxs(DialogPrimitive.Root, {
     children: [/* @__PURE__ */jsx(DialogPrimitive.Trigger, {
-      className: triggerCssClass,
+      className: triggerClassName,
       asChild: asTriggerChild,
-      disabled: isDisabled,
+      disabled,
       children: trigger
     }), /* @__PURE__ */jsxs(DialogPrimitive.Portal, {
       children: [/* @__PURE__ */jsx(DialogPrimitive.Overlay, {

package/packages/level2/fd-component-toolbox/dynamic-layout/Dynamic.d.ts

@@ -16,8 +16,8 @@ import { DynamicProps } from "./dynamic-component-props";
 *       minHeight={2}
 *       maxHeight={8}
 *       static={false}
-*       isDraggable={true}
-*       isResizable={true}
+*       draggable={true}
+*       resizable={true}
  *  >
         ...
  *  </Dynamic>