@fernir2/saas-kit 0.0.164 → 0.0.165-438

package/packages/level2/fd-component-toolbox/command/Command.cjs.js

@@ -15,19 +15,23 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function Command({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(cmdk.Command, {
     ref,
-    className: utils.cn("bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md", className)
+    className: utils.cn("bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md", className),
+    ...props
   });
 }
 __name(Command, "Command");
 Command.displayName = cmdk.Command.displayName;
 function CommandDialog({
-  children
+  children,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(Dialog.Dialog, {
+    ...props,
     children: /* @__PURE__ */jsxRuntime.jsx(Dialog.DialogContent, {
       className: "overflow-hidden p-0",
       children: /* @__PURE__ */jsxRuntime.jsx(Command, {
@@ -40,7 +44,8 @@ function CommandDialog({
 __name(CommandDialog, "CommandDialog");
 function CommandInput({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs("div", {
     className: "flex items-center border-b px-3",
@@ -50,7 +55,8 @@ function CommandInput({
       className: "mr-2 shrink-0 opacity-50"
     }), /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.Input, {
       ref,
-      className: utils.cn("placeholder:text-muted-foreground flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", className)
+      className: utils.cn("placeholder:text-muted-foreground flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", className),
+      ...props
     })]
   });
 }
@@ -58,64 +64,76 @@ __name(CommandInput, "CommandInput");
 CommandInput.displayName = cmdk.Command.Input.displayName;
 function CommandList({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.List, {
     ref,
-    className: utils.cn("max-h-72 overflow-x-hidden overflow-y-auto", className)
+    className: utils.cn("max-h-72 overflow-x-hidden overflow-y-auto", className),
+    ...props
   });
 }
 __name(CommandList, "CommandList");
 CommandList.displayName = cmdk.Command.List.displayName;
 function CommandEmpty({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.Empty, {
     ref,
-    className: utils.cn("py-6 text-center text-sm", className)
+    className: utils.cn("py-6 text-center text-sm", className),
+    ...props
   });
 }
 __name(CommandEmpty, "CommandEmpty");
 CommandEmpty.displayName = cmdk.Command.Empty.displayName;
 function CommandGroup({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.Group, {
     ref,
-    className: utils.cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className)
+    className: utils.cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+    ...props
   });
 }
 __name(CommandGroup, "CommandGroup");
 CommandGroup.displayName = cmdk.Command.Group.displayName;
 function CommandSeparator({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.Separator, {
     ref,
-    className: utils.cn("bg-border -mx-1 h-px", className)
+    className: utils.cn("bg-border -mx-1 h-px", className),
+    ...props
   });
 }
 __name(CommandSeparator, "CommandSeparator");
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
 function CommandItem({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(cmdk.Command.Item, {
     ref,
-    className: utils.cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className)
+    className: utils.cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className),
+    ...props
   });
 }
 __name(CommandItem, "CommandItem");
 CommandItem.displayName = cmdk.Command.Item.displayName;
 function CommandShortcut({
-  className
+  className,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("span", {
-    className: utils.cn("text-muted-foreground ml-auto text-xs tracking-widest", className)
+    className: utils.cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+    ...props
   });
 }
 __name(CommandShortcut, "CommandShortcut");

package/packages/level2/fd-component-toolbox/command/Command.d.ts

@@ -6,7 +6,7 @@ import { Command as CommandPrimitive } from "cmdk";
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  */
-declare function Command({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive> & {
+declare function Command({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive>>;
 }): React.JSX.Element;
 declare namespace Command {
@@ -22,6 +22,8 @@ export interface CommandDialogProps extends DialogProps {
 /**
  * Modal dialog wrapper with custom styling
  *
+ * @param props - {@link CommandDialogProps}
+ *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  *
  * @example
@@ -37,7 +39,7 @@ export interface CommandDialogProps extends DialogProps {
     }
  * ```
  */
-declare function CommandDialog({ children }: CommandDialogProps): React.JSX.Element;
+declare function CommandDialog({ children, ...props }: CommandDialogProps): React.JSX.Element;
 /**
  * Search input field with magnifying glass icon
  *
@@ -48,7 +50,7 @@ declare function CommandDialog({ children }: CommandDialogProps): React.JSX.Elem
  * <CommandInput placeholder="Type a command or search..." />
  * ```
  */
-declare function CommandInput({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {
+declare function CommandInput({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Input>>;
 }): React.JSX.Element;
 declare namespace CommandInput {
@@ -59,7 +61,7 @@ declare namespace CommandInput {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  */
-declare function CommandList({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
+declare function CommandList({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.List>>;
 }): React.JSX.Element;
 declare namespace CommandList {
@@ -70,7 +72,7 @@ declare namespace CommandList {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  */
-declare function CommandEmpty({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & {
+declare function CommandEmpty({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Empty>>;
 }): React.JSX.Element;
 declare namespace CommandEmpty {
@@ -88,7 +90,7 @@ declare namespace CommandEmpty {
  *  </CommandGroup>
  * ```
  */
-declare function CommandGroup({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & {
+declare function CommandGroup({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Group>>;
 }): React.JSX.Element;
 declare namespace CommandGroup {
@@ -99,7 +101,7 @@ declare namespace CommandGroup {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  */
-declare function CommandSeparator({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & {
+declare function CommandSeparator({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Separator>>;
 }): React.JSX.Element;
 declare namespace CommandSeparator {
@@ -110,7 +112,7 @@ declare namespace CommandSeparator {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  */
-declare function CommandItem({ className, ref, }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & {
+declare function CommandItem({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & {
     ref?: React.Ref<React.ComponentRef<typeof CommandPrimitive.Item>>;
 }): React.JSX.Element;
 declare namespace CommandItem {
@@ -121,7 +123,7 @@ declare namespace CommandItem {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/command Command}
  */
-declare function CommandShortcut({ className }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
 declare namespace CommandShortcut {
     var displayName: string;
 }

package/packages/level2/fd-component-toolbox/command/Command.js

@@ -13,19 +13,23 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function Command({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Command$1, {
     ref,
-    className: cn("bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md", className)
+    className: cn("bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md", className),
+    ...props
   });
 }
 __name(Command, "Command");
 Command.displayName = Command$1.displayName;
 function CommandDialog({
-  children
+  children,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Dialog, {
+    ...props,
     children: /* @__PURE__ */jsx(DialogContent, {
       className: "overflow-hidden p-0",
       children: /* @__PURE__ */jsx(Command, {
@@ -38,7 +42,8 @@ function CommandDialog({
 __name(CommandDialog, "CommandDialog");
 function CommandInput({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxs("div", {
     className: "flex items-center border-b px-3",
@@ -48,7 +53,8 @@ function CommandInput({
       className: "mr-2 shrink-0 opacity-50"
     }), /* @__PURE__ */jsx(Command$1.Input, {
       ref,
-      className: cn("placeholder:text-muted-foreground flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", className)
+      className: cn("placeholder:text-muted-foreground flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", className),
+      ...props
     })]
   });
 }
@@ -56,64 +62,76 @@ __name(CommandInput, "CommandInput");
 CommandInput.displayName = Command$1.Input.displayName;
 function CommandList({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Command$1.List, {
     ref,
-    className: cn("max-h-72 overflow-x-hidden overflow-y-auto", className)
+    className: cn("max-h-72 overflow-x-hidden overflow-y-auto", className),
+    ...props
   });
 }
 __name(CommandList, "CommandList");
 CommandList.displayName = Command$1.List.displayName;
 function CommandEmpty({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Command$1.Empty, {
     ref,
-    className: cn("py-6 text-center text-sm", className)
+    className: cn("py-6 text-center text-sm", className),
+    ...props
   });
 }
 __name(CommandEmpty, "CommandEmpty");
 CommandEmpty.displayName = Command$1.Empty.displayName;
 function CommandGroup({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Command$1.Group, {
     ref,
-    className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className)
+    className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+    ...props
   });
 }
 __name(CommandGroup, "CommandGroup");
 CommandGroup.displayName = Command$1.Group.displayName;
 function CommandSeparator({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Command$1.Separator, {
     ref,
-    className: cn("bg-border -mx-1 h-px", className)
+    className: cn("bg-border -mx-1 h-px", className),
+    ...props
   });
 }
 __name(CommandSeparator, "CommandSeparator");
 CommandSeparator.displayName = Command$1.Separator.displayName;
 function CommandItem({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsx(Command$1.Item, {
     ref,
-    className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className)
+    className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className),
+    ...props
   });
 }
 __name(CommandItem, "CommandItem");
 CommandItem.displayName = Command$1.Item.displayName;
 function CommandShortcut({
-  className
+  className,
+  ...props
 }) {
   return /* @__PURE__ */jsx("span", {
-    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className)
+    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+    ...props
   });
 }
 __name(CommandShortcut, "CommandShortcut");

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

@@ -4,7 +4,7 @@
 var dateTimes = require('../../../fd-toolbox/dates/date-times.cjs.js');
 var valueCheckingFunctions = require('../../../fd-toolbox/functions/value-checking-functions.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x480067,_0x191b5d)=>__defProp(_0x480067,'name',{'value':_0x191b5d,'configurable':!![]});function localizedFormat(_0x5a7c4a,_0x5bf272){return _0x5bf272?_0x5bf272['toLocaleDateString'](void(0x489+0xb88+-0x1011),{'day':'2-digit','month':'2-digit','year':'numeric'}):_0x5a7c4a;}__name(localizedFormat,'localizedFormat');function getDateWithTime(_0x560db9,_0x54cee8){return _0x560db9['setHours'](_0x54cee8['hours']),_0x560db9['setMinutes'](_0x54cee8['minutes']),_0x560db9;}__name(getDateWithTime,'getDateWithTime');function updateDateTimeWithNewHours(_0x5afca2,_0x210b1d,_0x4b62d9,_0x55c7f7=0xa1a+0x44*-0x2f+0x262,_0x3d7abd){_0x210b1d('hours',_0x55c7f7);const _0x528f12=dateTimes.parseToUtc(_0x3d7abd??dateTimes.getNowUtc());_0x528f12['setHours'](_0x55c7f7),_0x528f12['setMinutes'](_0x5afca2['minutes']),_0x4b62d9(_0x528f12);}__name(updateDateTimeWithNewHours,'updateDateTimeWithNewHours');function updateDateTimeWithNewMinutes(_0x44de39,_0xa29778,_0x4ddc14,_0x3807b2=-0xe*0x23+0x25a3+-0x23b9,_0x26c8ae){_0xa29778('minutes',_0x3807b2);const _0x220e8e=dateTimes.parseToUtc(_0x26c8ae??dateTimes.getNowUtc());_0x220e8e['setHours'](_0x44de39['hours']),_0x220e8e['setMinutes'](_0x3807b2),_0x4ddc14(_0x220e8e);}__name(updateDateTimeWithNewMinutes,'updateDateTimeWithNewMinutes');function updateHours(_0x2fc209,_0x50015e,_0x18cda1,_0x944685,_0x2354b5){if(valueCheckingFunctions.isEmptyNullOrUndefined(_0x2354b5)){let _0x257bfc=dateTimes.getNowUtc();_0x944685(_0x257bfc);}_0x2fc209>0x13f+0x10f8+-0x1220?updateDateTimeWithNewHours(_0x50015e,_0x18cda1,_0x944685,0x17bd+-0x1634*-0x1+-0x2dda,_0x2354b5):updateDateTimeWithNewHours(_0x50015e,_0x18cda1,_0x944685,_0x2fc209,_0x2354b5);}__name(updateHours,'updateHours');function updateMinutes(_0x510467,_0x523c05,_0x460176,_0x4551c6,_0x4bfaa3){if(valueCheckingFunctions.isEmptyNullOrUndefined(_0x4bfaa3)){let _0x111e9f=dateTimes.getNowUtc();_0x4551c6(_0x111e9f);}_0x510467>-0x2b*-0xaa+-0xf93+-0x20*0x66?updateDateTimeWithNewMinutes(_0x523c05,_0x460176,_0x4551c6,0x1*-0xfa9+-0x1*-0x2019+-0x1035,_0x4bfaa3):updateDateTimeWithNewMinutes(_0x523c05,_0x460176,_0x4551c6,_0x510467,_0x4bfaa3);}__name(updateMinutes,'updateMinutes');function updateDate(_0x494466,_0x1cc40e,_0xb75ec1,_0x55b20e){_0x55b20e&&(!_0xb75ec1?_0x1cc40e(_0x55b20e):_0x1cc40e(getDateWithTime(_0x55b20e,_0x494466)));}__name(updateDate,'updateDate');function resetDate(_0x54163a,_0x3d8165){_0x54163a?.(),_0x3d8165({'hours':0x0,'minutes':0x0});}__name(resetDate,'resetDate');function onDateChangeHandler(_0x4ba137,_0x91d7b6,_0x1724e5,_0x4441df,_0x234be8){updateDate(_0x4ba137,_0x91d7b6,_0x1724e5,_0x4441df),_0x234be8?.(_0x4441df);}__name(onDateChangeHandler,'onDateChangeHandler');function onDateResetHandler(_0x3b82ff,_0x2cb660,_0xd8187d,_0x5633d9){_0x3b82ff['stopPropagation'](),resetDate(_0x2cb660,_0xd8187d),_0x5633d9?.();}__name(onDateResetHandler,'onDateResetHandler');function handleDatePickerOpenChange(_0x2b8684,_0x2742c5,_0x2b3928){_0x2742c5(_0x2b8684),_0x2b3928?.(_0x2b8684);}__name(handleDatePickerOpenChange,'handleDatePickerOpenChange');
+var __defProp=Object['defineProperty'],__name=(_0x32294d,_0x51923e)=>__defProp(_0x32294d,'name',{'value':_0x51923e,'configurable':!![]});function localizedFormat(_0x3cefb2,_0x59ede9){return _0x59ede9?_0x59ede9['toLocaleDateString'](void(-0x1cc4+0x2036+0x12*-0x31),{'day':'2-digit','month':'2-digit','year':'numeric'}):_0x3cefb2;}__name(localizedFormat,'localizedFormat');function getDateWithTime(_0x13a15e,_0x540d19){return _0x13a15e['setHours'](_0x540d19['hours']),_0x13a15e['setMinutes'](_0x540d19['minutes']),_0x13a15e;}__name(getDateWithTime,'getDateWithTime');function updateDateTimeWithNewHours(_0x886583,_0x4292a9,_0x1797a4,_0x553b52=-0x240b+0x8*-0x202+-0x341b*-0x1,_0x214b03){_0x4292a9('hours',_0x553b52);const _0x5a2701=dateTimes.parseToUtc(_0x214b03??dateTimes.getNowUtc());_0x5a2701['setHours'](_0x553b52),_0x5a2701['setMinutes'](_0x886583['minutes']),_0x1797a4(_0x5a2701);}__name(updateDateTimeWithNewHours,'updateDateTimeWithNewHours');function updateDateTimeWithNewMinutes(_0x595d2e,_0xc1f701,_0x1c8029,_0xf740a1=-0x8b4+0x23eb+-0x1b37*0x1,_0x512690){_0xc1f701('minutes',_0xf740a1);const _0x17df69=dateTimes.parseToUtc(_0x512690??dateTimes.getNowUtc());_0x17df69['setHours'](_0x595d2e['hours']),_0x17df69['setMinutes'](_0xf740a1),_0x1c8029(_0x17df69);}__name(updateDateTimeWithNewMinutes,'updateDateTimeWithNewMinutes');function updateHours(_0x3670b4,_0xaab2d3,_0x5c93ac,_0x248884,_0x5522c8){if(valueCheckingFunctions.isEmptyNullOrUndefined(_0x5522c8)){let _0x47ecdc=dateTimes.getNowUtc();_0x248884(_0x47ecdc);}_0x3670b4>0xa97+-0x1af*-0x16+-0xa*0x4c1?updateDateTimeWithNewHours(_0xaab2d3,_0x5c93ac,_0x248884,-0xc3b*-0x2+0x75e+-0x1fbd,_0x5522c8):updateDateTimeWithNewHours(_0xaab2d3,_0x5c93ac,_0x248884,_0x3670b4,_0x5522c8);}__name(updateHours,'updateHours');function updateMinutes(_0x41414a,_0x4a7871,_0x23be78,_0x3dbb6f,_0xe9d674){if(valueCheckingFunctions.isEmptyNullOrUndefined(_0xe9d674)){let _0x2bee1a=dateTimes.getNowUtc();_0x3dbb6f(_0x2bee1a);}_0x41414a>-0x1*-0x260f+-0x155*0xb+0x1*-0x172d?updateDateTimeWithNewMinutes(_0x4a7871,_0x23be78,_0x3dbb6f,0x1*-0x1203+0x2*-0x126e+0x371a,_0xe9d674):updateDateTimeWithNewMinutes(_0x4a7871,_0x23be78,_0x3dbb6f,_0x41414a,_0xe9d674);}__name(updateMinutes,'updateMinutes');function updateDate(_0x3caefb,_0x1af5a6,_0x1db297,_0x354282){_0x354282&&(!_0x1db297?_0x1af5a6(_0x354282):_0x1af5a6(getDateWithTime(_0x354282,_0x3caefb)));}__name(updateDate,'updateDate');function resetDate(_0x2c091e,_0x35d460){_0x2c091e?.(),_0x35d460({'hours':0x0,'minutes':0x0});}__name(resetDate,'resetDate');function onDateChangeHandler(_0x23e369,_0x2864e8,_0x9f0452,_0x3869b2,_0x552715){updateDate(_0x23e369,_0x2864e8,_0x9f0452,_0x3869b2),_0x552715?.(_0x3869b2);}__name(onDateChangeHandler,'onDateChangeHandler');function onDateResetHandler(_0x4c621f,_0x351fea,_0x18a62f,_0x2ea343){_0x4c621f['stopPropagation'](),resetDate(_0x351fea,_0x18a62f),_0x2ea343?.();}__name(onDateResetHandler,'onDateResetHandler');function handleDatePickerOpenChange(_0x22191a,_0xf86de7,_0x4cdbfd){_0xf86de7(_0x22191a),_0x4cdbfd?.(_0x22191a);}__name(handleDatePickerOpenChange,'handleDatePickerOpenChange');
 
 exports.getDateWithTime = getDateWithTime;
 exports.handleDatePickerOpenChange = handleDatePickerOpenChange;

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

@@ -2,6 +2,6 @@
 import { parseToUtc, getNowUtc } from '../../../fd-toolbox/dates/date-times.js';
 import { isEmptyNullOrUndefined } from '../../../fd-toolbox/functions/value-checking-functions.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x480067,_0x191b5d)=>__defProp(_0x480067,'name',{'value':_0x191b5d,'configurable':!![]});function localizedFormat(_0x5a7c4a,_0x5bf272){return _0x5bf272?_0x5bf272['toLocaleDateString'](void(0x489+0xb88+-0x1011),{'day':'2-digit','month':'2-digit','year':'numeric'}):_0x5a7c4a;}__name(localizedFormat,'localizedFormat');function getDateWithTime(_0x560db9,_0x54cee8){return _0x560db9['setHours'](_0x54cee8['hours']),_0x560db9['setMinutes'](_0x54cee8['minutes']),_0x560db9;}__name(getDateWithTime,'getDateWithTime');function updateDateTimeWithNewHours(_0x5afca2,_0x210b1d,_0x4b62d9,_0x55c7f7=0xa1a+0x44*-0x2f+0x262,_0x3d7abd){_0x210b1d('hours',_0x55c7f7);const _0x528f12=parseToUtc(_0x3d7abd??getNowUtc());_0x528f12['setHours'](_0x55c7f7),_0x528f12['setMinutes'](_0x5afca2['minutes']),_0x4b62d9(_0x528f12);}__name(updateDateTimeWithNewHours,'updateDateTimeWithNewHours');function updateDateTimeWithNewMinutes(_0x44de39,_0xa29778,_0x4ddc14,_0x3807b2=-0xe*0x23+0x25a3+-0x23b9,_0x26c8ae){_0xa29778('minutes',_0x3807b2);const _0x220e8e=parseToUtc(_0x26c8ae??getNowUtc());_0x220e8e['setHours'](_0x44de39['hours']),_0x220e8e['setMinutes'](_0x3807b2),_0x4ddc14(_0x220e8e);}__name(updateDateTimeWithNewMinutes,'updateDateTimeWithNewMinutes');function updateHours(_0x2fc209,_0x50015e,_0x18cda1,_0x944685,_0x2354b5){if(isEmptyNullOrUndefined(_0x2354b5)){let _0x257bfc=getNowUtc();_0x944685(_0x257bfc);}_0x2fc209>0x13f+0x10f8+-0x1220?updateDateTimeWithNewHours(_0x50015e,_0x18cda1,_0x944685,0x17bd+-0x1634*-0x1+-0x2dda,_0x2354b5):updateDateTimeWithNewHours(_0x50015e,_0x18cda1,_0x944685,_0x2fc209,_0x2354b5);}__name(updateHours,'updateHours');function updateMinutes(_0x510467,_0x523c05,_0x460176,_0x4551c6,_0x4bfaa3){if(isEmptyNullOrUndefined(_0x4bfaa3)){let _0x111e9f=getNowUtc();_0x4551c6(_0x111e9f);}_0x510467>-0x2b*-0xaa+-0xf93+-0x20*0x66?updateDateTimeWithNewMinutes(_0x523c05,_0x460176,_0x4551c6,0x1*-0xfa9+-0x1*-0x2019+-0x1035,_0x4bfaa3):updateDateTimeWithNewMinutes(_0x523c05,_0x460176,_0x4551c6,_0x510467,_0x4bfaa3);}__name(updateMinutes,'updateMinutes');function updateDate(_0x494466,_0x1cc40e,_0xb75ec1,_0x55b20e){_0x55b20e&&(!_0xb75ec1?_0x1cc40e(_0x55b20e):_0x1cc40e(getDateWithTime(_0x55b20e,_0x494466)));}__name(updateDate,'updateDate');function resetDate(_0x54163a,_0x3d8165){_0x54163a?.(),_0x3d8165({'hours':0x0,'minutes':0x0});}__name(resetDate,'resetDate');function onDateChangeHandler(_0x4ba137,_0x91d7b6,_0x1724e5,_0x4441df,_0x234be8){updateDate(_0x4ba137,_0x91d7b6,_0x1724e5,_0x4441df),_0x234be8?.(_0x4441df);}__name(onDateChangeHandler,'onDateChangeHandler');function onDateResetHandler(_0x3b82ff,_0x2cb660,_0xd8187d,_0x5633d9){_0x3b82ff['stopPropagation'](),resetDate(_0x2cb660,_0xd8187d),_0x5633d9?.();}__name(onDateResetHandler,'onDateResetHandler');function handleDatePickerOpenChange(_0x2b8684,_0x2742c5,_0x2b3928){_0x2742c5(_0x2b8684),_0x2b3928?.(_0x2b8684);}__name(handleDatePickerOpenChange,'handleDatePickerOpenChange');
+var __defProp=Object['defineProperty'],__name=(_0x32294d,_0x51923e)=>__defProp(_0x32294d,'name',{'value':_0x51923e,'configurable':!![]});function localizedFormat(_0x3cefb2,_0x59ede9){return _0x59ede9?_0x59ede9['toLocaleDateString'](void(-0x1cc4+0x2036+0x12*-0x31),{'day':'2-digit','month':'2-digit','year':'numeric'}):_0x3cefb2;}__name(localizedFormat,'localizedFormat');function getDateWithTime(_0x13a15e,_0x540d19){return _0x13a15e['setHours'](_0x540d19['hours']),_0x13a15e['setMinutes'](_0x540d19['minutes']),_0x13a15e;}__name(getDateWithTime,'getDateWithTime');function updateDateTimeWithNewHours(_0x886583,_0x4292a9,_0x1797a4,_0x553b52=-0x240b+0x8*-0x202+-0x341b*-0x1,_0x214b03){_0x4292a9('hours',_0x553b52);const _0x5a2701=parseToUtc(_0x214b03??getNowUtc());_0x5a2701['setHours'](_0x553b52),_0x5a2701['setMinutes'](_0x886583['minutes']),_0x1797a4(_0x5a2701);}__name(updateDateTimeWithNewHours,'updateDateTimeWithNewHours');function updateDateTimeWithNewMinutes(_0x595d2e,_0xc1f701,_0x1c8029,_0xf740a1=-0x8b4+0x23eb+-0x1b37*0x1,_0x512690){_0xc1f701('minutes',_0xf740a1);const _0x17df69=parseToUtc(_0x512690??getNowUtc());_0x17df69['setHours'](_0x595d2e['hours']),_0x17df69['setMinutes'](_0xf740a1),_0x1c8029(_0x17df69);}__name(updateDateTimeWithNewMinutes,'updateDateTimeWithNewMinutes');function updateHours(_0x3670b4,_0xaab2d3,_0x5c93ac,_0x248884,_0x5522c8){if(isEmptyNullOrUndefined(_0x5522c8)){let _0x47ecdc=getNowUtc();_0x248884(_0x47ecdc);}_0x3670b4>0xa97+-0x1af*-0x16+-0xa*0x4c1?updateDateTimeWithNewHours(_0xaab2d3,_0x5c93ac,_0x248884,-0xc3b*-0x2+0x75e+-0x1fbd,_0x5522c8):updateDateTimeWithNewHours(_0xaab2d3,_0x5c93ac,_0x248884,_0x3670b4,_0x5522c8);}__name(updateHours,'updateHours');function updateMinutes(_0x41414a,_0x4a7871,_0x23be78,_0x3dbb6f,_0xe9d674){if(isEmptyNullOrUndefined(_0xe9d674)){let _0x2bee1a=getNowUtc();_0x3dbb6f(_0x2bee1a);}_0x41414a>-0x1*-0x260f+-0x155*0xb+0x1*-0x172d?updateDateTimeWithNewMinutes(_0x4a7871,_0x23be78,_0x3dbb6f,0x1*-0x1203+0x2*-0x126e+0x371a,_0xe9d674):updateDateTimeWithNewMinutes(_0x4a7871,_0x23be78,_0x3dbb6f,_0x41414a,_0xe9d674);}__name(updateMinutes,'updateMinutes');function updateDate(_0x3caefb,_0x1af5a6,_0x1db297,_0x354282){_0x354282&&(!_0x1db297?_0x1af5a6(_0x354282):_0x1af5a6(getDateWithTime(_0x354282,_0x3caefb)));}__name(updateDate,'updateDate');function resetDate(_0x2c091e,_0x35d460){_0x2c091e?.(),_0x35d460({'hours':0x0,'minutes':0x0});}__name(resetDate,'resetDate');function onDateChangeHandler(_0x23e369,_0x2864e8,_0x9f0452,_0x3869b2,_0x552715){updateDate(_0x23e369,_0x2864e8,_0x9f0452,_0x3869b2),_0x552715?.(_0x3869b2);}__name(onDateChangeHandler,'onDateChangeHandler');function onDateResetHandler(_0x4c621f,_0x351fea,_0x18a62f,_0x2ea343){_0x4c621f['stopPropagation'](),resetDate(_0x351fea,_0x18a62f),_0x2ea343?.();}__name(onDateResetHandler,'onDateResetHandler');function handleDatePickerOpenChange(_0x22191a,_0xf86de7,_0x4cdbfd){_0xf86de7(_0x22191a),_0x4cdbfd?.(_0x22191a);}__name(handleDatePickerOpenChange,'handleDatePickerOpenChange');
 
 export { getDateWithTime, handleDatePickerOpenChange, localizedFormat, onDateChangeHandler, onDateResetHandler, resetDate, updateDate, updateDateTimeWithNewHours, updateDateTimeWithNewMinutes, updateHours, updateMinutes };

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

@@ -37,11 +37,13 @@ const DialogPortal = DialogPrimitive__namespace.Portal;
 const DialogClose = DialogPrimitive__namespace.Close;
 function DialogOverlay({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, {
     ref,
-    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)
+    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),
+    ...props
   });
 }
 __name(DialogOverlay, "DialogOverlay");
@@ -50,16 +52,14 @@ function DialogContent({
   className,
   children,
   closeButtonShown,
-  onEscapeKeyDown,
-  onInteractOutside,
-  ref
+  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 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),
-      onEscapeKeyDown,
-      onInteractOutside,
+      ...props,
       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, {
@@ -76,22 +76,22 @@ __name(DialogContent, "DialogContent");
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
 function DialogHeader({
   className,
-  children
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     className: utils.cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
-    children
+    ...props
   });
 }
 __name(DialogHeader, "DialogHeader");
 DialogHeader.displayName = "DialogHeader";
 function DialogFooter({
   className,
-  children
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     className: utils.cn("flex flex-row items-end justify-end space-x-2", className),
-    children
+    ...props
   });
 }
 __name(DialogFooter, "DialogFooter");
@@ -99,23 +99,25 @@ DialogFooter.displayName = "DialogFooter";
 function DialogTitle({
   className,
   ref,
-  children
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(DialogPrimitive__namespace.Title, {
     ref,
     className: utils.cn("text-lg leading-none font-semibold tracking-tight", className),
-    children
+    ...props
   });
 }
 __name(DialogTitle, "DialogTitle");
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
 function DialogDescription({
   className,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(DialogPrimitive__namespace.Description, {
     ref,
-    className: utils.cn("text-muted-foreground text-sm", className)
+    className: utils.cn("text-muted-foreground text-sm", className),
+    ...props
   });
 }
 __name(DialogDescription, "DialogDescription");

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

@@ -1,6 +1,5 @@
 import React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
 /**
  * Modal dialog root component
  *
@@ -38,92 +37,66 @@ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
  * Based on [Dialog.Close](https:/ui.shadcn.com/docs/components/dialog)
  */
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-interface DialogOverlayProps {
-    className?: string;
-    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Overlay>>;
-}
 /**
  * Semi-transparent backdrop
  *
  * Based on [Dialog.Overlay](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogOverlay({ className, ref }: DialogOverlayProps): React.JSX.Element;
+declare function DialogOverlay({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {
+    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Overlay>>;
+}): React.JSX.Element;
 declare namespace DialogOverlay {
     var displayName: string;
 }
-type PointerDownOutsideEvent = CustomEvent<{
-    originalEvent: PointerEvent;
-}>;
-type FocusOutsideEvent = CustomEvent<{
-    originalEvent: FocusEvent;
-}>;
-interface DialogContentProps {
-    className?: string;
-    children?: React.ReactNode;
-    closeButtonShown?: boolean;
-    onEscapeKeyDown?: VoidFunc<KeyboardEvent>;
-    onInteractOutside?: VoidFunc<PointerDownOutsideEvent | FocusOutsideEvent>;
-    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Content>>;
-}
 /**
  * Main content container for the dialog
  *
  * Based on [Dialog.Content](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogContent({ className, children, closeButtonShown, onEscapeKeyDown, onInteractOutside, ref, }: DialogContentProps): React.JSX.Element;
+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 {
     var displayName: string;
 }
-interface DialogHeaderProps {
-    className?: string;
-    children?: React.ReactNode;
-}
 /**
  * Dialog header
  *
  * Based on [Dialog](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogHeader({ className, children }: DialogHeaderProps): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace DialogHeader {
     var displayName: string;
 }
-interface DialogFooterProps {
-    className?: string;
-    children?: React.ReactNode;
-}
 /**
  * Dialog footer
  *
  * Based on [Dialog](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogFooter({ className, children }: DialogFooterProps): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace DialogFooter {
     var displayName: string;
 }
-interface DialogTitleProps {
-    className?: string;
-    children?: React.ReactNode;
-    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Title>>;
-}
 /**
  *  Title component for the dialog header
  *
  * Based on [Dialog.Title](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogTitle({ className, ref, children }: DialogTitleProps): React.JSX.Element;
+declare function DialogTitle({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & {
+    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Title>>;
+}): React.JSX.Element;
 declare namespace DialogTitle {
     var displayName: string;
 }
-interface DialogHeaderProps {
-    className?: string;
-    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Description>>;
-}
 /**
  * Description text component for the dialog
  *
  * Based on [Dialog.Description](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogDescription({ className, ref }: DialogHeaderProps): React.JSX.Element;
+declare function DialogDescription({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {
+    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Description>>;
+}): React.JSX.Element;
 declare namespace DialogDescription {
     var displayName: string;
 }