@majapisoftwares/ui 4.3.16 → 5.0.0

package/components/Input/UnstyledInput.jsx

@@ -1,28 +0,0 @@
-import { useId, } from "react";
-import clsx from "../../utils/clsx";
-function UnstyledInput({ id, label, className, inputClassName, labelClassName, helpTextClassName, trailingClassName, trailingInputClassName, leadingClassName, leadingInputClassName, helpText, type = "text", leading, trailing, select, children, as, innerClassName, value, ...props }) {
-    const innerId = useId();
-    id = id || innerId;
-    const Component = as || (select ? "select" : "input");
-    inputClassName = clsx(inputClassName, leadingInputClassName && {
-        [leadingInputClassName]: !!leading,
-    }, trailingInputClassName && {
-        [trailingInputClassName]: !!trailing,
-    });
-    return (<div className={className}>
-      {label && (<label htmlFor={id} className={labelClassName}>
-          {label}
-        </label>)}
-      <div style={{ position: "relative" }} className={innerClassName}>
-        {leading && <div className={leadingClassName}>{leading}</div>}
-        <Component 
-    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-    {...props} className={inputClassName} id={id} type={type} value={value}>
-          {children}
-        </Component>
-        {trailing && <div className={trailingClassName}>{trailing}</div>}
-      </div>
-      {helpText && <div className={helpTextClassName}>{helpText}</div>}
-    </div>);
-}
-export default UnstyledInput;

package/components/Input/index.d.ts

@@ -1,6 +0,0 @@
-import Input from "./Input";
-export * from "./Input";
-export default Input;
-export { default as InputIcon } from "./InputIcon";
-export * from "./UnstyledInput";
-export { default as UnstyledInput } from "./UnstyledInput";

package/components/Input/index.jsx

@@ -1,6 +0,0 @@
-import Input from "./Input";
-export * from "./Input";
-export default Input;
-export { default as InputIcon } from "./InputIcon";
-export * from "./UnstyledInput";
-export { default as UnstyledInput } from "./UnstyledInput";

package/components/Input/useInputRefValue.d.ts

@@ -1,11 +0,0 @@
-import { type ChangeEvent, type Ref } from "react";
-export default function useInputRefValue<T>({ value, ref, name, onChange, }: {
-    value?: T;
-    ref?: Ref<HTMLInputElement>;
-    name?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-}): {
-    innerRef: import("react").RefObject<HTMLInputElement>;
-    innerValue: T | undefined;
-    setInnerValue: import("react").Dispatch<import("react").SetStateAction<T | undefined>>;
-};

package/components/Input/useInputRefValue.jsx

@@ -1,51 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { useDeepCompareEffect } from "react-use";
-import { isEqual } from "lodash-es";
-export default function useInputRefValue({ value, ref, name, onChange, }) {
-    const [innerValue, setInnerValue] = useState(value);
-    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]);
-    useDeepCompareEffect(() => {
-        if (onChange) {
-            onChange({
-                target: {
-                    name,
-                    value: innerValue,
-                },
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            });
-        }
-    }, [{ innerValue }]);
-    return {
-        innerRef,
-        innerValue,
-        setInnerValue,
-    };
-}

package/components/Input2/InputWrapper.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from "react";
-export interface InputWrapperProps {
-    children?: ReactNode;
-    className?: string;
-    label?: string;
-    id?: string;
-    helpText?: string;
-    error?: boolean;
-    required?: boolean;
-}
-export default function InputWrapper({ children, className, label, id, helpText, error, required, }: InputWrapperProps): import("react").JSX.Element;

package/components/Input2/InputWrapper.jsx

@@ -1,11 +0,0 @@
-import clsx from "../../utils/clsx";
-export default function InputWrapper({ children, className, label, id, helpText, error, required, }) {
-    return (<div className={clsx("ui-input-wrapper", className)} data-error={error ? "" : undefined}>
-      {label && (<label htmlFor={id} className="ui-input-wrapper-label">
-          {label}
-          {required && <span className="text-red-500"> *</span>}
-        </label>)}
-      {children}
-      {helpText && <div className="ui-input-wrapper-help-text">{helpText}</div>}
-    </div>);
-}

package/components/Link/Link.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentProps } from "react";
-import NextLink from "next/link";
-export default function Link({ className, href, ...props }: Partial<ComponentProps<typeof NextLink>>): import("react").JSX.Element;

package/components/Link/Link.jsx

@@ -1,9 +0,0 @@
-import NextLink from "next/link";
-import clsx from "../../utils/clsx";
-export default function Link({ className, href, ...props }) {
-    className = clsx("text-primary-500 underline decoration-primary-500/40 decoration-2 transition-colors hover:decoration-primary-500", className);
-    if (href) {
-        return <NextLink href={href} {...props} className={className}/>;
-    }
-    return (<button {...props} className={className} type="button"/>);
-}

package/components/Link/index.d.ts

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

package/components/Link/index.jsx

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

package/components/Loading/Loading.d.ts

@@ -1,5 +0,0 @@
-declare function Loading({ className }: {
-    className?: string;
-}): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Loading>;
-export default _default;

package/components/Loading/Loading.jsx

@@ -1,15 +0,0 @@
-import { memo } from "react";
-function Loading({ className }) {
-    return (<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" className={className}>
-      <circle cx="4" cy="12" r="3" fill="currentColor">
-        <animate attributeName="opacity" begin="0s" dur="1.5s" repeatCount="indefinite" values="1;0.2;1"/>
-      </circle>
-      <circle cx="12" cy="12" r="3" fill="currentColor">
-        <animate attributeName="opacity" begin="0.3s" dur="1.5s" repeatCount="indefinite" values="1;0.2;1"/>
-      </circle>
-      <circle cx="20" cy="12" r="3" fill="currentColor">
-        <animate attributeName="opacity" begin="0.6s" dur="1.5s" repeatCount="indefinite" values="1;0.2;1"/>
-      </circle>
-    </svg>);
-}
-export default memo(Loading);

package/components/Loading/index.d.ts

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

package/components/Loading/index.jsx

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

package/components/Magnet/Magnet.d.ts

@@ -1,13 +0,0 @@
-import React, { type ReactNode, type HTMLAttributes } from "react";
-interface MagnetProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    padding?: number;
-    disabled?: boolean;
-    magnetStrength?: number;
-    activeTransition?: string;
-    inactiveTransition?: string;
-    wrapperClassName?: string;
-    innerClassName?: string;
-}
-declare const Magnet: React.FC<MagnetProps>;
-export default Magnet;

package/components/Magnet/Magnet.jsx

@@ -1,50 +0,0 @@
-import React, { useState, useEffect, useRef, } from "react";
-import clsx from "../../utils/clsx";
-const Magnet = ({ children, padding = 100, disabled = false, magnetStrength = 2, activeTransition = "transform 0.3s ease-out", inactiveTransition = "transform 0.5s ease-in-out", wrapperClassName = "", innerClassName = "", ...props }) => {
-    const [isActive, setIsActive] = useState(false);
-    const [position, setPosition] = useState({
-        x: 0,
-        y: 0,
-    });
-    const magnetRef = useRef(null);
-    useEffect(() => {
-        if (disabled) {
-            setPosition({ x: 0, y: 0 });
-            return;
-        }
-        const handleMouseMove = (e) => {
-            if (!magnetRef.current)
-                return;
-            const { left, top, width, height } = magnetRef.current.getBoundingClientRect();
-            const centerX = left + width / 2;
-            const centerY = top + height / 2;
-            const distX = Math.abs(centerX - e.clientX);
-            const distY = Math.abs(centerY - e.clientY);
-            if (distX < width / 2 + padding && distY < height / 2 + padding) {
-                setIsActive(true);
-                const offsetX = (e.clientX - centerX) / magnetStrength;
-                const offsetY = (e.clientY - centerY) / magnetStrength;
-                setPosition({ x: offsetX, y: offsetY });
-            }
-            else {
-                setIsActive(false);
-                setPosition({ x: 0, y: 0 });
-            }
-        };
-        window.addEventListener("mousemove", handleMouseMove);
-        return () => {
-            window.removeEventListener("mousemove", handleMouseMove);
-        };
-    }, [padding, disabled, magnetStrength]);
-    const transitionStyle = isActive ? activeTransition : inactiveTransition;
-    return (<div ref={magnetRef} className={clsx("relative inline-block", wrapperClassName)} {...props}>
-      <div className={innerClassName} style={{
-            transform: `translate3d(${position.x}px, ${position.y}px, 0)`,
-            transition: transitionStyle,
-            willChange: "transform",
-        }}>
-        {children}
-      </div>
-    </div>);
-};
-export default Magnet;

package/components/Magnet/index.d.ts

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

package/components/Magnet/index.jsx

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

package/components/Markdown/Markdown.d.ts

@@ -1,8 +0,0 @@
-import React, { type ComponentProps } from "react";
-import ReactMarkdown from "react-markdown";
-export type MarkdownProps = {
-    children?: string;
-    className?: string;
-    options?: ComponentProps<typeof ReactMarkdown>;
-};
-export default function Markdown({ children, className, options, }: MarkdownProps): React.JSX.Element;

package/components/Markdown/Markdown.jsx

@@ -1,11 +0,0 @@
-import React, {} from "react";
-import ReactMarkdown from "react-markdown";
-import clsx from "../../utils/clsx";
-import remarkGfm from "remark-gfm";
-export default function Markdown({ children, className, options, }) {
-    return (<div className={clsx("prose prose-zinc dark:prose-invert max-w-full leading-normal", "[&_.contains-task-list]:list-none [&_.contains-task-list]:pl-0", "[&_.task-list-item_input[type='checkbox']]:-mt-1", "prose-a:break-all", className)}>
-      <ReactMarkdown remarkPlugins={[remarkGfm, ...(options?.remarkPlugins || [])]} {...options}>
-        {children}
-      </ReactMarkdown>
-    </div>);
-}

package/components/Markdown/index.d.ts

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

package/components/Markdown/index.jsx

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

package/components/Menu/Menu.d.ts

@@ -1,28 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode, type Ref } from "react";
-import Button from "../Button/Button";
-import { type UnstyledButtonProps } from "../Button/UnstyledButton";
-import { type TextProps } from "../Text";
-export declare const defaultMenuItemsClassName = "z-10 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-hidden dark:bg-zinc-800";
-export type MenuProps = {
-    className?: string;
-    position?: "left" | "right" | "bottom-right" | "bottom-left";
-    iconClassName?: string;
-    menuItemsClassName?: string;
-    buttonProps?: ComponentPropsWithoutRef<typeof Button>;
-    label?: ReactNode;
-    children?: ReactNode;
-    button?: ReactNode;
-    unmount?: boolean;
-    ref?: Ref<HTMLDivElement>;
-};
-export type MenuItemProps<T extends HTMLElement = HTMLButtonElement> = UnstyledButtonProps<T> & {
-    icon?: ReactElement<{
-        className?: string;
-    }>;
-};
-export type MenuLabelProps = TextProps;
-declare const _default: (({ className, iconClassName, position, children, label, button, buttonProps, unmount, menuItemsClassName, ...props }: MenuProps) => import("react").JSX.Element) & {
-    Label: (props: MenuLabelProps) => import("react").JSX.Element;
-    Item: <T extends HTMLElement = HTMLButtonElement>({ className, icon, children, ...props }: MenuItemProps<T>) => import("react").JSX.Element;
-};
-export default _default;

package/components/Menu/Menu.jsx

@@ -1,54 +0,0 @@
-import { cloneElement, Fragment, } from "react";
-import { Menu as HuiMenu, Transition } from "@headlessui/react";
-import { ChevronDownIcon } from "@heroicons/react/20/solid";
-import clsx from "../../utils/clsx";
-import Button from "../Button/Button";
-import UnstyledButton, {} from "../Button/UnstyledButton";
-import Text, {} from "../Text";
-import { useMount } from "react-use";
-export const defaultMenuItemsClassName = "z-10 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-hidden dark:bg-zinc-800";
-const Item = function MenuItem({ className, icon, children, ...props }) {
-    return (<HuiMenu.Item>
-      {({ active }) => (<UnstyledButton {...props} type="button" className={clsx("flex w-full items-center text-left", active
-                ? "bg-zinc-100 text-zinc-900 dark:bg-zinc-700/50 dark:text-zinc-100"
-                : "text-zinc-700 dark:text-zinc-200", "block px-4 py-2 text-sm", className)}>
-          {icon &&
-                cloneElement(icon, {
-                    className: clsx("w-5 mr-2", icon.props.className),
-                })}
-          {children}
-        </UnstyledButton>)}
-    </HuiMenu.Item>);
-};
-const Label = function MenuLabel(props) {
-    return (<Text {...props} variant="label" className={clsx("w-full text-left", "block px-4 py-2 text-sm", props.className)}/>);
-};
-const Menu = function Menu({ className, iconClassName, position = "right", children, label, button, buttonProps, unmount, menuItemsClassName, ...props }) {
-    useMount(() => {
-        console.warn("<Menu> was deprecated and should be replaced with <DropdownMenu>");
-    });
-    return (<HuiMenu as="div" className={clsx("relative inline-block text-left", className)} {...props}>
-      <div>
-        {button ? (<HuiMenu.Button as={Fragment}>{button}</HuiMenu.Button>) : (<HuiMenu.Button 
-        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-        as={Button} className={clsx("flex w-full", buttonProps?.className)} trailing={<ChevronDownIcon className={iconClassName}/>} {...buttonProps}>
-            {label}
-          </HuiMenu.Button>)}
-      </div>
-
-      <Transition as={Fragment} enter="transition ease-out duration-100" enterFrom="transform opacity-0 scale-95" enterTo="transform opacity-100 scale-100" leave="transition ease-in duration-75" leaveFrom="transform opacity-100 scale-100" leaveTo="transform opacity-0 scale-95">
-        <HuiMenu.Items unmount={unmount} className={clsx(defaultMenuItemsClassName, "absolute mt-2 min-w-[14rem]", {
-            "right-0": position.includes("right"),
-            "origin-top-right": position.includes("right") && !position.includes("bottom"),
-            "origin-top-left": position.includes("left") && !position.includes("bottom"),
-            "origin-bottom-right": position.includes("right") && position.includes("bottom"),
-            "origin-bottom-left": position.includes("left") && position.includes("bottom"),
-            "left-0": position.includes("left"),
-            "bottom-0": position.includes("bottom"),
-        }, menuItemsClassName)}>
-          <div className="py-1">{children}</div>
-        </HuiMenu.Items>
-      </Transition>
-    </HuiMenu>);
-};
-export default Object.assign(Menu, { Label, Item });

package/components/Modal/Modal.d.ts

@@ -1,45 +0,0 @@
-import { type ComponentPropsWithoutRef, type CSSProperties, type ReactElement, type ReactNode } from "react";
-import Button from "../Button";
-declare function Modal({ open, onClose, children, overlayClassName, panelClassName, dialogClassName, dialogOuterPanelClassName, dialogOverflowClassName, style, }: {
-    open?: boolean;
-    onClose?: () => void;
-    children?: ReactNode;
-    overlayClassName?: string;
-    panelClassName?: string;
-    dialogClassName?: string;
-    dialogOuterPanelClassName?: string;
-    dialogOverflowClassName?: string;
-    style?: CSSProperties;
-}): import("react").JSX.Element;
-declare namespace Modal {
-    var Container: typeof ModalContainer;
-    var Title: typeof ModalTitle;
-    var Content: typeof ModalContent;
-    var Actions: typeof ModalActions;
-    var Icon: typeof ModalIcon;
-    var CloseButton: typeof ModalCloseButton;
-}
-export default Modal;
-declare function ModalContainer({ children, className, }: {
-    children?: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-declare function ModalTitle({ children, className, }: {
-    children?: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-declare function ModalContent({ children, className, }: {
-    children?: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-declare function ModalActions({ children, className, }: {
-    children?: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-declare function ModalIcon({ children, }: {
-    children?: ReactElement<{
-        className?: string;
-        "aria-hidden"?: string;
-    }>;
-}): import("react").JSX.Element;
-declare function ModalCloseButton({ className, ...props }: ComponentPropsWithoutRef<typeof Button>): import("react").JSX.Element;

package/components/Modal/Modal.jsx

@@ -1,65 +0,0 @@
-import { cloneElement, Fragment, useCallback, } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-import Stack from "../Stack";
-import Group from "../Group";
-import Button from "../Button";
-import { XMarkIcon } from "@heroicons/react/24/solid";
-import clsx from "../../utils/clsx";
-export default function Modal({ open, onClose, children, overlayClassName, panelClassName, dialogClassName, dialogOuterPanelClassName, dialogOverflowClassName, style, }) {
-    const handleOnClose = useCallback(() => onClose?.(), [onClose]);
-    return (<Transition.Root show={open} as={Fragment}>
-      <Dialog as="div" className={clsx("relative z-10", dialogClassName)} onClose={handleOnClose} style={style}>
-        <Transition.Child as={Fragment} enter="ease-out duration-300" enterFrom="opacity-0" enterTo="opacity-100" leave="ease-in duration-200" leaveFrom="opacity-100" leaveTo="opacity-0">
-          <div className={clsx("fixed inset-0 bg-white/75 transition-opacity dark:bg-black/75", overlayClassName)}/>
-        </Transition.Child>
-
-        <div className={clsx("fixed inset-0 z-10 overflow-y-auto", dialogOverflowClassName)}>
-          <div className={clsx("flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0", dialogOuterPanelClassName)}>
-            <Transition.Child as={Fragment} enter="ease-out duration-300" enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" enterTo="opacity-100 translate-y-0 sm:scale-100" leave="ease-in duration-200" leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
-              <Dialog.Panel className={clsx("relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm dark:bg-zinc-900 dark:ring-1 dark:ring-white/5", panelClassName)}>
-                {children}
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>);
-}
-Modal.Container = ModalContainer;
-function ModalContainer({ children, className, }) {
-    return (<Stack className={clsx("gap-4! px-4 pt-5 pb-4 sm:p-6", className)}>
-      {children}
-    </Stack>);
-}
-Modal.Title = ModalTitle;
-function ModalTitle({ children, className, }) {
-    return (<Dialog.Title as="h3" className={clsx("text-center text-lg leading-6 font-medium text-zinc-900 dark:text-zinc-100", className)}>
-      {children}
-    </Dialog.Title>);
-}
-Modal.Content = ModalContent;
-function ModalContent({ children, className, }) {
-    return (<div className={clsx("text-center text-sm text-zinc-500 dark:text-zinc-400", className)}>
-      {children}
-    </div>);
-}
-Modal.Actions = ModalActions;
-function ModalActions({ children, className, }) {
-    return <Group className={className}>{children}</Group>;
-}
-Modal.Icon = ModalIcon;
-function ModalIcon({ children, }) {
-    return (<div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100 dark:bg-green-800">
-      {children &&
-            cloneElement(children, {
-                className: "h-6 w-6 text-green-600 dark:text-green-400",
-                "aria-hidden": "true",
-            })}
-    </div>);
-}
-Modal.CloseButton = ModalCloseButton;
-function ModalCloseButton({ className, ...props }) {
-    return (<Button icon className={clsx("absolute top-2 right-2", className)} variant="text" {...props}>
-      <XMarkIcon />
-    </Button>);
-}

package/components/Modal/index.d.ts

@@ -1,4 +0,0 @@
-import Modal from "./Modal";
-export * from "./Modal";
-export default Modal;
-export { default as useModalState } from "./useModalState";

package/components/Modal/index.jsx

@@ -1,4 +0,0 @@
-import Modal from "./Modal";
-export * from "./Modal";
-export default Modal;
-export { default as useModalState } from "./useModalState";

package/components/Modal/useModalState.d.ts

@@ -1,6 +0,0 @@
-export default function useModalState(): readonly [boolean, {
-    readonly setModalOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    readonly openModal: () => void;
-    readonly closeModal: () => void;
-    readonly toggleModal: () => void;
-}];

package/components/Modal/useModalState.js

@@ -1,16 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-export default function useModalState() {
-    const [modalOpen, setModalOpen] = useState(false);
-    const handleModalToggle = useCallback(() => setModalOpen((open) => !open), []);
-    const handleModalOpen = useCallback(() => setModalOpen(true), []);
-    const handleModalClose = useCallback(() => setModalOpen(false), []);
-    return useMemo(() => [
-        modalOpen,
-        {
-            setModalOpen,
-            openModal: handleModalOpen,
-            closeModal: handleModalClose,
-            toggleModal: handleModalToggle,
-        },
-    ], [handleModalClose, handleModalOpen, handleModalToggle, modalOpen]);
-}

package/components/ModeToggle/ModeToggle.d.ts

@@ -1,9 +0,0 @@
-import type { Ref } from "react";
-export interface ModeToggleProps {
-    ariaLabel?: string;
-    className?: string;
-    iconClassName?: string;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const ModeToggle: ({ ariaLabel, className, iconClassName, ref, }: ModeToggleProps) => import("react").JSX.Element;
-export default ModeToggle;

package/components/ModeToggle/ModeToggle.jsx

@@ -1,12 +0,0 @@
-import { MoonIcon, SunIcon } from "@heroicons/react/24/outline";
-import Button from "../Button";
-import clsx from "../../utils/clsx";
-import useModeToggle from "./useModeToggle";
-const ModeToggle = function ModeToggle({ ariaLabel = "Toggle dark mode", className, iconClassName, ref, }) {
-    const toggleMode = useModeToggle();
-    return (<Button ref={ref} icon variant="text" aria-label={ariaLabel} onClick={toggleMode} className={className}>
-      <SunIcon className={clsx("dark:hidden", iconClassName)}/>
-      <MoonIcon className={clsx("hidden dark:block", iconClassName)}/>
-    </Button>);
-};
-export default ModeToggle;

package/components/ModeToggle/index.d.ts

@@ -1,4 +0,0 @@
-import ModeToggle from "./ModeToggle";
-export * from "./ModeToggle";
-export default ModeToggle;
-export { default as useModeToggle } from "./useModeToggle";

package/components/ModeToggle/index.jsx

@@ -1,5 +0,0 @@
-import ModeToggle from "./ModeToggle";
-export * from "./ModeToggle";
-export default ModeToggle;
-// noinspection JSUnusedGlobalSymbols
-export { default as useModeToggle } from "./useModeToggle";

package/components/ModeToggle/useModeToggle.d.ts

@@ -1 +0,0 @@
-export default function useModeToggle(): () => void;

package/components/ModeToggle/useModeToggle.js

@@ -1,21 +0,0 @@
-export default function useModeToggle() {
-    function disableTransitionsTemporarily() {
-        document.documentElement.classList.add("**:transition-none!");
-        window.setTimeout(() => {
-            document.documentElement.classList.remove("**:transition-none!");
-        }, 0);
-    }
-    function toggleMode() {
-        disableTransitionsTemporarily();
-        const darkModeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-        const isSystemDarkMode = darkModeMediaQuery.matches;
-        const isDarkMode = document.documentElement.classList.toggle("dark");
-        if (isDarkMode === isSystemDarkMode) {
-            delete window.localStorage.isDarkMode;
-        }
-        else {
-            window.localStorage.isDarkMode = isDarkMode;
-        }
-    }
-    return toggleMode;
-}

package/components/MultiSelect/MultiSelect.d.ts

@@ -1,28 +0,0 @@
-import { type ReactNode } from "react";
-import Input, { type UnstyledInputProps } from "../Input";
-export interface MultiSelectProps<T extends object | string> extends Omit<UnstyledInputProps<false>, "as" | "onSelect" | "inputClassName" | "innerClassName" | "value" | "onChange"> {
-    placeholder?: string;
-    emptyText?: string;
-    items?: T[];
-    filterProperty?: keyof T;
-    filterFunction?: (item: T) => boolean;
-    onChange?: (items: string[]) => void;
-    renderProperty?: keyof T;
-    renderFunction?: (item: T) => ReactNode;
-    query?: string;
-    onChangeQuery?: (query: string) => void;
-    loading?: boolean;
-    leadingClassName?: string;
-    inputInnerClassName?: string;
-    inputElementClassName?: string;
-    leading?: ReactNode;
-    as?: typeof Input;
-    static?: boolean;
-    displayValue?: (item: T | null) => string;
-    value?: string[];
-    creatable?: boolean;
-    getCreateLabel?: (query: string) => string;
-    itemsRenderLimit?: number;
-    valueProperty?: string;
-}
-export default function MultiSelect<T extends object | string>({ placeholder, emptyText, items, renderProperty, renderFunction, filterProperty, filterFunction, onChange, query: defaultQuery, onChangeQuery, loading, inputInnerClassName, inputElementClassName, as, trailing, trailingClassName, trailingInputClassName, leadingInputClassName, static: isStatic, displayValue, value, labelClassName, creatable, getCreateLabel, itemsRenderLimit, className, valueProperty, label, required, readOnly, error, ...props }: MultiSelectProps<T>): import("react").JSX.Element;