@ciridae/ui 0.17.0 → 1.0.1

package/dist/components/ui/file-upload-field.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FileUploadCompactControl, FileUploadDropZone, FileUploadList, } from "./file-upload-field-parts.js";
-import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "./field.js";
-function FileUploadField({ acceptedFileTypes, className, description, disabled = false, files, label = "Attachments", maxAttachmentSizeMb = 10, maxAttachments = 4, onFilesChange, showConstraints = true, variant = "dropzone", }) {
-    const inputId = React.useId();
-    const uploadState = useFileUploadFieldState({
-        acceptedFileTypes,
-        files,
-        maxAttachmentSizeMb,
-        maxAttachments,
-        onFilesChange,
-    });
-    const fieldDescription = description ??
-        (variant === "compact"
-            ? "Optional supporting files."
-            : "Attach screenshots, documents, or source files that help explain the request.");
-    return (_jsxs(Field, { className: className, "data-invalid": !!uploadState.error, children: [_jsxs(FieldContent, { children: [_jsx(FieldLabel, { htmlFor: inputId, children: label }), _jsx(FieldDescription, { children: getFieldDescription(fieldDescription, showConstraints, {
-                            maxAttachmentSizeMb,
-                            maxAttachments,
-                        }) })] }), variant === "compact" ? (_jsx(FileUploadCompactControl, { acceptedFileTypes: acceptedFileTypes, disabled: disabled, dragActive: uploadState.dragActive, error: uploadState.error, files: files, inputId: inputId, inputRef: uploadState.inputRef, maxAttachments: maxAttachments, onAddFiles: uploadState.addFiles, onDragActiveChange: uploadState.setDragActive })) : (_jsx(FileUploadDropZone, { acceptedFileTypes: acceptedFileTypes, disabled: disabled, dragActive: uploadState.dragActive, error: uploadState.error, files: files, inputId: inputId, inputRef: uploadState.inputRef, maxAttachments: maxAttachments, onAddFiles: uploadState.addFiles, onDragActiveChange: uploadState.setDragActive })), _jsx(FileUploadList, { disabled: disabled, files: files, onRemoveFile: uploadState.removeFile }), uploadState.error ? (_jsx(FieldError, { id: `${inputId}-error`, children: uploadState.error })) : null] }));
-}
-function useFileUploadFieldState({ acceptedFileTypes, files, maxAttachmentSizeMb, maxAttachments, onFilesChange, }) {
-    const inputRef = React.useRef(null);
-    const [dragActive, setDragActive] = React.useState(false);
-    const [error, setError] = React.useState();
-    const addFiles = (incomingFiles) => {
-        const nextFiles = Array.from(incomingFiles);
-        const validationError = getFileUploadError({
-            acceptedFileTypes,
-            currentCount: files.length,
-            files: nextFiles,
-            maxAttachmentSizeMb: maxAttachmentSizeMb ?? 10,
-            maxAttachments: maxAttachments ?? 4,
-        });
-        setError(validationError);
-        if (validationError)
-            return;
-        onFilesChange([...files, ...nextFiles]);
-        if (inputRef.current)
-            inputRef.current.value = "";
-    };
-    const removeFile = (indexToRemove) => {
-        setError(undefined);
-        onFilesChange(files.filter((_, index) => index !== indexToRemove));
-    };
-    return { addFiles, dragActive, error, inputRef, removeFile, setDragActive };
-}
-function getFieldDescription(description, showConstraints, { maxAttachmentSizeMb, maxAttachments, }) {
-    if (!showConstraints)
-        return description;
-    return `${description} Up to ${maxAttachments} files, ${maxAttachmentSizeMb} MB each.`;
-}
-function getFileUploadError({ acceptedFileTypes, currentCount, files, maxAttachmentSizeMb, maxAttachments, }) {
-    if (currentCount + files.length > maxAttachments) {
-        return `Attach up to ${maxAttachments} files.`;
-    }
-    const oversizedFile = files.find((file) => file.size > maxAttachmentSizeMb * 1024 * 1024);
-    if (oversizedFile) {
-        return `${oversizedFile.name} is larger than ${maxAttachmentSizeMb} MB.`;
-    }
-    const unsupportedFile = files.find((file) => !isAcceptedFile(file, acceptedFileTypes));
-    if (unsupportedFile) {
-        return `${unsupportedFile.name} is not an accepted file type.`;
-    }
-    return undefined;
-}
-function isAcceptedFile(file, acceptedFileTypes) {
-    if (!acceptedFileTypes)
-        return true;
-    const rules = acceptedFileTypes
-        .split(",")
-        .map((rule) => rule.trim().toLowerCase())
-        .filter(Boolean);
-    const fileName = file.name.toLowerCase();
-    const fileType = file.type.toLowerCase();
-    return rules.some((rule) => {
-        if (rule.startsWith("."))
-            return fileName.endsWith(rule);
-        if (rule.endsWith("/*"))
-            return fileType.startsWith(rule.slice(0, -1));
-        return fileType === rule;
-    });
-}
-export { FileUploadField };

package/dist/components/ui/form-context.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { type FieldPath, type FieldValues } from "react-hook-form";
-type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    name: TName;
-};
-type FormItemContextValue = {
-    id: string;
-};
-declare const FormFieldContext: React.Context<FormFieldContextValue<FieldValues, string> | null>;
-declare const FormItemContext: React.Context<FormItemContextValue | null>;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: import("react-hook-form/dist").FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-export { FormFieldContext, FormItemContext, useFormField };

package/dist/components/ui/form-context.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { useFormContext, useFormState } from "react-hook-form";
-const FormFieldContext = React.createContext(null);
-const FormItemContext = React.createContext(null);
-function useFormFieldContext() {
-    const context = React.useContext(FormFieldContext);
-    if (!context) {
-        throw new Error("useFormField should be used within <FormField>");
-    }
-    return context;
-}
-function useFormItemContext() {
-    const context = React.useContext(FormItemContext);
-    if (!context) {
-        throw new Error("useFormField should be used within <FormItem>");
-    }
-    return context;
-}
-const useFormField = () => {
-    const fieldContext = useFormFieldContext();
-    const itemContext = useFormItemContext();
-    const { getFieldState } = useFormContext();
-    const formState = useFormState({ name: fieldContext.name });
-    const fieldState = getFieldState(fieldContext.name, formState);
-    const { id } = itemContext;
-    return {
-        id,
-        name: fieldContext.name,
-        formItemId: `${id}-form-item`,
-        formDescriptionId: `${id}-form-item-description`,
-        formMessageId: `${id}-form-item-message`,
-        ...fieldState,
-    };
-};
-export { FormFieldContext, FormItemContext, useFormField };

package/dist/components/ui/form-sheet.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-type FormSheetActions = Readonly<{
-    /**
-     * Spread onto the `SheetContent` this form sheet wraps. Carries the
-     * close-focus handler; without it, closing drops focus on `<body>`.
-     */
-    contentProps: Readonly<{
-        onCloseAutoFocus: (event: Event) => void;
-    }>;
-    requestClose: () => void;
-}>;
-type FormSheetProps = {
-    children: React.ReactNode;
-    closeDisabled?: boolean;
-    isDirty: boolean;
-    onOpenChange: (open: boolean) => void;
-    open: boolean;
-    trigger?: React.ReactElement;
-};
-declare function useFormSheetActions(): FormSheetActions;
-declare function FormSheet({ children, closeDisabled, isDirty, onOpenChange, open, trigger, }: FormSheetProps): React.JSX.Element;
-export { FormSheet, useFormSheetActions, type FormSheetActions, type FormSheetProps };

package/dist/components/ui/form-sheet.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "./alert-dialog.js";
-import { Sheet, SheetTrigger } from "./sheet.js";
-const FormSheetContext = React.createContext(null);
-function useFormSheetActions() {
-    const actions = React.useContext(FormSheetContext);
-    if (!actions)
-        throw new Error("useFormSheetActions must be used within a FormSheet");
-    return actions;
-}
-function FormSheet({ children, closeDisabled = false, isDirty, onOpenChange, open, trigger, }) {
-    const [discardPromptOpen, setDiscardPromptOpen] = React.useState(false);
-    const sheetReturnFocusRef = React.useRef(null);
-    const discardReturnFocusRef = React.useRef(null);
-    // Layout effect: parent layout effects run before the sheet's focus scope
-    // captures on mount, so this still sees the element focused before opening.
-    React.useLayoutEffect(() => {
-        if (open)
-            sheetReturnFocusRef.current = getActiveElement();
-    }, [open]);
-    const requestClose = React.useCallback(() => {
-        if (closeDisabled)
-            return;
-        if (isDirty) {
-            discardReturnFocusRef.current = getActiveElement();
-            setDiscardPromptOpen(true);
-            return;
-        }
-        onOpenChange(false);
-    }, [closeDisabled, isDirty, onOpenChange]);
-    const handleSheetCloseAutoFocus = React.useCallback((event) => {
-        returnFocusTo(event, sheetReturnFocusRef.current);
-    }, []);
-    const handleDiscardCloseAutoFocus = React.useCallback((event) => {
-        returnFocusTo(event, discardReturnFocusRef.current);
-    }, []);
-    const actions = React.useMemo(() => ({
-        contentProps: { onCloseAutoFocus: handleSheetCloseAutoFocus },
-        requestClose,
-    }), [handleSheetCloseAutoFocus, requestClose]);
-    function handleOpenChange(nextOpen) {
-        if (nextOpen) {
-            onOpenChange(true);
-            return;
-        }
-        requestClose();
-    }
-    function discardChanges() {
-        setDiscardPromptOpen(false);
-        onOpenChange(false);
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs(Sheet, { onOpenChange: handleOpenChange, open: open, children: [trigger ? _jsx(SheetTrigger, { asChild: true, children: trigger }) : null, _jsx(FormSheetContext.Provider, { value: actions, children: children })] }), _jsx(DiscardChangesPrompt, { onCloseAutoFocus: handleDiscardCloseAutoFocus, onDiscard: discardChanges, onOpenChange: setDiscardPromptOpen, open: discardPromptOpen })] }));
-}
-/**
- * Radix aims its close-focus at the overlay's trigger. A controlled sheet has
- * no trigger, so Radix suppresses the focus scope's own fallback and then
- * focuses nothing, leaving `<body>` active. Restoring here rather than on a
- * timer is what keeps the timing right: Radix fires this after the content
- * unmounts, which is the moment the element is safe to focus again.
- */
-function returnFocusTo(event, returnFocus) {
-    if (!returnFocus?.isConnected)
-        return; // discarded: the sheet owns focus from here
-    event.preventDefault();
-    returnFocus.focus();
-}
-function DiscardChangesPrompt({ onCloseAutoFocus, onDiscard, onOpenChange, open, }) {
-    return (_jsx(AlertDialog, { onOpenChange: onOpenChange, open: open, children: _jsxs(AlertDialogContent, { onCloseAutoFocus: onCloseAutoFocus, size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Discard unsaved changes?" }), _jsx(AlertDialogDescription, { children: "Your changes have not been saved. Keep editing or discard them and close this panel." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Keep editing" }), _jsx(AlertDialogAction, { onClick: onDiscard, variant: "destructive", children: "Discard changes" })] })] }) }));
-}
-function getActiveElement() {
-    return document.activeElement instanceof HTMLElement ? document.activeElement : null;
-}
-export { FormSheet, useFormSheetActions };

package/dist/components/ui/form.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import type { Label as LabelPrimitive } from "radix-ui";
-import { Slot } from "radix-ui";
-import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form/dist").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
-declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
-declare function FormControl({ ...props }: React.ComponentProps<typeof Slot.Root>): React.JSX.Element;
-declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
-export { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };

package/dist/components/ui/form.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "radix-ui";
-import { Controller, FormProvider, } from "react-hook-form";
-import { cn } from "../../lib/utils.js";
-import { FormFieldContext, FormItemContext, useFormField } from "./form-context.js";
-import { Label } from "./label.js";
-const Form = FormProvider;
-const FormField = ({ ...props }) => {
-    const contextValue = React.useMemo(() => ({ name: props.name }), [props.name]);
-    return (_jsx(FormFieldContext.Provider, { value: contextValue, children: _jsx(Controller, { ...props }) }));
-};
-function FormItem({ className, ...props }) {
-    const id = React.useId();
-    const contextValue = React.useMemo(() => ({ id }), [id]);
-    return (_jsx(FormItemContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
-}
-function FormLabel({ className, ...props }) {
-    const { error, formItemId } = useFormField();
-    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
-}
-function FormControl({ ...props }) {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return (_jsx(Slot.Root, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
-}
-function FormDescription({ className, ...props }) {
-    const { formDescriptionId } = useFormField();
-    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-function FormMessage({ className, ...props }) {
-    const { error, formMessageId } = useFormField();
-    const body = error ? String(error?.message ?? "") : props.children;
-    if (!body) {
-        return null;
-    }
-    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-sm text-destructive", className), ...props, children: body }));
-}
-export { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };

package/dist/components/ui/hover-card.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { HoverCard as HoverCardPrimitive } from "radix-ui";
-declare function HoverCardPortalContainerProvider({ children, container, }: {
-    children: React.ReactNode;
-    container: HTMLElement | null;
-}): React.JSX.Element;
-declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
-declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): React.JSX.Element;
-declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): React.JSX.Element;
-export { HoverCard, HoverCardTrigger, HoverCardContent, HoverCardPortalContainerProvider };

package/dist/components/ui/hover-card.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-const HoverCardPortalContainerContext = React.createContext({
-    container: null,
-});
-function HoverCardPortalContainerProvider({ children, container, }) {
-    const value = React.useMemo(() => ({ container }), [container]);
-    return (_jsx(HoverCardPortalContainerContext.Provider, { value: value, children: children }));
-}
-function HoverCard({ ...props }) {
-    return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
-}
-function HoverCardTrigger({ ...props }) {
-    return _jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
-}
-function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
-    const { container } = React.useContext(HoverCardPortalContainerContext);
-    return (_jsx(HoverCardPrimitive.Portal, { container: container ?? undefined, "data-slot": "hover-card-portal", children: _jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn("z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border bg-popover p-(--panel-padding) text-popover-foreground shadow-md outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }) }));
-}
-export { HoverCard, HoverCardTrigger, HoverCardContent, HoverCardPortalContainerProvider };

package/dist/components/ui/input-group.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { Button } from "./button.js";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/components/ui/input-group.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Textarea } from "./textarea.js";
-function InputGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-(--control-height) min-w-0 has-[>textarea]:h-auto", 
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", 
-        // Focus state.
-        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[var(--focus-ring-width)] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", 
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className), ...props }));
-}
-const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
-    variants: {
-        align: {
-            "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-            "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-            "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
-            "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3",
-        },
-    },
-    defaultVariants: {
-        align: "inline-start",
-    },
-});
-function InputGroupAddon({ className, align = "inline-start", ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
-            if (e.target instanceof HTMLElement && e.target.closest("button")) {
-                return;
-            }
-            e.currentTarget.parentElement?.querySelector("input")?.focus();
-        }, ...props }));
-}
-const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
-    variants: {
-        size: {
-            xs: "h-(--control-height-xs) gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
-            sm: "h-(--control-height-sm) gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-            "icon-xs": "size-(--control-height-xs) rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-            "icon-sm": "size-(--control-height-sm) p-0 has-[>svg]:p-0",
-        },
-    },
-    defaultVariants: {
-        size: "xs",
-    },
-});
-function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
-    return (_jsx(Button, { type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
-}
-function InputGroupText({ className, ...props }) {
-    return (_jsx("span", { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function InputGroupInput({ className, ...props }) {
-    return (_jsx(Input, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className), ...props }));
-}
-function InputGroupTextarea({ className, ...props }) {
-    return (_jsx(Textarea, { "data-slot": "input-group-control", className: cn("field-sizing-fixed! w-full! min-w-0 flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className), ...props }));
-}
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/components/ui/input-otp.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { OTPInput } from "input-otp";
-declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
-    containerClassName?: string;
-}): React.JSX.Element;
-declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
-    index: number;
-}): React.JSX.Element;
-declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

package/dist/components/ui/input-otp.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { MinusIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-function InputOTP({ className, containerClassName, ...props }) {
-    return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props }));
-}
-function InputOTPGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props }));
-}
-function InputOTPSlot({ index, className, ...props }) {
-    const inputOTPContext = React.useContext(OTPInputContext);
-    const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[var(--focus-ring-width)] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
-}
-function InputOTPSeparator({ ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
-}
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

package/dist/components/ui/input.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-export { Input };

package/dist/components/ui/input.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils.js";
-function Input({ className, type, ...props }) {
-    return (_jsx("input", { type: type, "data-slot": "input", className: cn("h-(--control-height) w-full min-w-0 rounded-md border border-input bg-transparent px-(--control-padding-x) py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-[calc(var(--control-height)-0.375rem)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props }));
-}
-export { Input };

package/dist/components/ui/item.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { Separator } from "./separator.js";
-declare function ItemGroup({ className, role, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemGroupItem({ role, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
-declare const itemVariants: (props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
-    size?: "sm" | "default" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
-declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemGroupItem, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

package/dist/components/ui/item.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-import { Separator } from "./separator.js";
-function ItemGroup({ className, role = "list", ...props }) {
-    return (_jsx("div", { "data-slot": "item-group", role: role, className: cn("group/item-group flex flex-col", className), ...props }));
-}
-function ItemGroupItem({ role = "listitem", ...props }) {
-    return _jsx("div", { "data-slot": "item-group-item", role: role, ...props });
-}
-function ItemSeparator({ className, ...props }) {
-    return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props }));
-}
-const itemVariants = cva(
-// Each variant owns the border color outright: `cn` does not resolve
-// Tailwind conflicts, so base + variant both setting it would leave the
-// winner to the consuming app's CSS emission order.
-"group/item flex flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-transparent",
-            outline: "border-border",
-            muted: "border-transparent bg-muted/50",
-        },
-        size: {
-            default: "gap-(--panel-gap) p-(--panel-padding)",
-            sm: "gap-2.5 px-(--panel-padding) py-3",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "div";
-    return (_jsx(Comp, { "data-slot": "item", "data-variant": variant, "data-size": size, className: cn(itemVariants({ variant, size, className })), ...props }));
-}
-const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4",
-            image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function ItemMedia({ className, variant = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
-}
-function ItemContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className), ...props }));
-}
-function ItemTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-title", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className), ...props }));
-}
-function ItemDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "item-description", className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
-}
-function ItemActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props }));
-}
-function ItemHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
-}
-function ItemFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
-}
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemGroupItem, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

package/dist/components/ui/kbd.d.ts

@@ -1,3 +0,0 @@
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("@types/react").JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
-export { Kbd, KbdGroup };

package/dist/components/ui/kbd.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils.js";
-function Kbd({ className, ...props }) {
-    return (_jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className), ...props }));
-}
-function KbdGroup({ className, ...props }) {
-    return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
-}
-export { Kbd, KbdGroup };

package/dist/components/ui/label.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { Label as LabelPrimitive } from "radix-ui";
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
-export { Label };

package/dist/components/ui/label.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Label as LabelPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-function Label({ className, ...props }) {
-    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
-}
-export { Label };

package/dist/components/ui/loading-state.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { Card } from "./card.js";
-type LoadingStateSize = "sm" | "default" | "lg";
-type LoadingStateProps = React.ComponentProps<"div"> & {
-    description?: React.ReactNode;
-    label?: React.ReactNode;
-    size?: LoadingStateSize;
-};
-declare function LoadingState({ className, description, label, size, ...props }: LoadingStateProps): React.JSX.Element;
-type PageLoadingStateProps = Omit<LoadingStateProps, "size">;
-declare function PageLoadingState({ className, description, label, ...props }: PageLoadingStateProps): React.JSX.Element;
-type TableSkeletonProps = React.ComponentProps<"div"> & {
-    columns?: number;
-    rows?: number;
-    showHeader?: boolean;
-};
-declare function TableSkeleton({ className, columns, rows, showHeader, ...props }: TableSkeletonProps): React.JSX.Element;
-type CardSkeletonProps = React.ComponentProps<typeof Card> & {
-    lines?: number;
-};
-declare function CardSkeleton({ className, lines, variant, ...props }: CardSkeletonProps): React.JSX.Element;
-type FormSkeletonProps = React.ComponentProps<"div"> & {
-    fields?: number;
-};
-declare function FormSkeleton({ className, fields, ...props }: FormSkeletonProps): React.JSX.Element;
-export { LoadingState, PageLoadingState, TableSkeleton, CardSkeleton, FormSkeleton };
-export type { LoadingStateProps, PageLoadingStateProps, TableSkeletonProps, CardSkeletonProps, FormSkeletonProps, };