@majapisoftwares/ui 4.3.16 → 5.0.0

package/components/FileInput/isVideo.js

@@ -1,10 +0,0 @@
-const videoExtensions = [".mp4"];
-export default function isVideo(file) {
-    if (typeof file === "string") {
-        return videoExtensions.some((ext) => file.endsWith(ext));
-    }
-    if (file instanceof File) {
-        return videoExtensions.some((ext) => file.name.endsWith(ext));
-    }
-    return false;
-}

package/components/FileSelect/FileSelect.d.ts

@@ -1,31 +0,0 @@
-import { type ReactElement, type ReactNode, type Ref } from "react";
-export interface FileSelectProps {
-    uploadAFileText?: string;
-    orDragAndDropText?: string;
-    upToText?: string;
-    anyFileText?: string;
-    dropFilesHereText?: string;
-    uploadingText?: string;
-    maxFileSize?: number | string;
-    allowedFileTypes?: string[];
-    id?: string;
-    limit?: number;
-    onAcceptFiles: (files: File[]) => void;
-    onRejectFiles?: (files: File[], reason: "type" | "size") => void;
-    helperText?: string;
-    className?: string;
-    error?: boolean;
-    icon?: ReactElement<{
-        className?: string;
-    }>;
-    uploading?: boolean;
-    disabled?: boolean;
-    additionalBottomInfo?: ReactNode;
-    ref?: Ref<HTMLInputElement>;
-    innerClassName?: string;
-}
-declare function FileSelect({ maxFileSize, allowedFileTypes, id, limit, onAcceptFiles, className, uploadAFileText, orDragAndDropText, upToText, anyFileText, dropFilesHereText, uploadingText, icon, uploading, disabled, additionalBottomInfo, onRejectFiles, error, ref, innerClassName, }: FileSelectProps): import("react").JSX.Element;
-export default FileSelect;
-export declare function FileSelectProvider({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/components/FileSelect/FileSelect.jsx

@@ -1,146 +0,0 @@
-import { cloneElement, useCallback, useEffect, useId, useState, } from "react";
-import clsx from "../../utils/clsx";
-import { DndProvider, useDrop } from "react-dnd";
-import { HTML5Backend, NativeTypes } from "react-dnd-html5-backend";
-import numeral from "numeral";
-import { ArrowUpTrayIcon } from "@heroicons/react/24/solid";
-import { DocumentIcon } from "@heroicons/react/24/outline";
-import Loading from "../Loading";
-import { uniq } from "lodash-es";
-const translateAllowedType = (type) => ({
-    "image/png": "PNG",
-    ".png": "PNG",
-    "image/jpeg": "JPG",
-    ".jpg": "JPG",
-    ".jpeg": "JPG",
-    ".gif": "GIF",
-    "image/gif": "GIF",
-    "video/mp4": "MP4",
-    ".mp4": "MP4",
-    ".csv": "CSV",
-    "audio/mpeg": "MP3",
-    "application/pdf": "PDF",
-    "text/csv": "CSV",
-    "application/msword": "DOC",
-    "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
-    "application/vnd.openxmlformats-officedocument.presentationml.presentation": "PPTX",
-    ".webp": "WEBP",
-    "image/webp": "WEBP",
-})[type] || type;
-const defaultIcon = <DocumentIcon />;
-function checkAllowedFileTypesFn(file, allowedFileTypes) {
-    return (!allowedFileTypes ||
-        allowedFileTypes.includes(file.type) ||
-        allowedFileTypes.some((t) => file.name.endsWith(t)));
-}
-function FileSelect({ maxFileSize, allowedFileTypes, id, limit, onAcceptFiles, className, uploadAFileText = "Upload a file", orDragAndDropText = "or drag and drop", upToText = "up to", anyFileText = "Any file", dropFilesHereText = "Drop files here", uploadingText = "Uploading...", icon = defaultIcon, uploading, disabled, additionalBottomInfo, onRejectFiles, error, ref, innerClassName, }) {
-    const innerId = useId();
-    id = id || innerId;
-    maxFileSize =
-        typeof maxFileSize === "string"
-            ? numeral(maxFileSize).value() || undefined
-            : maxFileSize;
-    maxFileSize = maxFileSize || numeral("10MB").value() || undefined;
-    const checkAllowedFileTypes = useCallback((file) => checkAllowedFileTypesFn(file, allowedFileTypes), [allowedFileTypes]);
-    const handleFileBrowse = (event) => {
-        if (!event.target.files) {
-            throw Error("Files is falsy");
-        }
-        const files = Array.from(event.target.files);
-        const acceptedFiles = files.filter((file) => checkAllowedFileTypes(file) && file.size <= maxFileSize);
-        if (onRejectFiles) {
-            const rejectedFilesType = files.filter((file) => !checkAllowedFileTypes(file));
-            if (rejectedFilesType.length) {
-                onRejectFiles(rejectedFilesType, "type");
-            }
-            const rejectedFilesSize = files.filter((file) => file.size > maxFileSize);
-            if (rejectedFilesSize.length) {
-                onRejectFiles(rejectedFilesSize, "size");
-            }
-        }
-        onAcceptFiles(acceptedFiles);
-        event.target.value = "";
-    };
-    const [pasteEnabled, setPasteEnabled] = useState(false);
-    useOnPasteFiles(pasteEnabled, onAcceptFiles, allowedFileTypes);
-    const [{ canDrop, isOver }, drop] = useDrop(() => ({
-        accept: [NativeTypes.FILE],
-        drop(item) {
-            if (!disabled) {
-                let files = item.files;
-                files = files.filter(checkAllowedFileTypes);
-                onAcceptFiles(files);
-            }
-        },
-        collect: (monitor) => ({
-            isOver: monitor.isOver(),
-            canDrop: monitor.canDrop(),
-        }),
-    }));
-    return (<div ref={(ref) => {
-            drop(ref);
-        }} className={clsx("flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6", "border-zinc-300 hover:border-zinc-400 dark:border-zinc-700 dark:hover:border-zinc-600", "data-is-over:border-primary-300 data-is-over:dark:border-primary-700", "data-disabled:cursor-not-allowed data-disabled:border-zinc-200", "data-error:border-error-500", className)} data-is-over={isOver || undefined} data-error={error || undefined} data-disabled={disabled || undefined} onMouseMove={!disabled ? () => setPasteEnabled(true) : undefined} onMouseOut={!disabled ? () => setPasteEnabled(false) : undefined}>
-      {uploading ? (<div className={clsx("flex flex-col items-center justify-center gap-2 text-center", innerClassName)}>
-          <Loading className={clsx("h-10 w-10", {
-                "text-primary-500": isOver,
-            })}/>
-          <div>{uploadingText}</div>
-        </div>) : !canDrop || disabled ? (<div className={clsx("relative flex flex-col items-center justify-center gap-2 text-center", innerClassName)}>
-          <div className="relative flex flex-col items-center justify-center gap-2 text-center">
-            {cloneElement(icon, {
-                className: clsx("mx-auto h-12 w-12 text-zinc-400", icon.props.className),
-            })}
-            <div className="text-sm">
-              <label htmlFor={id} className={clsx("text-primary-600 focus-within:ring-primary-500 hover:text-primary-500 relative rounded-md font-medium focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-hidden dark:ring-offset-slate-900", {
-                "cursor-pointer": !disabled,
-                "cursor-not-allowed": disabled,
-            })}>
-                <span>{uploadAFileText}</span>
-                {!disabled && (<input id={id} name={id} type="file" className="sr-only" accept={allowedFileTypes?.join(",")} onChange={handleFileBrowse} multiple={limit !== 1} ref={ref}/>)}
-              </label>
-              <span className="pl-1">{orDragAndDropText}</span>
-            </div>
-            <p className="text-xs text-zinc-500">
-              {allowedFileTypes
-                ? uniq(allowedFileTypes.map(translateAllowedType)).join(", ")
-                : anyFileText}{" "}
-              {upToText} {numeral(maxFileSize).format("0b")}
-            </p>
-          </div>
-          {additionalBottomInfo}
-        </div>) : (<div className={clsx("flex flex-col items-center justify-center gap-2 text-center", innerClassName)}>
-          <ArrowUpTrayIcon className={clsx("w-10 text-7xl", {
-                "text-primary-500": isOver,
-            })}/>
-          <div>{dropFilesHereText}</div>
-        </div>)}
-    </div>);
-}
-export default FileSelect;
-const useOnPasteFiles = (enabled, onAcceptFiles, allowedFileTypes) => {
-    useEffect(() => {
-        if (enabled) {
-            document.onpaste = function (event) {
-                const items = 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                (event.clipboardData || event.originalEvent.clipboardData)
-                    .items;
-                for (const index in items) {
-                    const item = items[index];
-                    if (item.kind === "file") {
-                        const file = item.getAsFile();
-                        if (checkAllowedFileTypesFn(file, allowedFileTypes)) {
-                            onAcceptFiles([file]);
-                        }
-                    }
-                }
-            };
-            return () => {
-                document.onpaste = null;
-            };
-        }
-    }, [allowedFileTypes, enabled, onAcceptFiles]);
-};
-export function FileSelectProvider({ children }) {
-    return <DndProvider backend={HTML5Backend}>{children}</DndProvider>;
-}

package/components/FileSelect/index.d.ts

@@ -1,3 +0,0 @@
-import FileSelect from "./FileSelect";
-export * from "./FileSelect";
-export default FileSelect;

package/components/FileSelect/index.jsx

@@ -1,3 +0,0 @@
-import FileSelect from "./FileSelect";
-export * from "./FileSelect";
-export default FileSelect;

package/components/Footer/Footer.d.ts

@@ -1,19 +0,0 @@
-import { type ReactElement, type ReactNode } from "react";
-export type FooterProps = {
-    main?: {
-        name: string;
-        href: string;
-    }[];
-    social?: {
-        name: string;
-        href: string;
-        icon: ReactElement<{
-            className: string;
-            "aria-hidden": string;
-        }>;
-    }[];
-    companyName: ReactNode;
-    allRightsReserved?: string;
-    children: ReactNode;
-};
-export default function Footer({ main, social, companyName, allRightsReserved, children, }: FooterProps): import("react").JSX.Element;

package/components/Footer/Footer.jsx

@@ -1,30 +0,0 @@
-import { cloneElement } from "react";
-const CURRENT_YEAR = new Date().getFullYear();
-export default function Footer({ main, social, companyName, allRightsReserved = "All rights reserved", children, }) {
-    return (<>
-      <div className="flex min-h-screen flex-col">{children}</div>
-      <footer className="border-t border-slate-900/5 bg-white dark:border-slate-50/5 dark:bg-zinc-900">
-        <div className="mx-auto max-w-7xl overflow-hidden px-4 py-12 sm:px-6 lg:px-8">
-          {main && (<nav className="-mx-5 -my-2 mb-8 flex flex-wrap justify-center" aria-label="Footer">
-              {main.map((item) => (<div key={item.name} className="px-5 py-2">
-                  <a href={item.href} className="text-base text-zinc-500 hover:text-zinc-900">
-                    {item.name}
-                  </a>
-                </div>))}
-            </nav>)}
-          {social && (<div className="mb-8 flex justify-center space-x-6">
-              {social.map((item) => (<a key={item.name} href={item.href} className="text-zinc-400 hover:text-zinc-500">
-                  <span className="sr-only">{item.name}</span>
-                  {cloneElement(item.icon, {
-                    className: "h-6 w-6",
-                    "aria-hidden": "true",
-                })}
-                </a>))}
-            </div>)}
-          <p className="text-center text-base text-zinc-400">
-            {companyName} &copy; {CURRENT_YEAR}. {allRightsReserved}.
-          </p>
-        </div>
-      </footer>
-    </>);
-}

package/components/Footer/index.d.ts

@@ -1,3 +0,0 @@
-import Footer from "./Footer";
-export * from "./Footer";
-export default Footer;

package/components/Footer/index.jsx

@@ -1,3 +0,0 @@
-import Footer from "./Footer";
-export * from "./Footer";
-export default Footer;

package/components/GridPattern/GridPattern.d.ts

@@ -1,2 +0,0 @@
-import { type SVGProps } from "react";
-export default function GridPattern(props: SVGProps<SVGPatternElement>): import("react").JSX.Element;

package/components/GridPattern/GridPattern.jsx

@@ -1,12 +0,0 @@
-import { useId } from "react";
-export default function GridPattern(props) {
-    const patternId = useId();
-    return (<svg aria-hidden="true" className="absolute inset-0 h-full w-full">
-      <defs>
-        <pattern id={patternId} width="32" height="32" patternUnits="userSpaceOnUse" {...props}>
-          <path d="M0 32V.5H32" fill="none" stroke="currentColor"/>
-        </pattern>
-      </defs>
-      <rect width="100%" height="100%" fill={`url(#${patternId})`}/>
-    </svg>);
-}

package/components/GridPattern/index.d.ts

@@ -1,3 +0,0 @@
-import GridPattern from "./GridPattern";
-export * from "./GridPattern";
-export default GridPattern;

package/components/GridPattern/index.jsx

@@ -1,3 +0,0 @@
-import GridPattern from "./GridPattern";
-export * from "./GridPattern";
-export default GridPattern;

package/components/Group/Group.d.ts

@@ -1,5 +0,0 @@
-import type { DetailedHTMLProps, HTMLAttributes } from "react";
-export type GroupProps = {
-    wrap?: boolean;
-} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export default function Group({ wrap, className, ...props }: GroupProps): import("react").JSX.Element;

package/components/Group/Group.jsx

@@ -1,6 +0,0 @@
-import clsx from "../../utils/clsx";
-export default function Group({ wrap, className, ...props }) {
-    return (<div {...props} className={clsx("flex gap-2", {
-            "flex-wrap": wrap,
-        }, className)}/>);
-}

package/components/Group/index.d.ts

@@ -1,3 +0,0 @@
-import Group from "./Group";
-export * from "./Group";
-export default Group;

package/components/Group/index.jsx

@@ -1,3 +0,0 @@
-import Group from "./Group";
-export * from "./Group";
-export default Group;

package/components/Header/Header.d.ts

@@ -1,5 +0,0 @@
-import { type DetailedHTMLProps, type HTMLAttributes } from "react";
-export type HeaderProps = {
-    hideOnScroll?: boolean;
-} & DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
-export default function Header({ className, hideOnScroll, ...props }: HeaderProps): import("react").JSX.Element;

package/components/Header/Header.jsx

@@ -1,19 +0,0 @@
-import clsx from "../../utils/clsx";
-import { useScrollYMovement } from "../../hooks/useScroll";
-import { useEffect, useRef, } from "react";
-import useMediaQuery from "../../hooks/useMediaQuery";
-export default function Header({ className, hideOnScroll, ...props }) {
-    const ref = useRef(null);
-    const isMobile = useMediaQuery(`(max-width: 768px)`);
-    useScrollYMovement(74, (scrollYMovement) => {
-        if (ref.current) {
-            ref.current.style.transform = `translateY(-${scrollYMovement}px)`;
-        }
-    }, !hideOnScroll && !isMobile);
-    useEffect(() => {
-        if (ref.current) {
-            ref.current.style.transform = "";
-        }
-    }, [isMobile]);
-    return (<header ref={ref} {...props} className={clsx("scrolled:shadow-md fixed top-0 z-20 flex h-16 w-full items-center px-2.5 shadow-none shadow-slate-900/5 ring-offset-zinc-100 transition-colors duration-500 sm:px-4 md:px-6", "bg-white/95 backdrop-blur-sm [@supports(backdrop-filter:blur(0))]:bg-white/75", "dark:bg-zinc-900/95 dark:[@supports(backdrop-filter:blur(0))]:bg-zinc-900/75", "not-scrolled:bg-transparent!", className)}/>);
-}

package/components/Header/index.d.ts

@@ -1,3 +0,0 @@
-import Header from "./Header";
-export * from "./Header";
-export default Header;

package/components/Header/index.jsx

@@ -1,3 +0,0 @@
-import Header from "./Header";
-export * from "./Header";
-export default Header;

package/components/ImageInput/ImageInput.d.ts

@@ -1,4 +0,0 @@
-import type { ComponentProps } from "react";
-import FileInput from "../FileInput";
-declare function ImageInput<PFP extends object>({ icon, uploadAFileText, allowedFileTypes, fileDisplay, ...props }: ComponentProps<typeof FileInput<PFP>>): import("react").JSX.Element;
-export default ImageInput;

package/components/ImageInput/ImageInput.jsx

@@ -1,8 +0,0 @@
-import FileInput from "../FileInput";
-const defaultIcon = (<svg stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
-    <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round"/>
-  </svg>);
-function ImageInput({ icon = defaultIcon, uploadAFileText = "Upload an image", allowedFileTypes = [".png", ".jpg", ".jpeg", ".webp"], fileDisplay = "preview", ...props }) {
-    return (<FileInput {...props} icon={icon} uploadAFileText={uploadAFileText} allowedFileTypes={allowedFileTypes} fileDisplay={fileDisplay}/>);
-}
-export default ImageInput;

package/components/ImageInput/index.d.ts

@@ -1,3 +0,0 @@
-import ImageInput from "./ImageInput";
-export * from "./ImageInput";
-export default ImageInput;

package/components/ImageInput/index.jsx

@@ -1,3 +0,0 @@
-import ImageInput from "./ImageInput";
-export * from "./ImageInput";
-export default ImageInput;

package/components/Input/Input.d.ts

@@ -1,14 +0,0 @@
-import { type UnstyledInputProps } from "../Input/UnstyledInput";
-export type InputProps<Select extends boolean | undefined> = {
-    loading?: boolean;
-} & UnstyledInputProps<Select>;
-export declare const defaultLabelClassName: string;
-export declare const defaultInputClassNameUncolored = "block w-full rounded-md shadow-xs sm:text-sm data-disabled:cursor-not-allowed dark:bg-zinc-800 dark:placeholder:text-zinc-500 px-2.5";
-export declare const defaultInputClassName: string;
-export declare const defaultHelpTextClassName: string;
-export declare const defaultTrailingClassName = "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2.5 text-zinc-500 text-sm";
-export declare const defaultLeadingClassName = "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-zinc-500 text-sm";
-export declare const defaultLeadingInputClassName = "pl-10";
-export declare const defaultTrailingInputClassName = "pr-10";
-declare function Input<Select extends boolean | undefined>({ error, trailing, labelClassName, inputClassName, helpTextClassName, trailingClassName, leadingClassName, leadingInputClassName, trailingInputClassName, required, label, loading, readOnly, children, disabled, helpText, ref, ...props }: InputProps<Select>): import("react").JSX.Element;
-export default Input;

package/components/Input/Input.jsx

@@ -1,57 +0,0 @@
-import UnstyledInput, {} from "../Input/UnstyledInput";
-import { defaultTextStyles } from "../Text";
-import { ExclamationCircleIcon } from "@heroicons/react/20/solid";
-import InputIcon from "./InputIcon";
-import { cloneElement, Fragment } from "react";
-import recursiveChildrenMap from "../../utils/recursiveChildrenMap";
-import clsx from "../../utils/clsx";
-export const defaultLabelClassName = `ui-input-label block ${defaultTextStyles.variant.label} mb-1`;
-export const defaultInputClassNameUncolored = "block w-full rounded-md shadow-xs sm:text-sm data-disabled:cursor-not-allowed dark:bg-zinc-800 dark:placeholder:text-zinc-500 px-2.5";
-export const defaultInputClassName = clsx("ui-input-input", defaultInputClassNameUncolored, "border-zinc-300 focus:border-primary-500 focus:ring-primary-500 data-disabled:border-zinc-200 data-disabled:bg-zinc-50", "dark:border-zinc-700 dark:focus:border-primary-500 dark:data-disabled:border-zinc-800 dark:data-disabled:bg-zinc-900/90 data-disabled:text-zinc-500");
-export const defaultHelpTextClassName = `mt-2 ${defaultTextStyles.variant.secondary}`;
-export const defaultTrailingClassName = "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2.5 text-zinc-500 text-sm";
-export const defaultLeadingClassName = "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-zinc-500 text-sm";
-export const defaultLeadingInputClassName = "pl-10";
-export const defaultTrailingInputClassName = "pr-10";
-function Input({ error, trailing, labelClassName, inputClassName, helpTextClassName, trailingClassName, leadingClassName, leadingInputClassName, trailingInputClassName, required, label, loading, readOnly, children, disabled, helpText, ref, ...props }) {
-    trailing =
-        trailing ||
-            (error ? (<InputIcon className="text-error-500">
-        <ExclamationCircleIcon aria-hidden="true"/>
-      </InputIcon>) : undefined);
-    labelClassName = clsx(defaultLabelClassName, labelClassName);
-    inputClassName = clsx(error ? defaultInputClassNameUncolored : defaultInputClassName, inputClassName, {
-        "animate-pulse": loading,
-    });
-    helpTextClassName = clsx(defaultHelpTextClassName, helpTextClassName);
-    trailingClassName = clsx(defaultTrailingClassName, trailingClassName);
-    leadingClassName = clsx(defaultLeadingClassName, leadingClassName);
-    leadingInputClassName = clsx(defaultLeadingInputClassName, leadingInputClassName);
-    trailingInputClassName = clsx(defaultTrailingInputClassName, trailingInputClassName);
-    if (typeof error === "string") {
-        helpText = error;
-        error = true;
-    }
-    if (error) {
-        inputClassName = `${inputClassName} border-error-300 dark:border-error-500 text-error-900 dark:text-error-500 placeholder-error-300 focus:border-error-500 dark:focus:border-error-500 focus:ring-error-500`;
-        helpTextClassName = `${helpTextClassName} text-error-600! dark:text-error-500!`;
-    }
-    if (readOnly) {
-        inputClassName = `${inputClassName} border-dashed`;
-    }
-    if (label && required) {
-        label = (<>
-        {label} <span className="text-red-500">*</span>
-      </>);
-    }
-    return (<UnstyledInput 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    {...props} trailing={trailing} labelClassName={labelClassName} inputClassName={inputClassName} helpTextClassName={helpTextClassName} trailingClassName={trailingClassName} leadingClassName={leadingClassName} leadingInputClassName={leadingInputClassName} trailingInputClassName={trailingInputClassName} ref={ref} required={required} label={label} readOnly={readOnly} disabled={disabled} data-disabled={disabled || undefined} helpText={helpText}>
-      {recursiveChildrenMap(children, (child) => cloneElement(child, child.type !== Fragment
-            ? {
-                disabled: readOnly || disabled || child.props.disabled,
-            }
-            : undefined))}
-    </UnstyledInput>);
-}
-export default Input;

package/components/Input/InputIcon.d.ts

@@ -1,9 +0,0 @@
-import { type ReactElement } from "react";
-export default function InputIcon({ className, children, }: {
-    className?: string;
-    children: ReactElement<{
-        className?: string;
-    }>;
-}): ReactElement<{
-    className?: string;
-}, string | import("react").JSXElementConstructor<any>>;

package/components/Input/InputIcon.jsx

@@ -1,7 +0,0 @@
-import { cloneElement } from "react";
-import clsx from "../../utils/clsx";
-export default function InputIcon({ className, children, }) {
-    return cloneElement(children, {
-        className: clsx("h-5 w-5", className),
-    });
-}

package/components/Input/MultiSelectInput.d.ts

@@ -1,16 +0,0 @@
-import type { ComponentProps } from "react";
-import { type InputProps } from "./Input";
-declare function MultiSelectInput({ options, value, onChange, emptyLabel, ref, badgeClassName, name, onValueChange, inputClassName, emptyClassName, noneLabel, ...props }: Omit<InputProps<undefined>, "value"> & {
-    options: {
-        value: string;
-        name: string;
-    }[];
-    value?: string[];
-    onValueChange?: (value: string[]) => void;
-    emptyLabel?: string;
-    badgeClassName?: string;
-    emptyClassName?: string;
-    noneLabel?: string;
-}): import("react").JSX.Element;
-export type MultiSelectInputProps = ComponentProps<typeof MultiSelectInput>;
-export default MultiSelectInput;

package/components/Input/MultiSelectInput.jsx

@@ -1,48 +0,0 @@
-import Input, {} from "./Input";
-import DropdownMenu from "../DropdownMenu";
-import Button from "../Button";
-import { ChevronDownIcon } from "@heroicons/react/16/solid";
-import { xor } from "lodash-es";
-import clsx from "../../utils/clsx";
-import Badge from "../Badge";
-import useInputRefValue from "./useInputRefValue";
-import { useDeepCompareEffect } from "react-use";
-function MultiSelectInput({ options, value, onChange, emptyLabel = "None", ref, badgeClassName, name, onValueChange, inputClassName, emptyClassName, noneLabel = "None", ...props }) {
-    const { innerRef, innerValue, setInnerValue } = useInputRefValue({
-        value,
-        ref,
-        name,
-        onChange,
-    });
-    const isEmpty = !innerValue?.length;
-    useDeepCompareEffect(() => {
-        if (onValueChange) {
-            onValueChange(innerValue || []);
-        }
-    }, [{ innerValue }]);
-    emptyClassName = isEmpty
-        ? clsx("text-zinc-500 dark:text-zinc-500", emptyClassName)
-        : "p-1.5";
-    return (<DropdownMenu.Root>
-      <DropdownMenu.Trigger asChild>
-        <Input as={Button} {...props} name={name} ref={innerRef} trailing={<ChevronDownIcon className="h-5 w-5 shrink-0"/>} inputClassName={clsx("text-left dark:hover:bg-zinc-700/70 bg-white gap-1.5 flex justify-start flex-wrap", emptyClassName, inputClassName)}>
-          {isEmpty
-            ? emptyLabel
-            : options
-                .filter((option) => innerValue.includes(option.value))
-                .map((option, index) => (<Badge key={index} className={badgeClassName} onActionClick={() => setInnerValue(xor(innerValue, [option.value]))}>
-                    {option.name}
-                  </Badge>))}
-        </Input>
-      </DropdownMenu.Trigger>
-      <DropdownMenu.Content>
-        <DropdownMenu.Item onClick={() => setInnerValue([])}>
-          {noneLabel}
-        </DropdownMenu.Item>
-        {options.map((option) => (<DropdownMenu.CheckboxItem key={option.name} checked={innerValue?.includes(option.value)} onClick={() => setInnerValue(xor(innerValue, [option.value]))}>
-            {option.name}
-          </DropdownMenu.CheckboxItem>))}
-      </DropdownMenu.Content>
-    </DropdownMenu.Root>);
-}
-export default MultiSelectInput;

package/components/Input/NumericInput.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentProps } from "react";
-import { type InputProps } from "./Input";
-import { type NumericFormatProps } from "react-number-format";
-declare function NumericInput({ ref, ...props }: Omit<NumericFormatProps, "customInput"> & InputProps<undefined>): import("react").JSX.Element;
-export type NumericInputProps = ComponentProps<typeof NumericInput>;
-export default NumericInput;

package/components/Input/NumericInput.jsx

@@ -1,6 +0,0 @@
-import Input, {} from "./Input";
-import { NumericFormat } from "react-number-format";
-function NumericInput({ ref, ...props }) {
-    return <NumericFormat getInputRef={ref} customInput={Input} {...props}/>;
-}
-export default NumericInput;

package/components/Input/PatternInput.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentProps } from "react";
-import { type InputProps } from "./Input";
-import { type PatternFormatProps } from "react-number-format";
-declare function PatternInput(props: Omit<PatternFormatProps, "customInput"> & InputProps<undefined>): import("react").JSX.Element;
-export type PatternInputProps = ComponentProps<typeof PatternInput>;
-export default PatternInput;

package/components/Input/PatternInput.jsx

@@ -1,6 +0,0 @@
-import Input, {} from "./Input";
-import { PatternFormat } from "react-number-format";
-function PatternInput(props) {
-    return <PatternFormat customInput={Input} {...props}/>;
-}
-export default PatternInput;

package/components/Input/SelectInput.d.ts

@@ -1,12 +0,0 @@
-import { type ComponentProps, type ReactNode } from "react";
-import { type InputProps } from "./index";
-declare function SelectInput({ options, onChange, ref, placeholder, inputClassName, value, name, ...props }: InputProps<false> & {
-    options: {
-        value: string;
-        name: ReactNode;
-    }[];
-    children?: ReactNode;
-    placeholder?: string;
-}): import("react").JSX.Element;
-export type SelectInputProps = ComponentProps<typeof SelectInput>;
-export default SelectInput;

package/components/Input/SelectInput.jsx

@@ -1,25 +0,0 @@
-import {} from "react";
-import Input, {} from "./index";
-import Select from "../Select/Select";
-import clsx from "../../utils/clsx";
-import useInputRefValue from "./useInputRefValue";
-function SelectInput({ options, onChange, ref, placeholder, inputClassName, value, name, ...props }) {
-    const { innerRef, innerValue, setInnerValue } = useInputRefValue({
-        value,
-        ref,
-        name,
-        onChange,
-    });
-    return (<Input as={Select.Root} {...props} ref={innerRef} {...{
-        value: innerValue ?? "",
-        onValueChange: setInnerValue,
-    }}>
-      <Select.Trigger placeholder={placeholder} buttonClassName={clsx("bg-white dark:hover:bg-zinc-700/70 dark:bg-zinc-800 w-full justify-between min-h-[38px]", inputClassName)}/>
-      <Select.Content>
-        {options?.map((option) => (<Select.Item key={option.value} value={option.value}>
-            {option.name}
-          </Select.Item>))}
-      </Select.Content>
-    </Input>);
-}
-export default SelectInput;

package/components/Input/UnstyledInput.d.ts

@@ -1,22 +0,0 @@
-import { type ComponentType, type DetailedHTMLProps, type InputHTMLAttributes, type ReactNode } from "react";
-export type UnstyledInputCommonProps = {
-    label?: ReactNode;
-    inputClassName?: string;
-    labelClassName?: string;
-    helpTextClassName?: string;
-    trailingClassName?: string;
-    trailingInputClassName?: string;
-    leadingClassName?: string;
-    leadingInputClassName?: string;
-    helpText?: ReactNode;
-    trailing?: ReactNode;
-    leading?: ReactNode;
-    as?: ComponentType;
-    innerClassName?: string;
-    error?: boolean | string;
-};
-export type UnstyledInputProps<Select extends boolean | undefined> = UnstyledInputCommonProps & {
-    select?: Select;
-} & (Select extends string ? DetailedHTMLProps<InputHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> : DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>);
-declare function UnstyledInput<Select extends boolean | undefined>({ id, label, className, inputClassName, labelClassName, helpTextClassName, trailingClassName, trailingInputClassName, leadingClassName, leadingInputClassName, helpText, type, leading, trailing, select, children, as, innerClassName, value, ...props }: UnstyledInputProps<Select>): import("react").JSX.Element;
-export default UnstyledInput;