@fernir2/saas-kit-cli 0.1.4 → 0.1.6

package/packages/level2/fd-component-toolbox/datepicker/FdDatePicker.jsx

@@ -1,155 +0,0 @@
-"use client";
-import React, { useCallback, useEffect, useState, useRef, useImperativeHandle } from "react";
-import { Tooltip as FdTooltip, TooltipProvider, TooltipContent, TooltipTrigger, } from "@radix-ui/react-tooltip";
-import * as Popover from "@radix-ui/react-popover";
-import { FdInput } from "@fd-component-toolbox/input/FdInput";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { FdCalendar } from "@fd-component-toolbox/calendar/FdCalendar";
-import { FdIcon, iconNames, iconSizes } from "@fd-component-toolbox/icon/FdIcon";
-import { cn } from "@fd-toolbox/lib/utils";
-import { localizedFormat, updateHours, updateMinutes, onDateChangeHandler, onDateResetHandler, setDatePickerState, handleDatePickerOpenChange, } from "@fd-component-toolbox/datepicker/FdDatePicker.funcs";
-import FdLabelAnimation from "@fd-component-toolbox/animation/FdLabelAnimation";
-import { shortenWithEllipsis } from "@fd-toolbox/strings/strings";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { parseUtcStringToDate } from "@fd-toolbox/dates/date-times";
-/**
- * Date and time picker component with optional time selection and form integration
- *
- * Using {@link FdDatePickerProps}
- *
- * Based on [DatePicker](https://ui.shadcn.com/docs/components/date-picker)
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const form = useForm({...});
- *
- *   return (
- *     <FdDatePicker
- *       label="Meeting Date"
- *       enableTime={true}
- *       onDateValueChange={...}
- *       variant="float"
- *       form={form}
- *       name="meetingDate"
- *     />
- *   );
- * }
- * ```
- */
-export function FdDatePicker({ className, enableTime, inputId, label: labelProp, onDateValueChange: onDateValueChangeProp, onTimeValueChange: onTimeValueChangeProp, date, shouldLabelAnimate, disabled, readOnly, skipAnimationOnce, form, name, variant, onOpenChange, ref, }) {
-    const [dateValue, setDateValue] = useState();
-    const [timeValue, setTimeValue] = useState({ hours: 0, minutes: 0 });
-    const [label, setLabel] = useState(labelProp ?? "");
-    const [showFullLabel, setShowFullLabel] = useState(true);
-    const [isHovered, setIsHovered] = useState(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const prevIsoString = useRef(undefined);
-    useEffect(() => {
-        if (date && date !== "") {
-            const parseData = parseUtcStringToDate(date);
-            setDateValue(parseData);
-            setTimeValue({ hours: parseData.getHours(), minutes: parseData.getMinutes() });
-        }
-        else {
-            setDateValue(undefined);
-            setTimeValue({ hours: 0, minutes: 0 });
-        }
-    }, [date]);
-    useEffect(() => {
-        if (label.length > 20) {
-            setLabel(shortenWithEllipsis(label, 20));
-            setShowFullLabel(false);
-        }
-    }, [label]);
-    useAsyncEffect(async () => {
-        setDatePickerState(timeValue, setPrevIsoString, setFormValue, isFormReadyToUpdate(), prevIsoString?.current ?? undefined, dateValue ?? undefined, name, onDateValueChangeProp);
-    }, [timeValue, dateValue, form, name]);
-    const isFormReadyToUpdate = useCallback(() => {
-        return !!(form && name);
-    }, [form, name]);
-    const setPrevIsoString = useCallback((isoString) => {
-        prevIsoString.current = isoString;
-    }, []);
-    const setFormValue = useCallback((datePickerName, isoString) => {
-        form?.setValue(datePickerName, isoString);
-    }, [form]);
-    useAsyncEffect(async () => {
-        onTimeValueChangeProp?.(timeValue);
-    }, [timeValue]);
-    const onDateValueChange = useCallback((newDate) => {
-        setDateValue(newDate);
-    }, []);
-    const onTimeValueChange = useCallback((operation, value) => {
-        if (operation === "hours") {
-            setTimeValue((prevTimeValue) => ({ ...prevTimeValue, hours: value }));
-        }
-        else if (operation === "minutes") {
-            setTimeValue((prevTimeValue) => ({ ...prevTimeValue, minutes: value }));
-        }
-    }, [setTimeValue]);
-    const onDateChange = useCallback((newDate) => onDateChangeHandler(timeValue, onDateValueChange, enableTime, newDate, onDateValueChangeProp), [enableTime, onDateValueChange, timeValue, onDateValueChangeProp]);
-    const onDateReset = useCallback((event) => {
-        onDateResetHandler(event, onDateValueChange, setTimeValue, onDateValueChangeProp);
-    }, [onDateValueChange, setTimeValue, onDateValueChangeProp]);
-    const onHoursChange = useCallback((v) => {
-        updateHours(parseInt(v), timeValue, onTimeValueChange, onDateValueChange, dateValue ?? undefined);
-    }, [timeValue, dateValue, onTimeValueChange, onDateValueChange]);
-    const onMinutesChange = useCallback((v) => {
-        updateMinutes(parseInt(v), timeValue, onTimeValueChange, onDateValueChange, dateValue ?? undefined);
-    }, [timeValue, dateValue, onTimeValueChange, onDateValueChange]);
-    const onOpenChangeCallback = useCallback((open) => {
-        handleDatePickerOpenChange(open, setIsOpen, onOpenChange);
-    }, [onOpenChange]);
-    useImperativeHandle(ref, () => ({
-        open: () => onOpenChangeCallback(true),
-    }), [onOpenChangeCallback]);
-    const onMouseEnter = useCallback(() => setIsHovered(true), []);
-    const onMouseLeave = useCallback(() => setIsHovered(false), []);
-    return (<div className={cn("relative flex w-full gap-1 text-secondary", className)}>
-            <Popover.Root modal={true} open={isOpen && !disabled && !readOnly} onOpenChange={onOpenChangeCallback}>
-                <Popover.Trigger asChild>
-                    <div className="w-full">
-                        {label && (<div key={Number(skipAnimationOnce)} className={cn("relative z-10 transition-opacity duration-300", dateValue ? "opacity-100" : "opacity-0")}>
-                                <FdLabelAnimation label={label} shouldAnimate={shouldLabelAnimate ?? true} skipAnimationOnce={skipAnimationOnce}/>
-                            </div>)}
-                        <TooltipProvider>
-                            <FdTooltip>
-                                <TooltipTrigger asChild className="w-full">
-                                    <div className="relative w-full border-input hover:bg-background" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} style={{ cursor: disabled ? "not-allowed" : "default" }}>
-                                        <FdButton onClick={onDateReset} variant="icon" className={cn("peer absolute right-2.5 top-1/2 size-4 -translate-y-1/2 p-0", !!dateValue && isHovered && !disabled && !readOnly
-            ? "animate-fade-in"
-            : "animate-fade-out")} onMouseEnter={onMouseEnter}>
-                                            <FdIcon name={iconNames.cross1} size={iconSizes.extraSmall}/>
-                                        </FdButton>
-                                        <FdButton variant={variant ?? "float"} className="w-full justify-start gap-2 hover:disabled:cursor-not-allowed peer-hover:bg-accent peer-hover:text-accent-foreground" disabled={disabled}>
-                                            <FdIcon name={iconNames.calendar} className="mr-2"/>
-
-                                            <span className="mr-1 text-muted-foreground">
-                                                {localizedFormat(label, dateValue ?? undefined)}
-                                            </span>
-                                        </FdButton>
-                                    </div>
-                                </TooltipTrigger>
-                                <TooltipContent hidden={showFullLabel}>
-                                    <p className="mb-1.5 rounded-md border bg-popover px-3 py-1.5 text-sm shadow-md">
-                                        {labelProp ?? ""}
-                                    </p>
-                                </TooltipContent>
-                            </FdTooltip>
-                        </TooltipProvider>
-                    </div>
-                </Popover.Trigger>
-                <Popover.Portal>
-                    <Popover.Content className={"z-50 mt-1 w-auto rounded-md border bg-background p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"} align="center">
-                        <FdCalendar id={inputId} mode="single" selected={dateValue ?? undefined} onSelect={onDateChange} autoFocus className="text-secondary"/>
-                    </Popover.Content>
-                </Popover.Portal>
-            </Popover.Root>
-            {enableTime && (<div className="flex text-primary">
-                    <FdInput showClearIcon={false} min="0" max="23" type="number" className="w-14" value={timeValue.hours.toString() ?? ""} onChange={onHoursChange} disabled={disabled} readOnly={readOnly}/>
-                    <span className={cn("text-lg")}>:</span>
-                    <FdInput showClearIcon={false} min="0" max="59" type="number" className="w-14" value={timeValue.minutes.toString() ?? ""} onChange={onMinutesChange} disabled={disabled} readOnly={readOnly}/>
-                </div>)}
-        </div>);
-}

package/packages/level2/fd-component-toolbox/dialog/FdDialog.jsx

@@ -1,106 +0,0 @@
-"use client";
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "@fd-toolbox/lib/utils";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-/**
- * Modal dialog root component
- *
- * Based on [Dialog](https://ui.shadcn.com/docs/components/dialog)
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *     const [isOpen, setIsOpen] = useState(false);
- *
- *     return (
- *         <FdDialog open={isOpen} onOpenChange={setIsOpen}>
- *         ...
- *         </FdDialog>
- *     );
- * }
- * ```
- */
-const FdDialog = DialogPrimitive.Root;
-/**
- * Dialog trigger component
- *
- * Based on [Dialog.Trigger](https://ui.shadcn.com/docs/components/dialog)
- */
-const FdDialogTrigger = DialogPrimitive.Trigger;
-/**
- * Dialog portal component
- *
- * Based on [Dialog.Portal](https://ui.shadcn.com/docs/components/dialog)
- */
-const FdDialogPortal = DialogPrimitive.Portal;
-/**
- * Close button component
- *
- * Based on [Dialog.Close](https://ui.shadcn.com/docs/components/dialog)
- */
-const FdDialogClose = DialogPrimitive.Close;
-/**
- * Semi-transparent backdrop
- *
- * Based on [Dialog.Overlay](https://ui.shadcn.com/docs/components/dialog)
- */
-function FdDialogOverlay({ className, ref, ...props }) {
-    return (<DialogPrimitive.Overlay ref={ref} className={cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)} {...props}/>);
-}
-FdDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-/**
- * Main content container for the dialog
- *
- * Based on [Dialog.Content](https://ui.shadcn.com/docs/components/dialog)
- */
-function FdDialogContent({ className, children, isCloseButtonShown, ref, ...props }) {
-    return (<FdDialogPortal>
-            <FdDialogOverlay />
-            <DialogPrimitive.Content ref={ref} className={cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className)} {...props}>
-                {children}
-                {(isCloseButtonShown ?? true) && (<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-                        <FdIcon name={iconNames.cross2}/>
-                        <span className="sr-only">Close</span>
-                    </DialogPrimitive.Close>)}
-            </DialogPrimitive.Content>
-        </FdDialogPortal>);
-}
-FdDialogContent.displayName = DialogPrimitive.Content.displayName;
-/**
- * Dialog header
- *
- * Based on [Dialog](https://ui.shadcn.com/docs/components/dialog)
- */
-function FdDialogHeader({ className, ...props }) {
-    return <div className={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)} {...props}/>;
-}
-FdDialogHeader.displayName = "DialogHeader";
-/**
- * Dialog footer
- *
- * Based on [Dialog](https://ui.shadcn.com/docs/components/dialog)
- */
-function FdDialogFooter({ className, ...props }) {
-    return <div className={cn("flex flex-row items-end justify-end space-x-2", className)} {...props}/>;
-}
-FdDialogFooter.displayName = "DialogFooter";
-/**
- *  Title component for the dialog header
- *
- * Based on [Dialog.Title](https://ui.shadcn.com/docs/components/dialog)
- */
-function FdDialogTitle({ className, ref, ...props }) {
-    return (<DialogPrimitive.Title ref={ref} className={cn("text-lg font-semibold leading-none tracking-tight", className)} {...props}/>);
-}
-FdDialogTitle.displayName = DialogPrimitive.Title.displayName;
-/**
- * Description text component for the dialog
- *
- * Based on [Dialog.Description](https://ui.shadcn.com/docs/components/dialog)
- */
-function FdDialogDescription({ className, ref, ...props }) {
-    return (<DialogPrimitive.Description ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props}/>);
-}
-FdDialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { FdDialog, FdDialogPortal, FdDialogOverlay, FdDialogTrigger, FdDialogClose, FdDialogContent, FdDialogHeader, FdDialogFooter, FdDialogTitle, FdDialogDescription, };

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

@@ -1,57 +0,0 @@
-"use client";
-import { cn } from "@fd-toolbox/lib/utils";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import * as Dialog from "@radix-ui/react-dialog";
-import { useCallback } from "react";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { onYesClick } from "@fd-component-toolbox/dialog/YesOrNoDialog.funcs";
-import { elements } from "@fd-toolbox/constants/elements";
-/**
- * Confirmation dialog with Yes/No or OK buttons
- *
- * @param props - {@link YesOrNoDialogProps}
- *
- * @example
- * ```tsx
- *  <YesOrNoDialog title="Confirm deletion" onResponse={...} onCloseClick={...} trigger={...}/>
- * ```
- */
-export function YesOrNoDialog({ title, className, trigger, asTriggerChild, onResponse, onCloseClick, showNoButton, triggerCssClass, isDisabled, }) {
-    const isShowNoButton = showNoButton ?? true;
-    const onYesClickCallback = useCallback(() => {
-        onYesClick(onResponse, onCloseClick);
-    }, [onResponse, onCloseClick]);
-    const handleOnNoClick = useCallback(() => {
-        onResponse?.(false);
-    }, [onResponse]);
-    return (<Dialog.Root>
-            <Dialog.Trigger className={triggerCssClass} asChild={asTriggerChild} disabled={isDisabled}>
-                {trigger}
-            </Dialog.Trigger>
-            <Dialog.Portal>
-                <Dialog.Overlay className={"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"}/>
-                <Dialog.Content onOpenAutoFocus={(e) => e.preventDefault()} className={cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border", "bg-background p-6 pt-11 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", className)}>
-                    <div tabIndex={1}>
-                        <Dialog.Title>{title}</Dialog.Title>
-                        <Dialog.Description></Dialog.Description>
-                        <Dialog.Close className={"absolute right-4 top-4 rounded opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"}>
-                            <FdIcon name={iconNames.cross2}/>
-                            <span className="sr-only">Close</span>
-                        </Dialog.Close>
-                    </div>
-                    <div className="flex flex-row justify-end gap-2">
-                        <Dialog.Close asChild>
-                            <FdButton id={elements.dialogButton.yes} className="rounded" onClick={onYesClickCallback} variant="outline">
-                                {isShowNoButton ? "Yes" : "Ok"}
-                            </FdButton>
-                        </Dialog.Close>
-                        {isShowNoButton && (<Dialog.Close asChild>
-                                <FdButton id={elements.dialogButton.no} onClick={handleOnNoClick}>
-                                    No
-                                </FdButton>
-                            </Dialog.Close>)}
-                    </div>
-                </Dialog.Content>
-            </Dialog.Portal>
-        </Dialog.Root>);
-}

package/packages/level2/fd-component-toolbox/drag-and-drop/FdDragDropContext.jsx

@@ -1,19 +0,0 @@
-import { DndContext } from "@dnd-kit/core";
-/**
- * Drag and drop context wrapper component that provides drag and drop functionality to its children
- *
- * Using [@dnd-kit/core](https://docs.dndkit.com/)
- *
- * @param props - {@link FdDragDropContextProps}
- *
- * @example
- * ```tsx
- * <FdDragDropContext onDragEnd={...}>
- *     ...
- * </FdDragDropContext>
- * ```
- */
-function FdDragDropContext({ children, ...props }) {
-    return <DndContext {...props}>{children}</DndContext>;
-}
-export default FdDragDropContext;

package/packages/level2/fd-component-toolbox/drag-and-drop/FdDraggable.jsx

@@ -1,27 +0,0 @@
-import { useDraggable } from "@dnd-kit/core";
-/**
- * Draggable wrapper component that makes its children draggable
- *
- * Using [@dnd-kit/core](https://docs.dndkit.com/)
- *
- * @param props - {@link FdDraggableProps}
- *
- * @example
- * ```tsx
- * <FdDraggable draggableId="item-1">
- *     <div>Drag me!</div>
- * </FdDraggable>
- * ```
- */
-function FdDraggable({ draggableId, children }) {
-    const { setNodeRef, listeners, attributes, transform, isDragging } = useDraggable({ id: draggableId });
-    const style = {
-        transform: transform ? `translate(${transform.x}px, ${transform.y}px)` : undefined,
-        position: isDragging ? "fixed" : "static",
-        zIndex: isDragging ? 9999 : "auto",
-    };
-    return (<div ref={setNodeRef} {...listeners} {...attributes} style={style}>
-            {children}
-        </div>);
-}
-export default FdDraggable;

package/packages/level2/fd-component-toolbox/drag-and-drop/FdDroppable.jsx

@@ -1,22 +0,0 @@
-import { useDroppable } from "@dnd-kit/core";
-/**
- * Droppable zone component that can receive draggable items
- *
- * Using [@dnd-kit/core](https://docs.dndkit.com/)
- *
- * @param props - {@link FdDroppableProps}
- *
- * @example
- * ```tsx
- * <FdDroppable droppableId="drop-zone-1">
- *     ...
- * </FdDroppable>
- * ```
- */
-function FdDroppable({ droppableId, children }) {
-    const { setNodeRef } = useDroppable({
-        id: droppableId,
-    });
-    return <div ref={setNodeRef}>{children}</div>;
-}
-export default FdDroppable;

package/packages/level2/fd-component-toolbox/dropdown-menu/FdDropdownMenu.jsx

@@ -1,198 +0,0 @@
-"use client";
-import * as React from "react";
-import * as FdDropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { cn } from "@fd-toolbox/lib/utils";
-/**
- * Dropdown menu root container
- *
- * Based on [DropdownMenu](https://ui.shadcn.com/docs/components/dropdown-menu)
- *
- * @example
- * ```tsx
- *  function MyComponent() {
-        const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
-
-        return (
-            <FdDropdownMenu open={isDropdownMenuOpen} onOpenChange={setIsDropdownMenuOpen}>
-            ...
-            </FdDropdownMenu>
- *      );
- *  }
- * ```
- */
-const FdDropdownMenu = FdDropdownMenuPrimitive.Root;
-/**
- * Dropdown menu trigger
- *
- * Based on [DropdownMenu.Trigger](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-const FdDropdownMenuTrigger = FdDropdownMenuPrimitive.Trigger;
-/**
- * Dropdown menu group container
- *
- * Based on [DropdownMenu.Group](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-const FdDropdownMenuGroup = FdDropdownMenuPrimitive.Group;
-/**
- * Dropdown menu portal
- *
- * Based on [DropdownMenu.Portal](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-const FdDropdownMenuPortal = FdDropdownMenuPrimitive.Portal;
-/**
- * Dropdown menu submenu root container
- *
- * Based on [DropdownMenu.Sub](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-const FdDropdownMenuSub = FdDropdownMenuPrimitive.Sub;
-/**
- * Based on [DropdownMenu.RadioGroup](https://ui.shadcn.com/docs/components/dropdown-menu)
- *
- * @example
- * ```tsx
- *  function MyComponent() {
-        const [radioValue, setRadioValue] = React.useState("defaultValue")
-
-        return (
-            <DropdownMenuRadioGroup value={radioValue} onValueChange={setRadioValue}>
-            ...
-            </DropdownMenuRadioGroup>
- *      );
- *  }
- * ```
- */
-const FdDropdownMenuRadioGroup = FdDropdownMenuPrimitive.RadioGroup;
-/**
- * Dropdown menu submenu trigger
- *
- * Based on [DropdownMenu.SubTrigger](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-function FdDropdownMenuSubTrigger({ className, inset, ref, children, ...props }) {
-    return (<FdDropdownMenuPrimitive.SubTrigger ref={ref} className={cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className)} {...props}>
-            {children}
-            <FdIcon name={iconNames.chevronRight} className="ml-auto size-4"/>
-        </FdDropdownMenuPrimitive.SubTrigger>);
-}
-FdDropdownMenuSubTrigger.displayName = FdDropdownMenuPrimitive.SubTrigger.displayName;
-/**
- * Dropdown menu submenu content container
- *
- * Based on [DropdownMenu.SubContent](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-function FdDropdownMenuSubContent({ className, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.SubContent ref={ref} className={cn("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)} {...props}/>);
-}
-FdDropdownMenuSubContent.displayName = FdDropdownMenuPrimitive.SubContent.displayName;
-/**
- * Dropdown menu content container
- *
- * Based on [DropdownMenu.Content](https://ui.shadcn.com/docs/components/dropdown-menu)
- *
- * @example
- * ```tsx
- *  <FdDropdownMenuContent align="start" side="right" sideOffset={17} onMouseLeave={...}>
- *  ...
- *  <FdDropdownMenuContent/>
- *  ```
- */
-function FdDropdownMenuContent({ className, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.Portal>
-            <FdDropdownMenuPrimitive.Content ref={ref} className={cn("z-50 mt-1 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)} {...props}/>
-        </FdDropdownMenuPrimitive.Portal>);
-}
-FdDropdownMenuContent.displayName = FdDropdownMenuPrimitive.Content.displayName;
-/**
- * Dropdown menu item
- *
- * Based on [DropdownMenu.Item](https://ui.shadcn.com/docs/components/dropdown-menu)
- *
- * @example
- * ```tsx
- *  <FdDropdownMenuItem onSelect={...} onClick={...}>
- *  ...
- *  <FdDropdownMenuItem/>
- *  ```
- */
-function FdDropdownMenuItem({ className, inset, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.Item ref={ref} className={cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)} {...props}/>);
-}
-FdDropdownMenuItem.displayName = FdDropdownMenuPrimitive.Item.displayName;
-/**
- * Dropdown menu checkbox item
- *
- * Based on [DropdownMenu.CheckboxItem](https://ui.shadcn.com/docs/components/dropdown-menu)
- *
- * @example
- * ```tsx
- *  function MyComponent() {
-        const [isCheckboxChecked, setIsCheckboxChecked] = useState(false);
-
-        return (
-            <DropdownMenuCheckboxItem checked={isCheckboxChecked} onCheckedChange={setIsCheckboxChecked}>
-            ...
-            </DropdownMenuCheckboxItem>
- *      );
- *  }
- * ```
- */
-function FdDropdownMenuCheckboxItem({ className, children, checked, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.CheckboxItem ref={ref} className={cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)} checked={checked} {...props}>
-            <span className="absolute left-2 flex size-3.5 items-center justify-center">
-                <FdDropdownMenuPrimitive.ItemIndicator>
-                    <FdIcon name={iconNames.check} className="size-4"/>
-                </FdDropdownMenuPrimitive.ItemIndicator>
-            </span>
-            {children}
-        </FdDropdownMenuPrimitive.CheckboxItem>);
-}
-FdDropdownMenuCheckboxItem.displayName = FdDropdownMenuPrimitive.CheckboxItem.displayName;
-/**
- * Dropdown menu radio item
- *
- * Based on [DropdownMenu.RadioItem](https://ui.shadcn.com/docs/components/dropdown-menu)
- *
- * @example
- * ```tsx
-    <DropdownMenuRadioItem value="top">Top</DropdownMenuRadioItem>
- * ```
- */
-function FdDropdownMenuRadioItem({ className, children, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.RadioItem ref={ref} className={cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)} {...props}>
-            <span className="absolute left-2 flex size-3.5 items-center justify-center">
-                <FdDropdownMenuPrimitive.ItemIndicator>
-                    <FdIcon name={iconNames.dotFilled} className="size-4 fill-current"/>
-                </FdDropdownMenuPrimitive.ItemIndicator>
-            </span>
-            {children}
-        </FdDropdownMenuPrimitive.RadioItem>);
-}
-FdDropdownMenuRadioItem.displayName = FdDropdownMenuPrimitive.RadioItem.displayName;
-/**
- * Dropdown menu label
- *
- * Based on [DropdownMenu.Label](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-function FdDropdownMenuLabel({ className, inset, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.Label ref={ref} className={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)} {...props}/>);
-}
-FdDropdownMenuLabel.displayName = FdDropdownMenuPrimitive.Label.displayName;
-/**
- * Dropdown menu separator
- *
- * Based on [DropdownMenu.Separator](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-function FdDropdownMenuSeparator({ className, ref, ...props }) {
-    return (<FdDropdownMenuPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props}/>);
-}
-FdDropdownMenuSeparator.displayName = FdDropdownMenuPrimitive.Separator.displayName;
-/**
- * Dropdown menu shortcut
- *
- * Based on [DropdownMenu](https://ui.shadcn.com/docs/components/dropdown-menu)
- */
-function FdDropdownMenuShortcut({ className, ...props }) {
-    return <span className={cn("ml-auto text-xs tracking-widest opacity-60", className)} {...props}/>;
-}
-FdDropdownMenuShortcut.displayName = "FdDropdownMenuShortcut";
-export { FdDropdownMenu, FdDropdownMenuTrigger, FdDropdownMenuContent, FdDropdownMenuItem, FdDropdownMenuCheckboxItem, FdDropdownMenuRadioItem, FdDropdownMenuLabel, FdDropdownMenuSeparator, FdDropdownMenuShortcut, FdDropdownMenuGroup, FdDropdownMenuPortal, FdDropdownMenuSub, FdDropdownMenuSubContent, FdDropdownMenuSubTrigger, FdDropdownMenuRadioGroup, };

package/packages/level2/fd-component-toolbox/dynamic-layout/FdDynamicComponent.jsx

@@ -1,27 +0,0 @@
-/**
- * Wrapper component for dynamic grid layout elements with configurable positioning and sizing.
- * Does not use its own props, but allows its parent FdDynamicLayoutDragAndDrop to extract props
- *
- * Using {@link FdDynamicComponentProps}
- *
- * @example
- *  <FdDynamicComponent
-*       defaultX={0}
-*       defaultY={0}
-*       defaultWidth={6}
-*       defaultHeight={4}
-*       minWidth={2}
-*       maxWidth={12}
-*       minHeight={2}
-*       maxHeight={8}
-*       static={false}
-*       isDraggable={true}
-*       isResizable={true}
- *  >
-        ...
- *  </FdDynamicComponent>
- */
-function FdDynamicComponent({ children }) {
-    return children;
-}
-export default FdDynamicComponent;