@majapisoftwares/ui 4.3.17 → 6.0.0

package/components/FileInput/FileInput.jsx

@@ -1,141 +0,0 @@
-import clsx from "../../utils/clsx";
-import { memo, useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { useDeepCompareEffect } from "react-use";
-import { defaultHelpTextClassName, defaultLabelClassName, } from "../Input";
-import FileSelect, {} from "../FileSelect";
-import isomorphicObjectId from "@majapisoftwares/next/utils/isomorphicObjectId";
-import { isEqual } from "lodash-es";
-import Text from "../Text";
-import PreviewFile, {} from "./PreviewFile";
-import concurrentForOf from "@majapisoftwares/next/utils/concurrentForOf";
-import paginated from "@majapisoftwares/next/utils/paginated";
-import Pagination from "../Pagination";
-function FileInput({ error, className, helpText, onChange, name, limit, label, id, required, onMouseOver, onMouseOut, readOnly, value, emptyText = "No files", downloadText = "Download", openText = "Open", fileDisplay, asyncUpload, onRejectFiles, loading, maxConcurrentUploads = 1, fileAdditionalInfo, ref, fileSelectClassName, previewFileClassName, filesPerPage = 10, previewFileComponent, previewFileProps, filesClassName, ...props }) {
-    const [uploading, setUploading] = useState(false);
-    const [innerValue, setInnerValue] = useState(value || []);
-    const [currentPage, setCurrentPage] = useState(1);
-    const PreviewFileComponent = useMemo(() => memo(previewFileComponent || PreviewFile, isEqual), [previewFileComponent]);
-    const paginatedValue = paginated(innerValue, currentPage - 1, filesPerPage);
-    useEffect(() => {
-        const totalPages = Math.ceil(innerValue.length / filesPerPage);
-        if (currentPage > totalPages && totalPages > 0) {
-            setCurrentPage(totalPages);
-        }
-    }, [innerValue.length, currentPage, filesPerPage]);
-    useDeepCompareEffect(() => {
-        if (value && !isEqual(value, innerValue)) {
-            setInnerValue(value);
-        }
-    }, [{ value }]);
-    const innerRef = useRef({
-        get value() {
-            return innerValue;
-        },
-        set value(value) {
-            setInnerValue(value || []);
-        },
-    });
-    useEffect(() => {
-        if (ref) {
-            if (typeof ref === "function") {
-                ref(innerRef.current);
-            }
-            else {
-                try {
-                    ref.current = innerRef.current;
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                }
-                catch (e) {
-                    // do nothing
-                }
-            }
-        }
-    }, [ref]);
-    const handleAcceptFiles = async (files) => {
-        if (!asyncUpload) {
-            setInnerValue((value) => [
-                ...value,
-                ...files
-                    .filter((_file, index) => !limit || index <= limit - value.length - 1)
-                    .map((file) => ({
-                    _id: isomorphicObjectId().toString(),
-                    name: file.name,
-                    file,
-                    type: file.type,
-                    size: file.size,
-                    url: URL.createObjectURL(file),
-                })),
-            ]);
-        }
-        else {
-            setUploading(true);
-            if (onRejectFiles) {
-                const rejectedFilesLimit = files.filter((_file, index) => !(!limit || index <= limit - innerValue.length - 1));
-                if (rejectedFilesLimit.length) {
-                    onRejectFiles(rejectedFilesLimit, "limit");
-                }
-            }
-            const acceptedFiles = files.filter((_file, index) => !limit || index <= limit - innerValue.length - 1);
-            const filesNotUploaded = [];
-            await concurrentForOf(acceptedFiles, async (file) => {
-                try {
-                    const uploadedFile = await asyncUpload({
-                        _id: isomorphicObjectId().toString(),
-                        name: file.name,
-                        file,
-                        type: file.type,
-                        size: file.size,
-                        url: URL.createObjectURL(file),
-                    });
-                    setInnerValue((value) => [...value, uploadedFile]);
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                }
-                catch (e) {
-                    filesNotUploaded.push(file);
-                }
-            }, maxConcurrentUploads);
-            if (onRejectFiles && filesNotUploaded.length) {
-                onRejectFiles(filesNotUploaded, "upload-error");
-            }
-            setUploading(false);
-        }
-    };
-    useDeepCompareEffect(() => {
-        if (onChange) {
-            onChange({
-                target: {
-                    name,
-                    value: innerValue,
-                },
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            });
-        }
-    }, [innerValue]);
-    const handleDeleteClick = useCallback((clickedFile) => () => {
-        setInnerValue((value) => [
-            ...value.filter((file) => file !== clickedFile),
-        ]);
-    }, []);
-    return (<div data-input-name={name} data-error={error ? "" : undefined} data-loading={loading ? "" : undefined} className={clsx("relative data-loading:animate-pulse", className)} onMouseOver={onMouseOver} onMouseOut={onMouseOut}>
-      {label && (<label htmlFor={id} className={defaultLabelClassName}>
-          {label}
-          {required && (<>
-              {" "}
-              <span className="text-red-500">*</span>
-            </>)}
-        </label>)}
-      <div className={clsx("flex flex-col gap-4", {
-            "md:grid md:grid-cols-2": !!innerValue.length,
-            "min-h-[140px]": !!innerValue.length || !readOnly,
-        }, filesClassName)}>
-        {paginatedValue.map((file, index) => (<PreviewFileComponent key={index} file={file} readOnly={readOnly} handleDeleteClick={handleDeleteClick(file)} downloadText={downloadText} display={fileDisplay} openText={openText} additionalInfo={fileAdditionalInfo} index={index} className={previewFileClassName} filesPerPage={filesPerPage} currentPage={currentPage} {...previewFileProps}/>))}
-        {innerValue.length > filesPerPage && (<Pagination className="mx-auto md:col-span-2" currentPage={currentPage} totalItems={innerValue.length} onChangePage={setCurrentPage} itemsPerPage={filesPerPage}/>)}
-        {readOnly && !innerValue.length && (<Text variant="secondary">{emptyText}</Text>)}
-        {!readOnly && (!limit || innerValue.length < limit) && (<FileSelect {...props} className={fileSelectClassName} id={id} onAcceptFiles={handleAcceptFiles} limit={limit ? limit - innerValue.length : undefined} uploading={uploading} onRejectFiles={onRejectFiles} error={error}/>)}
-      </div>
-      {helpText && (<div className={clsx(defaultHelpTextClassName, "in-data-error:text-error-500")}>
-          {helpText}
-        </div>)}
-    </div>);
-}
-export default memo(FileInput, isEqual);

package/components/FileInput/PreviewFile.d.ts

@@ -1,18 +0,0 @@
-import type { FileInputFile } from "./FileInput";
-import { type ReactNode } from "react";
-export type PreviewFileProps = {
-    file: FileInputFile;
-    readOnly?: boolean;
-    handleDeleteClick: () => void;
-    downloadText: string;
-    openText: string;
-    display?: "info" | "preview" | "both";
-    additionalInfo?: (file: FileInputFile, index: number) => ReactNode;
-    index: number;
-    className?: string;
-    filesPerPage: number;
-    currentPage: number;
-};
-declare function PreviewFile({ file, readOnly, handleDeleteClick, downloadText, openText, display, additionalInfo, index, className, filesPerPage, currentPage, }: PreviewFileProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof PreviewFile>;
-export default _default;

package/components/FileInput/PreviewFile.jsx

@@ -1,54 +0,0 @@
-import Group from "../Group";
-import { ArrowDownTrayIcon, DocumentIcon } from "@heroicons/react/24/outline";
-import Stack from "../Stack";
-import Text from "../Text";
-import numeral from "numeral";
-import Button from "../Button";
-import { ArrowTopRightOnSquareIcon, TrashIcon, } from "@heroicons/react/20/solid";
-import { memo } from "react";
-import clsx from "../../utils/clsx";
-import checkIsVideo from "./isVideo";
-import checkIsImage from "./isImage";
-import { isEqual } from "lodash-es";
-function PreviewFile({ file, readOnly, handleDeleteClick, downloadText, openText, display = "info", additionalInfo, index, className, filesPerPage, currentPage, }) {
-    const isVideo = file.type?.startsWith("video") || checkIsVideo(file.url);
-    const isImage = file.type?.startsWith("image") || checkIsImage(file.url);
-    if (display === "preview" && !isVideo && !isImage) {
-        display = "info";
-    }
-    return (<div className={clsx("group relative flex flex-wrap items-center justify-center rounded-md bg-zinc-200 dark:bg-zinc-800", className)}>
-      {["preview", "both"].includes(display) &&
-            (isVideo ? (<video className="max-h-96 rounded-md" src={file.url} controls/>) : (
-            // eslint-disable-next-line @next/next/no-img-element
-            <img src={file.url} alt={file.description} className="max-h-96 rounded-md"/>))}
-      {["info", "both"].includes(display) && (<Group className="w-full items-center gap-0">
-          {display === "info" && (<div className="m-2 mr-0 rounded-lg bg-zinc-300 p-2 dark:bg-zinc-800">
-              <DocumentIcon className="h-5 w-5"/>
-            </div>)}
-          <Stack className="w-full overflow-hidden p-3">
-            <Stack className="gap-1">
-              <div className="flex-1 truncate" title={file.name}>
-                {file.name}
-              </div>
-              {file.description && <div>{file.description}</div>}
-              <Text size="sm">{file.type}</Text>
-              {!!file.size && (<Text size="sm">{numeral(file.size).format("0b")}</Text>)}
-              {!file.url.startsWith("blob") && (<Group className="mr-auto">
-                  <Button leading={<ArrowTopRightOnSquareIcon />} href={file.url} target="_blank">
-                    {openText}
-                  </Button>
-                  <Button leading={<ArrowDownTrayIcon />} href={file.url} download={file.name}>
-                    {downloadText}
-                  </Button>
-                </Group>)}
-            </Stack>
-            {additionalInfo &&
-                additionalInfo(file, index + (currentPage - 1) * filesPerPage)}
-          </Stack>
-        </Group>)}
-      {!readOnly && (<Button icon variant="filled" color="default" className="absolute top-2 right-2 group-hover:opacity-100 sm:opacity-0" onClick={handleDeleteClick}>
-          <TrashIcon />
-        </Button>)}
-    </div>);
-}
-export default memo(PreviewFile, isEqual);

package/components/FileInput/index.d.ts

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

package/components/FileInput/index.jsx

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

package/components/FileInput/isImage.d.ts

@@ -1 +0,0 @@
-export default function isImage(file: File | string): boolean;

package/components/FileInput/isImage.js

@@ -1,10 +0,0 @@
-const imageExtensions = [".png", ".jpg", ".jpeg", ".webp"];
-export default function isImage(file) {
-    if (typeof file === "string") {
-        return imageExtensions.some((ext) => file.endsWith(ext));
-    }
-    if (file instanceof File) {
-        return imageExtensions.some((ext) => file.name.endsWith(ext));
-    }
-    return false;
-}

package/components/FileInput/isVideo.d.ts

@@ -1 +0,0 @@
-export default function isVideo(file: File | string): boolean;

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;