@fernir2/saas-kit 0.0.164 → 0.0.165-438

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

@@ -48,14 +48,6 @@ const Button = /* @__PURE__ */__name(({
   tooltipClassName,
   tooltipAlign,
   children,
-  onClick,
-  id,
-  disabled,
-  type,
-  style,
-  tabIndex,
-  title,
-  onMouseEnter,
   ref,
   ...props
 }) => {
@@ -69,14 +61,6 @@ const Button = /* @__PURE__ */__name(({
         className
       })),
       ref,
-      onClick,
-      id,
-      disabled,
-      type,
-      style,
-      tabIndex,
-      title,
-      onMouseEnter,
       ...props,
       children
     });
@@ -93,14 +77,6 @@ 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

@@ -5,23 +5,13 @@ import { TooltipContentSideString, TooltipAlignString } from "../tooltip/Tooltip
  * Using {@link https:/cva.style/docs/getting-started/variants class-variance-authority}
  */
 export declare const buttonVariants: (props?: {
-    variant?: "default" | "link" | "float" | "icon" | "destructive" | "outline" | "secondary" | "ghost" | "fullRounded";
+    variant?: "link" | "default" | "float" | "icon" | "destructive" | "outline" | "secondary" | "ghost" | "fullRounded";
     size?: "default" | "icon" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 /**
  * Extends {@link https:/cva.style/docs/getting-started/variants VariantProps} of {@link 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>;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /**
      * If true, renders the button as a child component using Radix UI Slot, allowing composition with other components
      */
@@ -56,6 +46,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, onClick, id, disabled, type, style, tabIndex, title, onMouseEnter, ref, ...props }: ButtonProps): React.JSX.Element;
+    ({ className, variant, size, asChild, tooltipText, tooltipSide, tooltipClassName, tooltipAlign, children, 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=(_0x4f73d1,_0x16c1bb)=>__defProp(_0x4f73d1,'name',{'value':_0x16c1bb,'configurable':!![]});function handleClick(_0x5b740a,_0x52ec77){!_0x5b740a&&_0x52ec77();}__name(handleClick,'handleClick');
+var __defProp=Object['defineProperty'],__name=(_0x4a0b2d,_0x1bdbd1)=>__defProp(_0x4a0b2d,'name',{'value':_0x1bdbd1,'configurable':!![]});function handleClick(_0x494672,_0xd4a8bf){!_0x494672&&_0xd4a8bf();}__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=(_0x4f73d1,_0x16c1bb)=>__defProp(_0x4f73d1,'name',{'value':_0x16c1bb,'configurable':!![]});function handleClick(_0x5b740a,_0x52ec77){!_0x5b740a&&_0x52ec77();}__name(handleClick,'handleClick');
+var __defProp=Object['defineProperty'],__name=(_0x4a0b2d,_0x1bdbd1)=>__defProp(_0x4a0b2d,'name',{'value':_0x1bdbd1,'configurable':!![]});function handleClick(_0x494672,_0xd4a8bf){!_0x494672&&_0xd4a8bf();}__name(handleClick,'handleClick');
 
 export { handleClick };

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

@@ -46,14 +46,6 @@ const Button = /* @__PURE__ */__name(({
   tooltipClassName,
   tooltipAlign,
   children,
-  onClick,
-  id,
-  disabled,
-  type,
-  style,
-  tabIndex,
-  title,
-  onMouseEnter,
   ref,
   ...props
 }) => {
@@ -67,14 +59,6 @@ const Button = /* @__PURE__ */__name(({
         className
       })),
       ref,
-      onClick,
-      id,
-      disabled,
-      type,
-      style,
-      tabIndex,
-      title,
-      onMouseEnter,
       ...props,
       children
     });
@@ -91,14 +75,6 @@ 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

@@ -55,11 +55,13 @@ function CalendarChevron({
 }
 __name(CalendarChevron, "CalendarChevron");
 function CalendarSelect({
-  children
+  children,
+  ...props
 }) {
   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 pr-6 pl-2", "transition-all outline-none focus:ring-0", hoverAccentClass),
       children
     }), /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
@@ -73,7 +75,8 @@ __name(CalendarSelect, "CalendarSelect");
 function CalendarDayButton({
   className,
   day,
-  modifiers
+  modifiers,
+  ...props
 }) {
   const calendarDayButtonRef = React.useRef(null);
   const dayIsFocused = Calendar_funcs.isFocusedDay(modifiers);
@@ -92,7 +95,8 @@ function CalendarDayButton({
     "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 leading-none font-normal", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", className)
+    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),
+    ...props
   });
 }
 __name(CalendarDayButton, "CalendarDayButton");
@@ -102,7 +106,8 @@ function Calendar({
   showOutsideDays,
   captionLayout,
   formatters,
-  components
+  components,
+  ...props
 }) {
   const isLabelCaptionLayout = captionLayout === calendarConstants.calendarCaptionLayout.label;
   return /* @__PURE__ */jsxRuntime.jsx(reactDayPicker.DayPicker, {
@@ -149,7 +154,8 @@ 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, }: CalendarProps): React.JSX.Element;
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: 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=(_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');
+var __defProp=Object['defineProperty'],__name=(_0x495c8b,_0x567fa7)=>__defProp(_0x495c8b,'name',{'value':_0x567fa7,'configurable':!![]});function isSingleSelectedDay(_0x371ec4){return _0x371ec4[calendarConstants.calendarModifiers['selected']]&&!isDayRangeStart(_0x371ec4)&&!isDayRangeEnd(_0x371ec4)&&!isDayRangeMiddle(_0x371ec4);}__name(isSingleSelectedDay,'isSingleSelectedDay');function isFocusedDay(_0x4c97ca){return _0x4c97ca[calendarConstants.calendarModifiers['focused']];}__name(isFocusedDay,'isFocusedDay');function isDayRangeStart(_0x3be53d){return _0x3be53d[calendarConstants.calendarModifiers['rangeStart']];}__name(isDayRangeStart,'isDayRangeStart');function isDayRangeEnd(_0x5d2b36){return _0x5d2b36[calendarConstants.calendarModifiers['rangeEnd']];}__name(isDayRangeEnd,'isDayRangeEnd');function isDayRangeMiddle(_0x4e2c87){return _0x4e2c87[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=(_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');
+var __defProp=Object['defineProperty'],__name=(_0x495c8b,_0x567fa7)=>__defProp(_0x495c8b,'name',{'value':_0x567fa7,'configurable':!![]});function isSingleSelectedDay(_0x371ec4){return _0x371ec4[calendarModifiers['selected']]&&!isDayRangeStart(_0x371ec4)&&!isDayRangeEnd(_0x371ec4)&&!isDayRangeMiddle(_0x371ec4);}__name(isSingleSelectedDay,'isSingleSelectedDay');function isFocusedDay(_0x4c97ca){return _0x4c97ca[calendarModifiers['focused']];}__name(isFocusedDay,'isFocusedDay');function isDayRangeStart(_0x3be53d){return _0x3be53d[calendarModifiers['rangeStart']];}__name(isDayRangeStart,'isDayRangeStart');function isDayRangeEnd(_0x5d2b36){return _0x5d2b36[calendarModifiers['rangeEnd']];}__name(isDayRangeEnd,'isDayRangeEnd');function isDayRangeMiddle(_0x4e2c87){return _0x4e2c87[calendarModifiers['rangeMiddle']];}__name(isDayRangeMiddle,'isDayRangeMiddle');
 
 export { isDayRangeEnd, isDayRangeMiddle, isDayRangeStart, isFocusedDay, isSingleSelectedDay };

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

@@ -53,11 +53,13 @@ function CalendarChevron({
 }
 __name(CalendarChevron, "CalendarChevron");
 function CalendarSelect({
-  children
+  children,
+  ...props
 }) {
   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 pr-6 pl-2", "transition-all outline-none focus:ring-0", hoverAccentClass),
       children
     }), /* @__PURE__ */jsx(Icon, {
@@ -71,7 +73,8 @@ __name(CalendarSelect, "CalendarSelect");
 function CalendarDayButton({
   className,
   day,
-  modifiers
+  modifiers,
+  ...props
 }) {
   const calendarDayButtonRef = useRef(null);
   const dayIsFocused = isFocusedDay(modifiers);
@@ -90,7 +93,8 @@ function CalendarDayButton({
     "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 leading-none font-normal", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", className)
+    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),
+    ...props
   });
 }
 __name(CalendarDayButton, "CalendarDayButton");
@@ -100,7 +104,8 @@ function Calendar({
   showOutsideDays,
   captionLayout,
   formatters,
-  components
+  components,
+  ...props
 }) {
   const isLabelCaptionLayout = captionLayout === calendarCaptionLayout.label;
   return /* @__PURE__ */jsx(DayPicker, {
@@ -147,7 +152,8 @@ 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,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("bg-card text-card-foreground rounded-xl border shadow", className),
-    children
+    ...props
   });
 }
 __name(Card, "Card");
 Card.displayName = "Card";
 function CardHeader({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("flex flex-col space-y-1.5 p-6 text-nowrap", className),
-    children
+    ...props
   });
 }
 __name(CardHeader, "CardHeader");
 CardHeader.displayName = "CardHeader";
 function CardTitle({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("h3", {
     ref,
     className: utils.cn("leading-none font-semibold tracking-tight", className),
-    children
+    ...props
   });
 }
 __name(CardTitle, "CardTitle");
 CardTitle.displayName = "CardTitle";
 function CardDescription({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("p", {
     ref,
     className: utils.cn("text-muted-foreground text-sm", className),
-    children
+    ...props
   });
 }
 __name(CardDescription, "CardDescription");
 CardDescription.displayName = "CardDescription";
 function CardContent({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("p-3 pt-0", className),
-    children
+    ...props
   });
 }
 __name(CardContent, "CardContent");
 CardContent.displayName = "CardContent";
 function CardFooter({
   className,
-  children,
-  ref
+  ref,
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsx("div", {
     ref,
     className: utils.cn("flex items-center p-6 pt-0", className),
-    children
+    ...props
   });
 }
 __name(CardFooter, "CardFooter");

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

@@ -4,7 +4,7 @@ import React from "react";
  *
  * Based on {@link https:/ui.shadcn.com/docs/components/card Card}
  */
-declare function Card({ className, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
+declare function Card({ className, ref, ...props }: 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, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
+declare function CardHeader({ className, ref, ...props }: 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, children, ref, }: React.HTMLAttributes<HTMLHeadingElement> & {
+declare function CardTitle({ className, ref, ...props }: 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, children, ref, }: React.HTMLAttributes<HTMLParagraphElement> & {
+declare function CardDescription({ className, ref, ...props }: 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, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
+declare function CardContent({ className, ref, ...props }: 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, children, ref, }: React.HTMLAttributes<HTMLDivElement> & {
+declare function CardFooter({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
     ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare namespace CardFooter {

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

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

package/packages/level2/fd-component-toolbox/checkbox/Checkbox.cjs.js

@@ -34,17 +34,13 @@ var __name = (target, value) => __defProp(target, "name", {
 function Checkbox({
   className,
   text,
-  checked,
-  onCheckedChange,
-  id
+  ...props
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs("div", {
     className: "flex items-center",
     children: [/* @__PURE__ */jsxRuntime.jsx(CheckboxPrimitive__namespace.Root, {
-      id,
       className: utils.cn("border-primary focus-visible:ring-primary peer size-4 shrink-0 rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
-      checked,
-      onCheckedChange,
+      ...props,
       children: /* @__PURE__ */jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, {
         className: utils.cn("flex items-center justify-center text-current"),
         children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {

package/packages/level2/fd-component-toolbox/checkbox/Checkbox.d.ts

@@ -1,15 +1,11 @@
 import React from "react";
-import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 /**
  * Props for {@link Checkbox}
  *
  * Extends [CheckboxProps](https:/www.radix-ui.com/primitives/docs/components/checkbox#root)
  */
-interface CheckboxProps {
-    id?: string;
-    onCheckedChange?: VoidFunc<boolean>;
-    checked?: boolean;
-    className?: string;
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     /** Label text to display next to the checkbox */
     text?: string;
 }
@@ -31,7 +27,7 @@ interface CheckboxProps {
  * }
  * ```
  */
-declare function Checkbox({ className, text, checked, onCheckedChange, id }: CheckboxProps): React.JSX.Element;
+declare function Checkbox({ className, text, ...props }: CheckboxProps): React.JSX.Element;
 declare namespace Checkbox {
     var displayName: string;
 }

package/packages/level2/fd-component-toolbox/checkbox/Checkbox.js

@@ -13,17 +13,13 @@ var __name = (target, value) => __defProp(target, "name", {
 function Checkbox({
   className,
   text,
-  checked,
-  onCheckedChange,
-  id
+  ...props
 }) {
   return /* @__PURE__ */jsxs("div", {
     className: "flex items-center",
     children: [/* @__PURE__ */jsx(CheckboxPrimitive.Root, {
-      id,
       className: cn("border-primary focus-visible:ring-primary peer size-4 shrink-0 rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
-      checked,
-      onCheckedChange,
+      ...props,
       children: /* @__PURE__ */jsx(CheckboxPrimitive.Indicator, {
         className: cn("flex items-center justify-center text-current"),
         children: /* @__PURE__ */jsx(Icon, {

package/packages/level2/fd-component-toolbox/client/framework/index.cjs.js

@@ -1,10 +1,10 @@
 'use strict';
 'use strict';
 
-var _0x300c20 = require('next/image.js');
-var _0x2c3e42 = require('next/link.js');
+var _0x356857 = require('next/image.js');
+var _0x42cb59 = require('next/link.js');
 
-const FrameworkImage=_0x300c20;const FrameworkLink=_0x2c3e42;
+const FrameworkImage=_0x356857;const FrameworkLink=_0x42cb59;
 
 exports.FrameworkImage = FrameworkImage;
 exports.FrameworkLink = FrameworkLink;

package/packages/level2/fd-component-toolbox/client/framework/index.js

@@ -1,7 +1,7 @@
 'use strict';
-import _0x300c20 from 'next/image.js';
-import _0x2c3e42 from 'next/link.js';
+import _0x356857 from 'next/image.js';
+import _0x42cb59 from 'next/link.js';
 
-const FrameworkImage=_0x300c20;const FrameworkLink=_0x2c3e42;
+const FrameworkImage=_0x356857;const FrameworkLink=_0x42cb59;
 
 export { FrameworkImage, FrameworkLink };