@fernir2/saas-kit-cli 0.1.4 → 0.1.5

package/packages/level2/fd-component-toolbox/rich-text/FdRichText.jsx

@@ -1,58 +0,0 @@
-"use client";
-import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import { createDebouncedEditorUpdate, initializeEditor, } from "@fd-component-toolbox/rich-text/FdRichText.funcs";
-import { cn } from "@fd-toolbox/lib/utils";
-/**
- * Rich text editor component with formatting capabilities and floating label
- *
- *  Based on [Quill](https://quilljs.com/docs/quickstart)
- *
- * @param props - {@link FdRichTextProps}
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *     const { error } = useFormField();
- *     const [value, setValue] = useState("");
- *
- *     return (
- *         <FdRichText
- *             value={value}
- *             onChange={setValue}
- *             placeholder="Start typing..."
- *             debounceTime={500}
- *             defaultValue=""
- *             label="Description"
- *             isInvalid={!!error}
- *             onBlur={() => console.log("Field blurred")}
- *         />
- *     );
- * }
- * ```
- */
-export function FdRichText({ value, onChange, placeholder, readOnly, className, debounceTime, onBlur, onFocus, onEditorCreated, defaultValue, label, isInvalid, id, }) {
-    const quillRef = useRef(null);
-    const quillEditorRef = useRef(null);
-    const debouncedEditorUpdate = useMemo(() => createDebouncedEditorUpdate(debounceTime ?? 300), [debounceTime]);
-    const initialize = useCallback(() => {
-        initializeEditor(onChange, { current: quillEditorRef.current ?? undefined }, onEditorCreated, quillRef?.current ?? undefined, placeholder ?? "Start typing...", readOnly, value, defaultValue, id);
-    }, [placeholder, readOnly, onChange, onEditorCreated, value, defaultValue, id]);
-    useEffect(() => {
-        if (quillEditorRef.current) {
-            debouncedEditorUpdate(value, quillEditorRef.current);
-        }
-    }, [value, debouncedEditorUpdate]);
-    useEffect(() => {
-        initialize();
-    }, [initialize]);
-    function onEditorContainerClick() {
-        quillEditorRef.current?.focus();
-    }
-    return (<div className={cn("relative cursor-text shadow-sm")} onClick={onEditorContainerClick}>
-            <div ref={quillRef} className={cn("min-h-28 rounded-b-lg border border-border", className)} onBlur={onBlur} onFocus={onFocus}/>
-
-            {label && (<label className={cn("absolute left-1 top-0 -translate-y-1/2 bg-background px-1 text-xs font-medium text-muted-foreground", isInvalid && "text-destructive")}>
-                    {label}
-                </label>)}
-        </div>);
-}

package/packages/level2/fd-component-toolbox/save-status/FdSaveStatus.jsx

@@ -1,40 +0,0 @@
-import { FdIcon, iconNames, iconSizes } from "@fd-component-toolbox/icon/FdIcon";
-import { FdTooltipProvider, FdTooltip, FdTooltipTrigger, FdTooltipContent, tooltipContentSides, tooltipContentSidesStrings, } from "@fd-component-toolbox/tooltip/FdTooltip";
-import { elements } from "@fd-toolbox/constants/elements";
-/**
- * Renders a save status indicator with an icon and a tooltip.
- *
- * @param props - {@link FdSaveStatusProps}
- *
- * @example
- * ```tsx
- * // Shows a "check" icon to indicate that changes have been successfully saved.
- * <FdSaveStatus isSaved={true} />
- *
- * // Shows a spinning "refresh" icon to indicate that changes are currently being saved.
- * <FdSaveStatus isSaved={false} />
- * ```
- */
-export function FdSaveStatus({ isSaved }) {
-    return (<div className="flex size-5 items-center justify-center">
-            {isSaved ? (<FdTooltipProvider>
-                    <FdTooltip>
-                        <FdTooltipTrigger asChild>
-                            <div>
-                                <FdIcon name={iconNames.check} color="text-fd-green-accent" id={elements.view.viewSaved} size={iconSizes.medium}/>
-                            </div>
-                        </FdTooltipTrigger>
-                        <FdTooltipContent side={tooltipContentSidesStrings[tooltipContentSides.bottom]}>Changes saved</FdTooltipContent>
-                    </FdTooltip>
-                </FdTooltipProvider>) : (<FdTooltipProvider>
-                    <FdTooltip>
-                        <FdTooltipTrigger asChild>
-                            <div>
-                                <FdIcon name={iconNames.refresh} className="animate-spin" id={elements.view.viewSaving}/>
-                            </div>
-                        </FdTooltipTrigger>
-                        <FdTooltipContent side={tooltipContentSidesStrings[tooltipContentSides.bottom]}>Saving changes</FdTooltipContent>
-                    </FdTooltip>
-                </FdTooltipProvider>)}
-        </div>);
-}

package/packages/level2/fd-component-toolbox/select/FdSelect.jsx

@@ -1,173 +0,0 @@
-"use client";
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn } from "@fd-toolbox/lib/utils";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import FdLabelAnimation from "@fd-component-toolbox/animation/FdLabelAnimation";
-import { cva } from "class-variance-authority";
-/**
- * Using [class-variance-authority](https://cva.style/docs/getting-started/variants)
- */
-export const selectVariants = cva("flex h-8 w-full items-center justify-between whitespace-nowrap bg-transparent py-2 pr-3 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", {
-    variants: {
-        variant: {
-            bordered: "rounded-md border border-input shadow-sm focus:ring-1 focus:ring-ring",
-            float: "rounded-none border-0 border-b border-border shadow-none transition hover:border-fd-accent",
-        },
-        size: {
-            default: "",
-            short: "",
-        },
-    },
-    defaultVariants: {
-        variant: "float",
-        size: "default",
-    },
-});
-/**
- * Original Root component from Radix UI Select
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *     const [value, setValue] = useState("");
- *
- *     return (
- *         <FdSelect value={value} onValueChange={setValue}>
- *             ...
- *         </FdSelect>
- *     );
- * }
- * ```
- */
-const FdSelect = SelectPrimitive.Root;
-/**
- * Original Group component from Radix UI Select
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-const FdSelectGroup = SelectPrimitive.Group;
-/**
- * Original Value component from Radix UI Select
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-const FdSelectValue = SelectPrimitive.Value;
-/**
- * Button component that triggers select dropdown
- *
- * @param props - {@link FdSelectTriggerProps}
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *     const [value, setValue] = useState("");
- *
- *     return (
- *         <FdSelectTrigger label="Status" shouldLabelAnimate={!!value} variant="float">
- *             ...
- *         </FdSelectTrigger>
- *     );
- * }
- * ```
- */
-function isReactElementWithStringChildren(element) {
-    return React.isValidElement(element) &&
-        element.props !== null &&
-        typeof element.props === "object" &&
-        "children" in element.props &&
-        typeof element.props.children === "string";
-}
-function FdSelectTrigger({ className, children, label, shouldAnimate, skipAnimationOnce, variant, size, iconClassName, noUnderline, ref, ...props }) {
-    const isChildrenEmptyString = !children ||
-        (isReactElementWithStringChildren(children) &&
-            children.props.children.trim() === "");
-    const shouldShowIcon = isChildrenEmptyString || size !== "short";
-    return (<div className="flex w-full">
-            <SelectPrimitive.Trigger ref={ref} className={cn("flex h-8 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent py-2 pr-3 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-primary disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", selectVariants({ variant }), className, noUnderline && "border-0")} {...props}>
-                <div className={cn("relative h-full basis-full pl-3 text-start", !!label || "first-letter:text-sm")}>
-                    {children}
-                    {label && (<FdLabelAnimation label={label} shouldAnimate={shouldAnimate} skipAnimationOnce={skipAnimationOnce} className="top-0 max-w-full"/>)}
-                </div>
-                {shouldShowIcon && (<SelectPrimitive.Icon asChild>
-                        <FdIcon name={iconNames.caretSort} className={cn("shrink-0 text-foreground opacity-50", iconClassName)}/>
-                    </SelectPrimitive.Icon>)}
-            </SelectPrimitive.Trigger>
-        </div>);
-}
-FdSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-/**
- * Button for scrolling select content up
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-function FdSelectScrollUpButton({ className, ref, ...props }) {
-    return (<SelectPrimitive.ScrollUpButton ref={ref} className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
-            <FdIcon name={iconNames.caretSort}/>
-        </SelectPrimitive.ScrollUpButton>);
-}
-FdSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-/**
- * Button for scrolling select content down
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-function FdSelectScrollDownButton({ className, ref, ...props }) {
-    return (<SelectPrimitive.ScrollDownButton ref={ref} className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
-            <FdIcon name={iconNames.caretSort}/>
-        </SelectPrimitive.ScrollDownButton>);
-}
-FdSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-/**
- * Container component for select dropdown content
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-function FdSelectContent({ className, children, position, ref, ...props }) {
-    return (<SelectPrimitive.Portal>
-            <SelectPrimitive.Content ref={ref} className={cn("relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover 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", (position ?? "popper") === "popper" &&
-            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className)} position={position ?? "popper"} {...props}>
-                <FdSelectScrollUpButton />
-                <SelectPrimitive.Viewport className={cn("p-1", (position ?? "popper") === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")}>
-                    {children}
-                </SelectPrimitive.Viewport>
-                <FdSelectScrollDownButton />
-            </SelectPrimitive.Content>
-        </SelectPrimitive.Portal>);
-}
-FdSelectContent.displayName = SelectPrimitive.Content.displayName;
-/**
- * Label component for select groups
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-function FdSelectLabel({ className, ref, ...props }) {
-    return (<SelectPrimitive.Label ref={ref} className={cn("px-2 py-1.5 text-sm font-semibold", className)} {...props}/>);
-}
-FdSelectLabel.displayName = SelectPrimitive.Label.displayName;
-function FdSelectItem({ className, id, children, ref, ...props }) {
-    return (<SelectPrimitive.Item id={id} ref={ref} className={cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-muted/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)} {...props}>
-            <span className="absolute right-2 flex size-3.5 items-center justify-center">
-                <SelectPrimitive.ItemIndicator>
-                    <FdIcon name={iconNames.check}/>
-                </SelectPrimitive.ItemIndicator>
-            </span>
-            <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-        </SelectPrimitive.Item>);
-}
-FdSelectItem.displayName = SelectPrimitive.Item.displayName;
-/**
- * Separator line between select options
- *
- * Based on [select](https://ui.shadcn.com/docs/components/select)
- */
-function FdSelectSeparator({ className, ref, ...props }) {
-    return (<SelectPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props}/>);
-}
-FdSelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export { FdSelect, FdSelectGroup, FdSelectValue, FdSelectTrigger, FdSelectContent, FdSelectLabel, FdSelectItem, FdSelectSeparator, FdSelectScrollUpButton, FdSelectScrollDownButton, };

package/packages/level2/fd-component-toolbox/separator/FdSeparator.jsx

@@ -1,19 +0,0 @@
-"use client";
-import * as React from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "@fd-toolbox/lib/utils";
-/**
- * Visual divider component for horizontal or vertical separation
- *
- * Based on [separator](https://ui.shadcn.com/docs/components/separator)
- *
- * @example
- * ```tsx
- * <FdSeparator orientation="vertical" />
- * ```
- */
-function FdSeparator({ className, orientation, decorative, ref, ...props }) {
-    return (<SeparatorPrimitive.Root ref={ref} decorative={decorative ?? true} orientation={orientation ?? "horizontal"} className={cn("shrink-0 bg-border", (orientation ?? "horizontal") === "horizontal" ? "h-px w-full" : "h-full w-px", className)} {...props}/>);
-}
-FdSeparator.displayName = SeparatorPrimitive.Root.displayName;
-export { FdSeparator };

package/packages/level2/fd-component-toolbox/sheet/FdSheet.jsx

@@ -1,121 +0,0 @@
-"use client";
-import * as FdSheetPrimitive from "@radix-ui/react-dialog";
-import { cva } from "class-variance-authority";
-import { cn } from "@fd-toolbox/lib/utils";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { sheetVariant } from "@fd-component-toolbox/sheet/fd-sheet-constants";
-/**
- * Root container for creating interactive overlay panels
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet}
- */
-const FdSheet = FdSheetPrimitive.Root;
-/**
- * Trigger element that initiates the opening of an overlay panel
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Trigger}
- */
-const FdSheetTrigger = FdSheetPrimitive.Trigger;
-/**
- * Button or element that closes the active overlay panel
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Close}
- */
-const FdSheetClose = FdSheetPrimitive.Close;
-/**
- * Portal component for rendering content outside the current DOM hierarchy
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Portal}
- */
-const FdSheetPortal = FdSheetPrimitive.Portal;
-/**
- * Overlay component that creates a darkened background behind the active panel.
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Overlay}
- */
-function FdSheetOverlay({ className, ref, ...props }) {
-    return (<FdSheetPrimitive.Overlay 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} ref={ref}/>);
-}
-FdSheetOverlay.displayName = FdSheetPrimitive.Overlay.displayName;
-/**
- * Using {@link https://cva.style/docs/getting-started/variants class-variance-authority}
- */
-export const sheetVariants = cva("fixed z-50 gap-4 border-none bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out", {
-    variants: {
-        side: {
-            top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-            bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-            left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
-            right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
-        },
-    },
-    defaultVariants: {
-        side: "right",
-    },
-});
-/**
- * Container for the content of the overlay panel with configurable positioning
- *
- * @param FdSheetContentProps {@link FdSheetContentProps}
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Content}
- *
- * @example
- *```tsx
- * <FdSheetContent side="right">
- *   ...
- * </FdSheetContent>
- * ```
- */
-function FdSheetContent({ side, className, children, ref, ...props }) {
-    return (<FdSheetPortal>
-            <FdSheetOverlay />
-            <FdSheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>
-                <div className="size-full focus:outline-none" tabIndex={0}>
-                    <FdSheetPrimitive.Close hidden={side === sheetVariant.left} className="absolute right-3 top-2 z-50 rounded-md bg-fd-tertiary-50 opacity-100 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-secondary sm:bg-transparent sm:opacity-70">
-                        <FdIcon name={iconNames.cross2}/>
-                        <span className="sr-only">Close</span>
-                    </FdSheetPrimitive.Close>
-                    {children}
-                </div>
-            </FdSheetPrimitive.Content>
-        </FdSheetPortal>);
-}
-FdSheetContent.displayName = FdSheetPrimitive.Content.displayName;
-/**
- * Header for a {@link FdSheet}
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet}
- */
-function FdSheetHeader({ className, ...props }) {
-    return <div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props}/>;
-}
-FdSheetHeader.displayName = "SheetHeader";
-/**
- * Footer for a {@link FdSheet}
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet}
- */
-function FdSheetFooter({ className, ...props }) {
-    return (<div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...props}/>);
-}
-FdSheetFooter.displayName = "SheetFooter";
-/**
- * Title for a {@link FdSheet}
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Title}
- */
-function FdSheetTitle({ className, ref, ...props }) {
-    return (<FdSheetPrimitive.Title ref={ref} className={cn("text-lg font-semibold text-foreground", className)} {...props}/>);
-}
-FdSheetTitle.displayName = FdSheetPrimitive.Title.displayName;
-/**
- * Description for a {@link FdSheet}
- *
- * Based on {@link https://ui.shadcn.com/docs/components/sheet FdSheet.Description}
- */
-function FdSheetDescription({ className, ref, ...props }) {
-    return (<FdSheetPrimitive.Description ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props}/>);
-}
-FdSheetDescription.displayName = FdSheetPrimitive.Description.displayName;
-export { FdSheet, FdSheetPortal, FdSheetOverlay, FdSheetTrigger, FdSheetClose, FdSheetContent, FdSheetHeader, FdSheetFooter, FdSheetTitle, FdSheetDescription, };

package/packages/level2/fd-component-toolbox/slide-toggle/FdSlideToggle.jsx

@@ -1,57 +0,0 @@
-"use client";
-import * as React from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn } from "@fd-toolbox/lib/utils";
-import { cva } from "class-variance-authority";
-/**
- * Switch component for toggling between two states
- *
- * Based on {@link https://ui.shadcn.com/docs/components/switch Switch}
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *     const [isFeatureEnabled, setIsFeatureEnabled] = useState(false);
- *
- *     return (
- *         <Switch checked={isFeatureEnabled} color="bg-blue-500" onCheckedChange={setIsFeatureEnabled}/>
- *     );
- * };
- * ```
- */
-export function Switch({ className, ref, ...props }) {
-    return (<SwitchPrimitives.Root className={cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className)} {...props} ref={ref}>
-            <SwitchPrimitives.Thumb className={cn("pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")}/>
-        </SwitchPrimitives.Root>);
-}
-Switch.displayName = "Switch";
-/**
- * Using {@link https://cva.style/docs/getting-started/variants class-variance-authority}
- */
-const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-/**
- * Styled label component
- *
- * Based on {@link https://ui.shadcn.com/docs/components/label Label}
- */
-export function Label({ className, ref, ...props }) {
-    return <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}/>;
-}
-Label.displayName = "Label";
-/**
- * Composite toggle component with a switch and label
- *
- * @param SlideToggleProps {@link SlideToggleProps}
- *
- * @example
- * ```tsx
- * <FdSlideToggle text="Enable feature" isPrimary={false} color="bg-blue-500" onClick={...}/>
- * ```
- */
-export function FdSlideToggle({ text, isPrimary, color, onClick }) {
-    return (<div className="flex items-center space-x-2">
-            <Switch id="switch" color={isPrimary ? "bg-primary" : color} onClick={onClick}/>
-            <Label htmlFor="switch">{text}</Label>
-        </div>);
-}

package/packages/level2/fd-component-toolbox/spinner/Spinner.jsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { cn } from "@fd-toolbox/lib/utils";
-import { cva } from "class-variance-authority";
-import { Loader2 } from "lucide-react";
-const spinnerVariants = cva("flex-col items-center justify-center", {
-    variants: {
-        show: {
-            true: "flex",
-            false: "hidden",
-        },
-    },
-    defaultVariants: {
-        show: true,
-    },
-});
-const loaderVariants = cva("animate-spin text-primary", {
-    variants: {
-        size: {
-            small: "size-6",
-            medium: "size-8",
-            large: "size-12",
-        },
-    },
-    defaultVariants: {
-        size: "medium",
-    },
-});
-/**
- * Spinner for indicating loading state. Supports size.
- */
-export function Spinner({ size, show, children, className }) {
-    return (<span className={spinnerVariants({ show })}>
-            <Loader2 className={cn(loaderVariants({ size }), className)}/>
-            {children}
-        </span>);
-}

package/packages/level2/fd-component-toolbox/subheading/FdSubHeading.jsx

@@ -1,12 +0,0 @@
-import React from "react";
-import { cn } from "@fd-toolbox/lib/utils";
-/**
- * Subheading component for secondary headings
- *
- * @param FdSubHeadingProps {@link FdSubHeadingProps}
- */
-export function FdSubHeading({ children, className, ...props }) {
-    return (<h2 className={cn("pb-1.5 text-sm font-semibold text-muted-foreground", className)} {...props}>
-            {children}
-        </h2>);
-}

package/packages/level2/fd-component-toolbox/switch/FdSwitch.jsx

@@ -1,55 +0,0 @@
-"use client";
-import * as React from "react";
-import { useState, useEffect, useCallback } from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { cn } from "@fd-toolbox/lib/utils";
-import { onInitFdSwitch } from "@fd-component-toolbox/switch/FdSwitch.funcs";
-/**
- * Advanced switch component with form integration and label
- *
- * @param FdSwitchProps {@link FdSwitchProps}
- *
- * Based on {@link https://ui.shadcn.com/docs/components/switch Switch}
- *
- * @example
- * ```tsx
- * function MyForm() {
- *     const [isChecked, setIsChecked] = useState(false);
- *     const form = useForm();
- *
- *     return (
- *         <FdSwitch
- *             text="Enable notifications"
- *             name="notifications"
- *             checked={isChecked}
- *             form={form}
- *             onCheckedChange={setIsChecked}
- *             readOnly={false}
- *         />
- *     );
- * };
- * ```
- */
-export function FdSwitch({ className, text, form, name, checked, skipAnimationOnce, isDisabled, readOnly, ref, ...props }) {
-    const [isChecked, setIsChecked] = useState(checked);
-    useEffect(() => {
-        onInitFdSwitch(name, checked, setIsChecked, form);
-    }, [checked, form, name]);
-    const onChange = useCallback((val) => {
-        if (!readOnly) {
-            setIsChecked(val);
-            form?.setValue(name, val);
-        }
-    }, [form, name, readOnly]);
-    return (<div className="flex h-9 items-center space-x-3 py-2">
-            <SwitchPrimitives.Root key={Number(skipAnimationOnce)} ref={ref} onCheckedChange={onChange} className={cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className)} checked={isChecked} disabled={isDisabled ?? false} {...props}>
-                <SwitchPrimitives.Thumb key={Number(skipAnimationOnce)} className={cn("pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")}/>
-            </SwitchPrimitives.Root>
-            <div className="grid gap-1.5 leading-none">
-                <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-                    {text}
-                </label>
-            </div>
-        </div>);
-}
-FdSwitch.displayName = SwitchPrimitives.Root.displayName;

package/packages/level2/fd-component-toolbox/tabs/FdTabs.jsx

@@ -1,53 +0,0 @@
-import * as Tabs from "@radix-ui/react-tabs";
-/**
- * Root container for tab
- *
- * Based on {@link https://ui.shadcn.com/docs/components/tabs Tabs}
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *     const [activeTab, setActiveTab] = useState("tab1");
- *
- *     return (
- *         <FdTabs value={activeTab} onValueChange={setActiveTab}>
- *             ...
- *         </FdTabs>
- *     );
- * }
- * ```
- */
-const FdTabs = Tabs.Root;
-/**
- * Tab trigger for switching between tab contents
- *
- * Based on {@link https://ui.shadcn.com/docs/components/tabs Tabs.Trigger}
- *
- * @example
- * ```tsx
- * <FdTabsTrigger value="tab1">
- *     ...
- * </FdTabsTrigger>
- * ```
- */
-const FdTabsTrigger = Tabs.Trigger;
-/**
- * Container for tab triggers
- *
- * Based on {@link https://ui.shadcn.com/docs/components/tabs Tabs.List}
- */
-const FdTabsList = Tabs.List;
-/**
- * Content container for each tab
- *
- * Based on {@link https://ui.shadcn.com/docs/components/tabs Tabs.Content}
- *
- * @example
- * ```tsx
- * <FdTabsContent value="tab1">
- *     ...
- * </FdTabsContent>
- * ```
- */
-const FdTabsContent = Tabs.Content;
-export { FdTabs, FdTabsTrigger, FdTabsList, FdTabsContent };