@fernir2/saas-kit 0.0.162 → 0.0.164

package/packages/level2/fd-component-toolbox/badge-toggle-list/BadgeToggleList.funcs.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x224977,_0x34e1a4)=>__defProp(_0x224977,'name',{'value':_0x34e1a4,'configurable':!![]});function onUpdateSelection(_0x16b5d2,_0x5a182e,_0x281ee4,_0x2011fd,_0x4d5371){_0x281ee4(_0x16b5d2),_0x2011fd(_0x16b5d2['length']===_0x5a182e),_0x4d5371?.(_0x16b5d2);}__name(onUpdateSelection,'onUpdateSelection');function onToggleItem(_0x2adb28,_0x304c61,_0x44de29,_0x3c1f5c,_0x18f757){let _0x50a524;if(_0x3c1f5c)_0x50a524=[_0x2adb28];else _0x44de29['includes'](_0x2adb28)?_0x44de29['length']===0x4e2*-0x4+0x137f+0xa?_0x50a524=_0x304c61:_0x50a524=_0x44de29['filter'](_0x4d5dee=>_0x4d5dee!==_0x2adb28):_0x50a524=[..._0x44de29,_0x2adb28];_0x18f757(_0x50a524);}__name(onToggleItem,'onToggleItem');function getBadgeClasses(_0xc18d24,_0x5b2d9c,_0x5b872b,_0x47fd02,_0x5477b9){if(_0x5b2d9c)return _0x5477b9;return _0x5b872b['includes'](_0xc18d24)?_0x47fd02:_0x5477b9;}__name(getBadgeClasses,'getBadgeClasses');
+var __defProp=Object['defineProperty'],__name=(_0x39d36f,_0x4570ec)=>__defProp(_0x39d36f,'name',{'value':_0x4570ec,'configurable':!![]});function onUpdateSelection(_0x2690fa,_0x95948f,_0x4a08c6,_0x43e3c1,_0x27c77e){_0x4a08c6(_0x2690fa),_0x43e3c1(_0x2690fa['length']===_0x95948f),_0x27c77e?.(_0x2690fa);}__name(onUpdateSelection,'onUpdateSelection');function onToggleItem(_0x149e57,_0x29a8ea,_0x14fc43,_0x2070f4,_0x2ba427){let _0x412455;if(_0x2070f4)_0x412455=[_0x149e57];else _0x14fc43['includes'](_0x149e57)?_0x14fc43['length']===0x218f+0xf15+-0x30a3?_0x412455=_0x29a8ea:_0x412455=_0x14fc43['filter'](_0x4d9dd1=>_0x4d9dd1!==_0x149e57):_0x412455=[..._0x14fc43,_0x149e57];_0x2ba427(_0x412455);}__name(onToggleItem,'onToggleItem');function getBadgeClasses(_0xb4c1bb,_0x23f5fb,_0x1a49b5,_0x5497c2,_0x4ff36b){if(_0x23f5fb)return _0x4ff36b;return _0x1a49b5['includes'](_0xb4c1bb)?_0x5497c2:_0x4ff36b;}__name(getBadgeClasses,'getBadgeClasses');
 
 exports.getBadgeClasses = getBadgeClasses;
 exports.onToggleItem = onToggleItem;

package/packages/level2/fd-component-toolbox/badge-toggle-list/BadgeToggleList.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x224977,_0x34e1a4)=>__defProp(_0x224977,'name',{'value':_0x34e1a4,'configurable':!![]});function onUpdateSelection(_0x16b5d2,_0x5a182e,_0x281ee4,_0x2011fd,_0x4d5371){_0x281ee4(_0x16b5d2),_0x2011fd(_0x16b5d2['length']===_0x5a182e),_0x4d5371?.(_0x16b5d2);}__name(onUpdateSelection,'onUpdateSelection');function onToggleItem(_0x2adb28,_0x304c61,_0x44de29,_0x3c1f5c,_0x18f757){let _0x50a524;if(_0x3c1f5c)_0x50a524=[_0x2adb28];else _0x44de29['includes'](_0x2adb28)?_0x44de29['length']===0x4e2*-0x4+0x137f+0xa?_0x50a524=_0x304c61:_0x50a524=_0x44de29['filter'](_0x4d5dee=>_0x4d5dee!==_0x2adb28):_0x50a524=[..._0x44de29,_0x2adb28];_0x18f757(_0x50a524);}__name(onToggleItem,'onToggleItem');function getBadgeClasses(_0xc18d24,_0x5b2d9c,_0x5b872b,_0x47fd02,_0x5477b9){if(_0x5b2d9c)return _0x5477b9;return _0x5b872b['includes'](_0xc18d24)?_0x47fd02:_0x5477b9;}__name(getBadgeClasses,'getBadgeClasses');
+var __defProp=Object['defineProperty'],__name=(_0x39d36f,_0x4570ec)=>__defProp(_0x39d36f,'name',{'value':_0x4570ec,'configurable':!![]});function onUpdateSelection(_0x2690fa,_0x95948f,_0x4a08c6,_0x43e3c1,_0x27c77e){_0x4a08c6(_0x2690fa),_0x43e3c1(_0x2690fa['length']===_0x95948f),_0x27c77e?.(_0x2690fa);}__name(onUpdateSelection,'onUpdateSelection');function onToggleItem(_0x149e57,_0x29a8ea,_0x14fc43,_0x2070f4,_0x2ba427){let _0x412455;if(_0x2070f4)_0x412455=[_0x149e57];else _0x14fc43['includes'](_0x149e57)?_0x14fc43['length']===0x218f+0xf15+-0x30a3?_0x412455=_0x29a8ea:_0x412455=_0x14fc43['filter'](_0x4d9dd1=>_0x4d9dd1!==_0x149e57):_0x412455=[..._0x14fc43,_0x149e57];_0x2ba427(_0x412455);}__name(onToggleItem,'onToggleItem');function getBadgeClasses(_0xb4c1bb,_0x23f5fb,_0x1a49b5,_0x5497c2,_0x4ff36b){if(_0x23f5fb)return _0x4ff36b;return _0x1a49b5['includes'](_0xb4c1bb)?_0x5497c2:_0x4ff36b;}__name(getBadgeClasses,'getBadgeClasses');
 
 export { getBadgeClasses, onToggleItem, onUpdateSelection };

package/packages/level2/fd-component-toolbox/button/Button.cjs.js

@@ -8,31 +8,12 @@ var classVarianceAuthority = require('class-variance-authority');
 var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
 var Tooltip = require('../tooltip/Tooltip.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 React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const buttonVariants = classVarianceAuthority.cva("focus-visible:ring-primary inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50", {
+const buttonVariants = classVarianceAuthority.cva("focus-visible:ring-primary inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
@@ -67,10 +48,18 @@ const Button = /* @__PURE__ */__name(({
   tooltipClassName,
   tooltipAlign,
   children,
+  onClick,
+  id,
+  disabled,
+  type,
+  style,
+  tabIndex,
+  title,
+  onMouseEnter,
   ref,
   ...props
 }) => {
-  const hasButtonAsChild = React__namespace.Children.toArray(children).some(child => React__namespace.isValidElement(child) && child.type === "button");
+  const hasButtonAsChild = React.Children.toArray(children).some(child => React.isValidElement(child) && child.type === "button");
   const Comp = asChild || hasButtonAsChild ? reactSlot.Slot : "button";
   if (!tooltipText) {
     return /* @__PURE__ */jsxRuntime.jsx(Comp, {
@@ -80,6 +69,14 @@ const Button = /* @__PURE__ */__name(({
         className
       })),
       ref,
+      onClick,
+      id,
+      disabled,
+      type,
+      style,
+      tabIndex,
+      title,
+      onMouseEnter,
       ...props,
       children
     });
@@ -96,6 +93,14 @@ const Button = /* @__PURE__ */__name(({
               className
             })),
             ref,
+            onClick,
+            id,
+            disabled,
+            type,
+            style,
+            tabIndex,
+            title,
+            onMouseEnter,
             ...props,
             children
           })

package/packages/level2/fd-component-toolbox/button/Button.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { type VariantProps } from "class-variance-authority";
 import { TooltipContentSideString, TooltipAlignString } from "../tooltip/Tooltip";
 /**
@@ -11,7 +11,17 @@ export declare const buttonVariants: (props?: {
 /**
  * Extends {@link https:/cva.style/docs/getting-started/variants VariantProps} of {@link buttonVariants}
  */
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+export interface ButtonProps extends VariantProps<typeof buttonVariants> {
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    id?: string;
+    type?: "button" | "submit" | "reset";
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    title?: string;
+    disabled?: boolean;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
     /**
      * If true, renders the button as a child component using Radix UI Slot, allowing composition with other components
      */
@@ -46,6 +56,6 @@ export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
  * Based on {@link https:/www.radix-ui.com/primitives/docs/utilities/slot Slot}
  */
 export declare const Button: {
-    ({ className, variant, size, asChild, tooltipText, tooltipSide, tooltipClassName, tooltipAlign, children, ref, ...props }: ButtonProps): React.JSX.Element;
+    ({ className, variant, size, asChild, tooltipText, tooltipSide, tooltipClassName, tooltipAlign, children, onClick, id, disabled, type, style, tabIndex, title, onMouseEnter, ref, ...props }: ButtonProps): React.JSX.Element;
     displayName: string;
 };

package/packages/level2/fd-component-toolbox/button/Button.funcs.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x2c19c1,_0x283bbf)=>__defProp(_0x2c19c1,'name',{'value':_0x283bbf,'configurable':!![]});function handleClick(_0x3b20d1,_0x28ce76){!_0x3b20d1&&_0x28ce76();}__name(handleClick,'handleClick');
+var __defProp=Object['defineProperty'],__name=(_0x4f73d1,_0x16c1bb)=>__defProp(_0x4f73d1,'name',{'value':_0x16c1bb,'configurable':!![]});function handleClick(_0x5b740a,_0x52ec77){!_0x5b740a&&_0x52ec77();}__name(handleClick,'handleClick');
 
 exports.handleClick = handleClick;

package/packages/level2/fd-component-toolbox/button/Button.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x2c19c1,_0x283bbf)=>__defProp(_0x2c19c1,'name',{'value':_0x283bbf,'configurable':!![]});function handleClick(_0x3b20d1,_0x28ce76){!_0x3b20d1&&_0x28ce76();}__name(handleClick,'handleClick');
+var __defProp=Object['defineProperty'],__name=(_0x4f73d1,_0x16c1bb)=>__defProp(_0x4f73d1,'name',{'value':_0x16c1bb,'configurable':!![]});function handleClick(_0x5b740a,_0x52ec77){!_0x5b740a&&_0x52ec77();}__name(handleClick,'handleClick');
 
 export { handleClick };

package/packages/level2/fd-component-toolbox/button/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as React from 'react';
+import React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
@@ -11,7 +11,7 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const buttonVariants = cva("focus-visible:ring-primary inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50", {
+const buttonVariants = cva("focus-visible:ring-primary inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
@@ -46,6 +46,14 @@ const Button = /* @__PURE__ */__name(({
   tooltipClassName,
   tooltipAlign,
   children,
+  onClick,
+  id,
+  disabled,
+  type,
+  style,
+  tabIndex,
+  title,
+  onMouseEnter,
   ref,
   ...props
 }) => {
@@ -59,6 +67,14 @@ const Button = /* @__PURE__ */__name(({
         className
       })),
       ref,
+      onClick,
+      id,
+      disabled,
+      type,
+      style,
+      tabIndex,
+      title,
+      onMouseEnter,
       ...props,
       children
     });
@@ -75,6 +91,14 @@ const Button = /* @__PURE__ */__name(({
               className
             })),
             ref,
+            onClick,
+            id,
+            disabled,
+            type,
+            style,
+            tabIndex,
+            title,
+            onMouseEnter,
             ...props,
             children
           })

package/packages/level2/fd-component-toolbox/calendar/Calendar.cjs.js

@@ -17,7 +17,7 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 const calendarChevronBaseClass = "flex items-center justify-center";
 const hoverAccentClass = "hover:bg-accent hover:text-accent-foreground";
-const calendarNavButtonBaseClass = "inline-flex size-[--cell-size] items-center justify-center rounded-md transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50";
+const calendarNavButtonBaseClass = "inline-flex size-[--cell-size] items-center cursor-pointer justify-center rounded-md transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50";
 const calendarNavButtonClass = utils.cn(calendarNavButtonBaseClass, hoverAccentClass);
 const calendarChevrons = {
   left: {
@@ -55,19 +55,17 @@ function CalendarChevron({
 }
 __name(CalendarChevron, "CalendarChevron");
 function CalendarSelect({
-  children,
-  ...props
+  children
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs("div", {
     className: "relative",
     children: [/* @__PURE__ */jsxRuntime.jsx("select", {
-      ...props,
-      className: utils.cn("border-input h-[--cell-size] cursor-pointer appearance-none bg-transparent", "gap-1 rounded-md border pl-2 pr-6", "outline-none transition-all focus:ring-0", hoverAccentClass),
+      className: utils.cn("border-input h-[--cell-size] cursor-pointer appearance-none bg-transparent", "gap-1 rounded-md border pr-6 pl-2", "transition-all outline-none focus:ring-0", hoverAccentClass),
       children
     }), /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
       name: Icon.iconNames.chevronDown,
       size: Icon.iconSizes.extraSmall,
-      className: "text-fd-accent pointer-events-none absolute right-2 top-1/2 -translate-y-1/2"
+      className: "text-fd-accent pointer-events-none absolute top-1/2 right-2 -translate-y-1/2"
     })]
   });
 }
@@ -75,8 +73,7 @@ __name(CalendarSelect, "CalendarSelect");
 function CalendarDayButton({
   className,
   day,
-  modifiers,
-  ...props
+  modifiers
 }) {
   const calendarDayButtonRef = React.useRef(null);
   const dayIsFocused = Calendar_funcs.isFocusedDay(modifiers);
@@ -87,13 +84,15 @@ function CalendarDayButton({
     ref: calendarDayButtonRef,
     variant: "ghost",
     size: "icon",
+    style: {
+      minWidth: "var(--cell-size, 2rem)"
+    },
     "data-day": day.date.toLocaleDateString(),
     "data-selected-single": Calendar_funcs.isSingleSelectedDay(modifiers),
     "data-range-start": Calendar_funcs.isDayRangeStart(modifiers),
     "data-range-end": Calendar_funcs.isDayRangeEnd(modifiers),
     "data-range-middle": Calendar_funcs.isDayRangeMiddle(modifiers),
-    className: utils.cn("flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", className),
-    ...props
+    className: utils.cn("flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 leading-none font-normal", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", className)
   });
 }
 __name(CalendarDayButton, "CalendarDayButton");
@@ -103,13 +102,12 @@ function Calendar({
   showOutsideDays,
   captionLayout,
   formatters,
-  components,
-  ...props
+  components
 }) {
   const isLabelCaptionLayout = captionLayout === calendarConstants.calendarCaptionLayout.label;
   return /* @__PURE__ */jsxRuntime.jsx(reactDayPicker.DayPicker, {
     showOutsideDays: showOutsideDays ?? true,
-    className: utils.cn("[--cell-size:2rem]", className),
+    className: utils.cn("w-full", className),
     captionLayout: captionLayout ?? calendarConstants.calendarCaptionLayout.label,
     formatters: {
       formatMonthDropdown: /* @__PURE__ */__name(date => date.toLocaleString("default", {
@@ -118,24 +116,25 @@ function Calendar({
       ...formatters
     },
     classNames: {
-      months: "relative flex !flex-col sm:flex-row",
-      month: "space-y-4",
+      months: "relative w-full flex !flex-col sm:flex-row",
+      month: "space-y-4 px-4 w-full",
       month_caption: "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
-      caption_label: utils.cn(!isLabelCaptionLayout ? "hidden" : "flex h-8 select-none items-center gap-1 rounded-md pl-2 pr-1 text-sm font-medium"),
-      nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+      month_grid: "w-full",
+      caption_label: utils.cn(!isLabelCaptionLayout ? "hidden" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm font-medium select-none"),
+      nav: "absolute py-1 inset-x-0 top-0 flex w-full items-center justify-between gap-1",
       button_previous: calendarNavButtonClass,
       button_next: calendarNavButtonClass,
       dropdowns: "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
-      dropdown_root: "border-input relative rounded-md border",
+      dropdown_root: "border-input text-muted-foreground relative rounded-md border",
       dropdown: "bg-popover absolute inset-0 opacity-0",
       dropdown_icon: "text-muted-foreground",
-      table: "w-full border-collapse space-y-1",
-      weekdays: "flex",
+      table: "w-full border-collapse table-fixed",
+      weekdays: "flex w-full",
       weekday: "text-muted-foreground flex-1 select-none rounded-md text-sm font-normal",
       week: "mt-2 flex w-full",
       week_number_header: "w-[--cell-size] select-none",
       week_number: "text-muted-foreground select-none text-sm",
-      day: "relative aspect-square size-full select-none p-0 text-center",
+      day: "relative text-muted-foreground aspect-square size-full select-none p-0 text-center",
       range_start: "range_start",
       range_end: "range_end",
       today: "bg-accent text-accent-foreground rounded-md",
@@ -150,8 +149,7 @@ function Calendar({
       DayButton: CalendarDayButton,
       Select: CalendarSelect,
       ...components
-    },
-    ...props
+    }
   });
 }
 __name(Calendar, "Calendar");

package/packages/level2/fd-component-toolbox/calendar/Calendar.d.ts

@@ -38,5 +38,5 @@ function MyComponent() {
 }
 * ```
  */
-export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: CalendarProps): React.JSX.Element;
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, }: CalendarProps): React.JSX.Element;
 export {};

package/packages/level2/fd-component-toolbox/calendar/Calendar.funcs.cjs.js

@@ -3,7 +3,7 @@
 
 var calendarConstants = require('./calendar-constants.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0xc6794d,_0x511e73)=>__defProp(_0xc6794d,'name',{'value':_0x511e73,'configurable':!![]});function isSingleSelectedDay(_0x38c2c2){return _0x38c2c2[calendarConstants.calendarModifiers['selected']]&&!isDayRangeStart(_0x38c2c2)&&!isDayRangeEnd(_0x38c2c2)&&!isDayRangeMiddle(_0x38c2c2);}__name(isSingleSelectedDay,'isSingleSelectedDay');function isFocusedDay(_0x32dbf7){return _0x32dbf7[calendarConstants.calendarModifiers['focused']];}__name(isFocusedDay,'isFocusedDay');function isDayRangeStart(_0xdbb248){return _0xdbb248[calendarConstants.calendarModifiers['rangeStart']];}__name(isDayRangeStart,'isDayRangeStart');function isDayRangeEnd(_0x32c9da){return _0x32c9da[calendarConstants.calendarModifiers['rangeEnd']];}__name(isDayRangeEnd,'isDayRangeEnd');function isDayRangeMiddle(_0x23871c){return _0x23871c[calendarConstants.calendarModifiers['rangeMiddle']];}__name(isDayRangeMiddle,'isDayRangeMiddle');
+var __defProp=Object['defineProperty'],__name=(_0x13d347,_0x30777d)=>__defProp(_0x13d347,'name',{'value':_0x30777d,'configurable':!![]});function isSingleSelectedDay(_0x146ef1){return _0x146ef1[calendarConstants.calendarModifiers['selected']]&&!isDayRangeStart(_0x146ef1)&&!isDayRangeEnd(_0x146ef1)&&!isDayRangeMiddle(_0x146ef1);}__name(isSingleSelectedDay,'isSingleSelectedDay');function isFocusedDay(_0x53eef7){return _0x53eef7[calendarConstants.calendarModifiers['focused']];}__name(isFocusedDay,'isFocusedDay');function isDayRangeStart(_0x46c705){return _0x46c705[calendarConstants.calendarModifiers['rangeStart']];}__name(isDayRangeStart,'isDayRangeStart');function isDayRangeEnd(_0x2d4ed4){return _0x2d4ed4[calendarConstants.calendarModifiers['rangeEnd']];}__name(isDayRangeEnd,'isDayRangeEnd');function isDayRangeMiddle(_0x86ce4){return _0x86ce4[calendarConstants.calendarModifiers['rangeMiddle']];}__name(isDayRangeMiddle,'isDayRangeMiddle');
 
 exports.isDayRangeEnd = isDayRangeEnd;
 exports.isDayRangeMiddle = isDayRangeMiddle;

package/packages/level2/fd-component-toolbox/calendar/Calendar.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { calendarModifiers } from './calendar-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0xc6794d,_0x511e73)=>__defProp(_0xc6794d,'name',{'value':_0x511e73,'configurable':!![]});function isSingleSelectedDay(_0x38c2c2){return _0x38c2c2[calendarModifiers['selected']]&&!isDayRangeStart(_0x38c2c2)&&!isDayRangeEnd(_0x38c2c2)&&!isDayRangeMiddle(_0x38c2c2);}__name(isSingleSelectedDay,'isSingleSelectedDay');function isFocusedDay(_0x32dbf7){return _0x32dbf7[calendarModifiers['focused']];}__name(isFocusedDay,'isFocusedDay');function isDayRangeStart(_0xdbb248){return _0xdbb248[calendarModifiers['rangeStart']];}__name(isDayRangeStart,'isDayRangeStart');function isDayRangeEnd(_0x32c9da){return _0x32c9da[calendarModifiers['rangeEnd']];}__name(isDayRangeEnd,'isDayRangeEnd');function isDayRangeMiddle(_0x23871c){return _0x23871c[calendarModifiers['rangeMiddle']];}__name(isDayRangeMiddle,'isDayRangeMiddle');
+var __defProp=Object['defineProperty'],__name=(_0x13d347,_0x30777d)=>__defProp(_0x13d347,'name',{'value':_0x30777d,'configurable':!![]});function isSingleSelectedDay(_0x146ef1){return _0x146ef1[calendarModifiers['selected']]&&!isDayRangeStart(_0x146ef1)&&!isDayRangeEnd(_0x146ef1)&&!isDayRangeMiddle(_0x146ef1);}__name(isSingleSelectedDay,'isSingleSelectedDay');function isFocusedDay(_0x53eef7){return _0x53eef7[calendarModifiers['focused']];}__name(isFocusedDay,'isFocusedDay');function isDayRangeStart(_0x46c705){return _0x46c705[calendarModifiers['rangeStart']];}__name(isDayRangeStart,'isDayRangeStart');function isDayRangeEnd(_0x2d4ed4){return _0x2d4ed4[calendarModifiers['rangeEnd']];}__name(isDayRangeEnd,'isDayRangeEnd');function isDayRangeMiddle(_0x86ce4){return _0x86ce4[calendarModifiers['rangeMiddle']];}__name(isDayRangeMiddle,'isDayRangeMiddle');
 
 export { isDayRangeEnd, isDayRangeMiddle, isDayRangeStart, isFocusedDay, isSingleSelectedDay };

package/packages/level2/fd-component-toolbox/calendar/Calendar.js

@@ -15,7 +15,7 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 const calendarChevronBaseClass = "flex items-center justify-center";
 const hoverAccentClass = "hover:bg-accent hover:text-accent-foreground";
-const calendarNavButtonBaseClass = "inline-flex size-[--cell-size] items-center justify-center rounded-md transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50";
+const calendarNavButtonBaseClass = "inline-flex size-[--cell-size] items-center cursor-pointer justify-center rounded-md transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50";
 const calendarNavButtonClass = cn(calendarNavButtonBaseClass, hoverAccentClass);
 const calendarChevrons = {
   left: {
@@ -53,19 +53,17 @@ function CalendarChevron({
 }
 __name(CalendarChevron, "CalendarChevron");
 function CalendarSelect({
-  children,
-  ...props
+  children
 }) {
   return /* @__PURE__ */jsxs("div", {
     className: "relative",
     children: [/* @__PURE__ */jsx("select", {
-      ...props,
-      className: cn("border-input h-[--cell-size] cursor-pointer appearance-none bg-transparent", "gap-1 rounded-md border pl-2 pr-6", "outline-none transition-all focus:ring-0", hoverAccentClass),
+      className: cn("border-input h-[--cell-size] cursor-pointer appearance-none bg-transparent", "gap-1 rounded-md border pr-6 pl-2", "transition-all outline-none focus:ring-0", hoverAccentClass),
       children
     }), /* @__PURE__ */jsx(Icon, {
       name: iconNames.chevronDown,
       size: iconSizes.extraSmall,
-      className: "text-fd-accent pointer-events-none absolute right-2 top-1/2 -translate-y-1/2"
+      className: "text-fd-accent pointer-events-none absolute top-1/2 right-2 -translate-y-1/2"
     })]
   });
 }
@@ -73,8 +71,7 @@ __name(CalendarSelect, "CalendarSelect");
 function CalendarDayButton({
   className,
   day,
-  modifiers,
-  ...props
+  modifiers
 }) {
   const calendarDayButtonRef = useRef(null);
   const dayIsFocused = isFocusedDay(modifiers);
@@ -85,13 +82,15 @@ function CalendarDayButton({
     ref: calendarDayButtonRef,
     variant: "ghost",
     size: "icon",
+    style: {
+      minWidth: "var(--cell-size, 2rem)"
+    },
     "data-day": day.date.toLocaleDateString(),
     "data-selected-single": isSingleSelectedDay(modifiers),
     "data-range-start": isDayRangeStart(modifiers),
     "data-range-end": isDayRangeEnd(modifiers),
     "data-range-middle": isDayRangeMiddle(modifiers),
-    className: cn("flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", className),
-    ...props
+    className: cn("flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 leading-none font-normal", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", className)
   });
 }
 __name(CalendarDayButton, "CalendarDayButton");
@@ -101,13 +100,12 @@ function Calendar({
   showOutsideDays,
   captionLayout,
   formatters,
-  components,
-  ...props
+  components
 }) {
   const isLabelCaptionLayout = captionLayout === calendarCaptionLayout.label;
   return /* @__PURE__ */jsx(DayPicker, {
     showOutsideDays: showOutsideDays ?? true,
-    className: cn("[--cell-size:2rem]", className),
+    className: cn("w-full", className),
     captionLayout: captionLayout ?? calendarCaptionLayout.label,
     formatters: {
       formatMonthDropdown: /* @__PURE__ */__name(date => date.toLocaleString("default", {
@@ -116,24 +114,25 @@ function Calendar({
       ...formatters
     },
     classNames: {
-      months: "relative flex !flex-col sm:flex-row",
-      month: "space-y-4",
+      months: "relative w-full flex !flex-col sm:flex-row",
+      month: "space-y-4 px-4 w-full",
       month_caption: "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
-      caption_label: cn(!isLabelCaptionLayout ? "hidden" : "flex h-8 select-none items-center gap-1 rounded-md pl-2 pr-1 text-sm font-medium"),
-      nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+      month_grid: "w-full",
+      caption_label: cn(!isLabelCaptionLayout ? "hidden" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm font-medium select-none"),
+      nav: "absolute py-1 inset-x-0 top-0 flex w-full items-center justify-between gap-1",
       button_previous: calendarNavButtonClass,
       button_next: calendarNavButtonClass,
       dropdowns: "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
-      dropdown_root: "border-input relative rounded-md border",
+      dropdown_root: "border-input text-muted-foreground relative rounded-md border",
       dropdown: "bg-popover absolute inset-0 opacity-0",
       dropdown_icon: "text-muted-foreground",
-      table: "w-full border-collapse space-y-1",
-      weekdays: "flex",
+      table: "w-full border-collapse table-fixed",
+      weekdays: "flex w-full",
       weekday: "text-muted-foreground flex-1 select-none rounded-md text-sm font-normal",
       week: "mt-2 flex w-full",
       week_number_header: "w-[--cell-size] select-none",
       week_number: "text-muted-foreground select-none text-sm",
-      day: "relative aspect-square size-full select-none p-0 text-center",
+      day: "relative text-muted-foreground aspect-square size-full select-none p-0 text-center",
       range_start: "range_start",
       range_end: "range_end",
       today: "bg-accent text-accent-foreground rounded-md",
@@ -148,8 +147,7 @@ function Calendar({
       DayButton: CalendarDayButton,
       Select: CalendarSelect,
       ...components
-    },
-    ...props
+    }
   });
 }
 __name(Calendar, "Calendar");

package/packages/level2/fd-component-toolbox/card/Card.cjs.js

@@ -11,78 +11,78 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 function Card({
   className,
-  ref,
-  ...props
+  children,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("bg-card text-card-foreground rounded-xl border shadow", className),
-    ...props
+    children
   });
 }
 __name(Card, "Card");
 Card.displayName = "Card";
 function CardHeader({
   className,
-  ref,
-  ...props
+  children,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
-    className: utils.cn("flex flex-col space-y-1.5 text-nowrap p-6", className),
-    ...props
+    className: utils.cn("flex flex-col space-y-1.5 p-6 text-nowrap", className),
+    children
   });
 }
 __name(CardHeader, "CardHeader");
 CardHeader.displayName = "CardHeader";
 function CardTitle({
   className,
-  ref,
-  ...props
+  children,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("h3", {
     ref,
-    className: utils.cn("font-semibold leading-none tracking-tight", className),
-    ...props
+    className: utils.cn("leading-none font-semibold tracking-tight", className),
+    children
   });
 }
 __name(CardTitle, "CardTitle");
 CardTitle.displayName = "CardTitle";
 function CardDescription({
   className,
-  ref,
-  ...props
+  children,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("p", {
     ref,
     className: utils.cn("text-muted-foreground text-sm", className),
-    ...props
+    children
   });
 }
 __name(CardDescription, "CardDescription");
 CardDescription.displayName = "CardDescription";
 function CardContent({
   className,
-  ref,
-  ...props
+  children,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("p-3 pt-0", className),
-    ...props
+    children
   });
 }
 __name(CardContent, "CardContent");
 CardContent.displayName = "CardContent";
 function CardFooter({
   className,
-  ref,
-  ...props
+  children,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("flex items-center p-6 pt-0", className),
-    ...props
+    children
   });
 }
 __name(CardFooter, "CardFooter");

package/packages/level2/fd-component-toolbox/card/Card.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import React from "react";
 /**
  * Main card container component
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function Card({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+declare function Card({ className, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
     ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare namespace Card {
@@ -15,7 +15,7 @@ declare namespace Card {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function CardHeader({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+declare function CardHeader({ className, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
     ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare namespace CardHeader {
@@ -26,7 +26,7 @@ declare namespace CardHeader {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function CardTitle({ className, ref, ...props }: React.HTMLAttributes<HTMLHeadingElement> & {
+declare function CardTitle({ className, children, ref, }: React.HTMLAttributes<HTMLHeadingElement> & {
     ref?: React.Ref<HTMLHeadingElement>;
 }): React.JSX.Element;
 declare namespace CardTitle {
@@ -37,7 +37,7 @@ declare namespace CardTitle {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function CardDescription({ className, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+declare function CardDescription({ className, children, ref, }: React.HTMLAttributes<HTMLParagraphElement> & {
     ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
 declare namespace CardDescription {
@@ -48,7 +48,7 @@ declare namespace CardDescription {
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function CardContent({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+declare function CardContent({ className, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
     ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare namespace CardContent {
@@ -58,7 +58,7 @@ declare namespace CardContent {
  * Footer section of the card
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function CardFooter({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+declare function CardFooter({ className, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
     ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare namespace CardFooter {