@majapisoftwares/ui 4.3.17 → 6.0.0

package/hooks/useDebouncedValue.js

@@ -1,14 +0,0 @@
-import { useEffect, useState } from "react";
-import ms, {} from "ms";
-export default function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const handler = setTimeout(() => {
-            setDebouncedValue(value);
-        }, typeof delay !== "number" ? ms(delay) : delay);
-        return () => {
-            clearTimeout(handler);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/hooks/useLagRadar.d.ts

@@ -1 +0,0 @@
-export default function useLagRadar(): void;

package/hooks/useLagRadar.jsx

@@ -1,124 +0,0 @@
-import React from "react";
-import { useWindowSize } from "react-use";
-export default function useLagRadar() {
-    const { width, height } = useWindowSize();
-    React.useEffect(() => {
-        return lagRadar({
-            frames: 60, // number of frames to draw, more = worse performance
-            speed: 0.0017, // how fast the sweep moves (rads per ms)
-            size: Math.min(width, height) / 3, // outer frame px
-            inset: 3, // circle inset px
-            parent: document.body, // DOM node to attach to
-        });
-    }, [width, height]);
-}
-function lagRadar(config = {}) {
-    const { frames = 50, // number of frames to draw, more = worse performance
-    speed = 0.0017, // how fast the sweep moves (rads per ms)
-    size = 300, // outer frame px
-    inset = 3, // circle inset px
-    parent = document.body, // DOM node to attach to
-     } = config;
-    const styles = document.createTextNode(`
-    .lagRadar {
-      position: fixed;
-      bottom: 0.5rem;
-      right: 0.5rem;
-    }
-    .lagRadar {
-      pointer-events: none;
-    }
-    .lagRadar-sweep > * {
-      shape-rendering: crispEdges;
-    }
-    .lagRadar-face {
-      fill: transparent;
-    }
-    .lagRadar-hand {
-      stroke-width: 4px;
-      stroke-linecap: round;
-    }
-  `);
-    function $svg(tag, props = {}, children = []) {
-        const el = document.createElementNS("http://www.w3.org/2000/svg", tag);
-        Object.keys(props).forEach((prop) => el.setAttribute(prop, props[prop]));
-        children.forEach((child) => el.appendChild(child));
-        return el;
-    }
-    const PI2 = Math.PI * 2;
-    const middle = size / 2;
-    const radius = middle - inset;
-    const $hand = $svg("path", { class: "lagRadar-hand" });
-    const $arcs = new Array(frames).fill("path").map((t) => $svg(t));
-    const $root = $svg("svg", {
-        class: "lagRadar",
-        height: size,
-        width: size,
-    }, [
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        $svg("style", { type: "text/css" }, [styles]),
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        $svg("g", { class: "lagRadar-sweep" }, $arcs),
-        $hand,
-        $svg("circle", {
-            class: "lagRadar-face",
-            cx: middle,
-            cy: middle,
-            r: radius,
-        }),
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ]);
-    parent.appendChild($root);
-    let frame;
-    let framePtr = 0;
-    let last = {
-        rotation: 0,
-        now: Date.now(),
-        tx: middle + radius,
-        ty: middle,
-    };
-    const calcHue = (() => {
-        const max_hue = 120;
-        const max_ms = 1000;
-        const log_f = 10;
-        // noinspection SpellCheckingInspection
-        const mult = max_hue / Math.log(max_ms / log_f);
-        return function (ms_delta) {
-            return (max_hue -
-                Math.max(0, Math.min(mult * Math.log(ms_delta / log_f), max_hue)));
-        };
-    })();
-    function animate() {
-        const now = Date.now();
-        const rDelta = Math.min(PI2 - speed, speed * (now - last.now));
-        const rotation = (last.rotation + rDelta) % PI2;
-        const tx = middle + radius * Math.cos(rotation);
-        const ty = middle + radius * Math.sin(rotation);
-        const bigArc = rDelta < Math.PI ? "0" : "1";
-        const path = `M${tx} ${ty}A${radius} ${radius} 0 ${bigArc} 0 ${last.tx} ${last.ty}L${middle} ${middle}`;
-        const hue = calcHue(rDelta / speed);
-        $arcs[framePtr % frames].setAttribute("d", path);
-        $arcs[framePtr % frames].setAttribute("fill", `hsl(${hue}, 80%, 40%)`);
-        $hand.setAttribute("d", `M${middle} ${middle}L${tx} ${ty}`);
-        $hand.setAttribute("stroke", `hsl(${hue}, 80%, 60%)`);
-        for (let i = 0; i < frames; i++) {
-            $arcs[(frames + framePtr - i) % frames].style.fillOpacity = (1 -
-                i / frames);
-        }
-        framePtr++;
-        last = {
-            now,
-            rotation,
-            tx,
-            ty,
-        };
-        frame = window.requestAnimationFrame(animate);
-    }
-    animate();
-    return function destroy() {
-        if (frame) {
-            window.cancelAnimationFrame(frame);
-        }
-        $root.remove();
-    };
-}

package/hooks/useMediaQuery.d.ts

@@ -1 +0,0 @@
-export default function useMediaQuery(query: string): boolean;

package/hooks/useMediaQuery.js

@@ -1,37 +0,0 @@
-// noinspection JSDeprecatedSymbols
-import { useEffect, useState } from "react";
-export default function useMediaQuery(query) {
-    const getMatches = (query) => {
-        // Prevents SSR issues
-        if (typeof window !== "undefined") {
-            return window.matchMedia(query).matches;
-        }
-        return false;
-    };
-    const [matches, setMatches] = useState(getMatches(query));
-    function handleChange() {
-        setMatches(getMatches(query));
-    }
-    useEffect(() => {
-        const matchMedia = window.matchMedia(query);
-        // Triggered at the first client-side load and if query changes
-        handleChange();
-        // Listen matchMedia
-        if (matchMedia.addListener) {
-            matchMedia.addListener(handleChange);
-        }
-        else {
-            matchMedia.addEventListener("change", handleChange);
-        }
-        return () => {
-            if (matchMedia.removeListener) {
-                matchMedia.removeListener(handleChange);
-            }
-            else {
-                matchMedia.removeEventListener("change", handleChange);
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [query]);
-    return matches;
-}

package/hooks/useMutationWindowCloseProtection.d.ts

@@ -1,2 +0,0 @@
-export default function useMutationWindowCloseProtection(): void;
-export declare function MutationWindowCloseProtection(): null;

package/hooks/useMutationWindowCloseProtection.js

@@ -1,13 +0,0 @@
-import { useIsMutating } from "@tanstack/react-query";
-import useBeforeUnload from "./useBeforeUnload";
-export default function useMutationWindowCloseProtection() {
-    const isMutating = useIsMutating();
-    useBeforeUnload(isMutating
-        ? "Mutation in progress. Are you sure you want to leave this page?"
-        : false);
-}
-// noinspection JSUnusedGlobalSymbols
-export function MutationWindowCloseProtection() {
-    useMutationWindowCloseProtection();
-    return null;
-}

package/hooks/useScroll.d.ts

@@ -1,3 +0,0 @@
-export declare function useIsScrolled(disabled?: boolean): boolean;
-export declare function useScrollY(disabled?: boolean): number;
-export declare function useScrollYMovement(max: number | undefined, callback: (scrollYMovement: number) => void, disabled?: boolean): void;

package/hooks/useScroll.js

@@ -1,47 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { isBrowser } from "../utils/isBrowser";
-// noinspection JSUnusedGlobalSymbols
-export function useIsScrolled(disabled) {
-    return useScrollY(disabled) > 0;
-}
-export function useScrollY(disabled) {
-    const [scrollY, setScrollY] = useState(isBrowser ? window.scrollY : 0);
-    useEffect(() => {
-        function onScroll() {
-            setScrollY(window.scrollY);
-        }
-        if (!disabled) {
-            onScroll();
-            window.addEventListener("scroll", onScroll, { passive: true });
-            return () => {
-                window.removeEventListener("scroll", onScroll);
-            };
-        }
-    }, [disabled]);
-    return scrollY;
-}
-export function useScrollYMovement(max = Infinity, callback, disabled) {
-    const scrollYMovement = useRef(0);
-    const previousScrollYMovement = useRef(0);
-    useEffect(() => {
-        function onScroll() {
-            const movement = window.scrollY - previousScrollYMovement.current;
-            scrollYMovement.current = scrollYMovement.current + movement;
-            scrollYMovement.current =
-                scrollYMovement.current > max
-                    ? max
-                    : scrollYMovement.current < 0 || window.scrollY <= 0
-                        ? 0
-                        : scrollYMovement.current;
-            callback(scrollYMovement.current);
-            previousScrollYMovement.current = window.scrollY;
-        }
-        if (!disabled) {
-            onScroll();
-            window.addEventListener("scroll", onScroll, { passive: true });
-            return () => {
-                window.removeEventListener("scroll", onScroll);
-            };
-        }
-    }, [callback, max, disabled]);
-}

package/hooks/useTranslation.d.ts

@@ -1,4 +0,0 @@
-export type Intl<T = string> = {
-    [key: string]: Intl<T> | T;
-};
-export default function useTranslation<K extends string>(intl?: Intl, prePath?: string): (sentence: K, path?: string) => string;

package/hooks/useTranslation.js

@@ -1,11 +0,0 @@
-import { useCallback } from "react";
-import { get } from "lodash-es";
-export default function useTranslation(intl, prePath) {
-    return useCallback((sentence, path) => {
-        return (get(intl, [
-            ...(prePath?.split(".") || []),
-            ...(path?.split(".") || []),
-            sentence,
-        ].filter(Boolean)) || sentence);
-    }, [intl, prePath]);
-}

package/hooks/useWhyDidYouUpdate.d.ts

@@ -1,3 +0,0 @@
-export default function useWhyDidYouUpdate(name: string, props: {
-    [key: string]: any;
-}): void;

package/hooks/useWhyDidYouUpdate.js

@@ -1,44 +0,0 @@
-import { useEffect, useRef } from "react";
-import { isEqual } from "lodash-es";
-export default function useWhyDidYouUpdate(name, props) {
-    // create a reference to track the previous data
-    const previousProps = useRef({});
-    useEffect(() => {
-        if (previousProps.current) {
-            // merge the keys of previous and current data
-            const keys = Object.keys({ ...previousProps.current, ...props });
-            // to store what has changed
-            const changesObj = {};
-            // check what values have changed between the previous and current
-            keys.forEach((key) => {
-                // if both are object
-                if (typeof props[key] === "object" &&
-                    typeof previousProps.current[key] === "object") {
-                    if (!isEqual(previousProps.current[key], props[key])) {
-                        // add to changesObj
-                        changesObj[key] = {
-                            from: previousProps.current[key],
-                            to: props[key],
-                        };
-                    }
-                }
-                else {
-                    // if both are non-object
-                    if (previousProps.current[key] !== props[key]) {
-                        // add to changesObj
-                        changesObj[key] = {
-                            from: previousProps.current[key],
-                            to: props[key],
-                        };
-                    }
-                }
-            });
-            // if changesObj not empty, print the cause
-            if (Object.keys(changesObj).length) {
-                console.info("This is causing re-renders", name, changesObj);
-            }
-        }
-        // update the previous props with the current
-        previousProps.current = props;
-    });
-}

package/imgur.d.ts

@@ -1 +0,0 @@
-export default function uploadToImgur(file: Blob): Promise<string>;

package/imgur.js

@@ -1,13 +0,0 @@
-export default async function uploadToImgur(file) {
-    const formData = new FormData();
-    formData.append("image", file);
-    const response = await fetch("https://api.imgur.com/3/image", {
-        method: "post",
-        headers: {
-            Authorization: `Client-ID ${process.env.NEXT_PUBLIC_IMGUR_CLIENT_ID}`,
-        },
-        body: formData,
-    });
-    const data = (await response.json());
-    return data.data.link;
-}

package/styles/DayPicker.classNames.d.ts

@@ -1,29 +0,0 @@
-export declare const dayPickerButtonClassName = "justify-start pl-4 min-h-[38px]";
-export declare const dayPickerCaptionClassName = "text-center h-9 flex items-center justify-center mx-9 capitalize mt-1";
-export declare const dayPickerNavButtonPreviousClassName = "left-2 top-2";
-export declare const dayPickerNavButtonNextClassName = "right-2 top-2";
-export declare const dayPickerNavButtonClassName: string;
-export declare const dayPickerHeadClassName = "text-xs dark:text-zinc-500";
-export declare const dayPickerHeadCellClassName = "font-normal";
-export declare const dayPickerDayClassName: string;
-export declare const dayPickerDayRangeStartClassName: string;
-export declare const dayPickerDaySelectedClassName: string;
-export declare const dayPickerDayRangeEndClassName: string;
-export declare const dayPickerTableClassName = "border-spacing-y-1 border-separate";
-export declare const dayPickerCellClassName: string;
-export declare const dayPickerDayOutsideClassName = "ui-date-picker-day-outside";
-export declare const dayPickerDayRangeMiddleClassName = "ui-date-picker-day-range-middle";
-export declare const dayPickerClassNames: {
-    month_caption: string;
-    button_previous: string;
-    button_next: string;
-    weekday: string;
-    day_button: string;
-    day: string;
-    month_grid: string;
-    range_start: string;
-    selected: string;
-    range_end: string;
-    outside: string;
-    range_middle: string;
-};

package/styles/DayPicker.classNames.js

@@ -1,30 +0,0 @@
-import clsx from "../utils/clsx";
-export const dayPickerButtonClassName = "justify-start pl-4 min-h-[38px]";
-export const dayPickerCaptionClassName = "text-center h-9 flex items-center justify-center mx-9 capitalize mt-1";
-export const dayPickerNavButtonPreviousClassName = "left-2 top-2";
-export const dayPickerNavButtonNextClassName = "right-2 top-2";
-export const dayPickerNavButtonClassName = clsx("absolute border rounded-sm p-1.5 [&_svg]:w-3 [&_svg]:h-3 transition", "border-zinc-100 hover:bg-zinc-100 bg-white active:border-zinc-200", "dark:border-zinc-800 dark:hover:bg-zinc-800 dark:bg-zinc-900 dark:active:border-zinc-700 dark:fill-zinc-200", "disabled:opacity-50 disabled:cursor-not-allowed");
-export const dayPickerHeadClassName = "text-xs dark:text-zinc-500";
-export const dayPickerHeadCellClassName = "font-normal";
-export const dayPickerDayClassName = clsx("w-8 h-8 rounded-sm transition", "text-zinc-700 hover:bg-black/10", "dark:text-zinc-300 dark:hover:bg-white/10", "disabled:opacity-30 disabled:cursor-not-allowed", "dark:disabled:opacity-20");
-export const dayPickerDayRangeStartClassName = clsx("ui-date-picker-day-range-start", "text-on-primary! dark:text-on-primary!", "bg-primary-500 hover:bg-primary-500/50", "dark:bg-primary-600 dark:hover:bg-primary-600/50");
-export const dayPickerDaySelectedClassName = clsx("ui-date-picker-day-selected", "[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary! dark:[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary!", "[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500 hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500/50", "dark:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600 dark:hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600/50");
-export const dayPickerDayRangeEndClassName = clsx("ui-date-picker-day-range-end", "text-on-primary! dark:text-on-primary!", "bg-primary-500 hover:bg-primary-500/50", "dark:bg-primary-600 dark:hover:bg-primary-600/50");
-export const dayPickerTableClassName = "border-spacing-y-1 border-separate";
-export const dayPickerCellClassName = clsx("p-0 rounded-sm", "[&.ui-date-picker-day-outside]:opacity-40", "dark:[&.ui-date-picker-day-outside]:opacity-30", "[&.ui-date-picker-day-range-start]:rounded-l first:rounded-l", "[&.ui-date-picker-day-range-start]:bg-black/5", "dark:[&.ui-date-picker-day-range-start]:bg-white/10", "[&.ui-date-picker-day-range-middle]:bg-black/5", "dark:[&.ui-date-picker-day-range-middle]:bg-white/10", "[&.ui-date-picker-day-range-end]:rounded-r last:rounded-r", "[&.ui-date-picker-day-range-end]:bg-black/5", "dark:[&.ui-date-picker-day-range-end]:bg-white/10");
-export const dayPickerDayOutsideClassName = "ui-date-picker-day-outside";
-export const dayPickerDayRangeMiddleClassName = "ui-date-picker-day-range-middle";
-export const dayPickerClassNames = {
-    month_caption: dayPickerCaptionClassName,
-    button_previous: clsx(dayPickerNavButtonClassName, dayPickerNavButtonPreviousClassName),
-    button_next: clsx(dayPickerNavButtonClassName, dayPickerNavButtonNextClassName),
-    weekday: clsx(dayPickerHeadClassName, dayPickerHeadCellClassName),
-    day_button: dayPickerDayClassName,
-    day: dayPickerCellClassName,
-    month_grid: dayPickerTableClassName,
-    range_start: dayPickerDayRangeStartClassName,
-    selected: dayPickerDaySelectedClassName,
-    range_end: dayPickerDayRangeEndClassName,
-    outside: dayPickerDayOutsideClassName,
-    range_middle: dayPickerDayRangeMiddleClassName,
-};

package/styles/DayPicker.classNames.ts

@@ -1,81 +0,0 @@
-import clsx from "../utils/clsx";
-
-export const dayPickerButtonClassName = "justify-start pl-4 min-h-[38px]";
-export const dayPickerCaptionClassName =
-  "text-center h-9 flex items-center justify-center mx-9 capitalize mt-1";
-export const dayPickerNavButtonPreviousClassName = "left-2 top-2";
-export const dayPickerNavButtonNextClassName = "right-2 top-2";
-export const dayPickerNavButtonClassName = clsx(
-  "absolute border rounded-sm p-1.5 [&_svg]:w-3 [&_svg]:h-3 transition",
-  "border-zinc-100 hover:bg-zinc-100 bg-white active:border-zinc-200",
-  "dark:border-zinc-800 dark:hover:bg-zinc-800 dark:bg-zinc-900 dark:active:border-zinc-700 dark:fill-zinc-200",
-  "disabled:opacity-50 disabled:cursor-not-allowed",
-);
-export const dayPickerHeadClassName = "text-xs dark:text-zinc-500";
-export const dayPickerHeadCellClassName = "font-normal";
-export const dayPickerDayClassName = clsx(
-  "w-8 h-8 rounded-sm transition",
-  "text-zinc-700 hover:bg-black/10",
-  "dark:text-zinc-300 dark:hover:bg-white/10",
-  "disabled:opacity-30 disabled:cursor-not-allowed",
-  "dark:disabled:opacity-20",
-);
-export const dayPickerDayRangeStartClassName = clsx(
-  "ui-date-picker-day-range-start",
-  "text-on-primary! dark:text-on-primary!",
-  "bg-primary-500 hover:bg-primary-500/50",
-  "dark:bg-primary-600 dark:hover:bg-primary-600/50",
-);
-export const dayPickerDaySelectedClassName = clsx(
-  "ui-date-picker-day-selected",
-  "[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary! dark:[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary!",
-  "[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500 hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500/50",
-  "dark:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600 dark:hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600/50",
-);
-export const dayPickerDayRangeEndClassName = clsx(
-  "ui-date-picker-day-range-end",
-  "text-on-primary! dark:text-on-primary!",
-  "bg-primary-500 hover:bg-primary-500/50",
-  "dark:bg-primary-600 dark:hover:bg-primary-600/50",
-);
-export const dayPickerTableClassName = "border-spacing-y-1 border-separate";
-export const dayPickerCellClassName = clsx(
-  "p-0 rounded-sm",
-  "[&.ui-date-picker-day-outside]:opacity-40",
-  "dark:[&.ui-date-picker-day-outside]:opacity-30",
-
-  "[&.ui-date-picker-day-range-start]:rounded-l first:rounded-l",
-  "[&.ui-date-picker-day-range-start]:bg-black/5",
-  "dark:[&.ui-date-picker-day-range-start]:bg-white/10",
-
-  "[&.ui-date-picker-day-range-middle]:bg-black/5",
-  "dark:[&.ui-date-picker-day-range-middle]:bg-white/10",
-
-  "[&.ui-date-picker-day-range-end]:rounded-r last:rounded-r",
-  "[&.ui-date-picker-day-range-end]:bg-black/5",
-  "dark:[&.ui-date-picker-day-range-end]:bg-white/10",
-);
-export const dayPickerDayOutsideClassName = "ui-date-picker-day-outside";
-export const dayPickerDayRangeMiddleClassName =
-  "ui-date-picker-day-range-middle";
-
-export const dayPickerClassNames = {
-  month_caption: dayPickerCaptionClassName,
-  button_previous: clsx(
-    dayPickerNavButtonClassName,
-    dayPickerNavButtonPreviousClassName,
-  ),
-  button_next: clsx(
-    dayPickerNavButtonClassName,
-    dayPickerNavButtonNextClassName,
-  ),
-  weekday: clsx(dayPickerHeadClassName, dayPickerHeadCellClassName),
-  day_button: dayPickerDayClassName,
-  day: dayPickerCellClassName,
-  month_grid: dayPickerTableClassName,
-  range_start: dayPickerDayRangeStartClassName,
-  selected: dayPickerDaySelectedClassName,
-  range_end: dayPickerDayRangeEndClassName,
-  outside: dayPickerDayOutsideClassName,
-  range_middle: dayPickerDayRangeMiddleClassName,
-};

package/styles/Dropdown.classNames.d.ts

@@ -1,6 +0,0 @@
-export declare const dropdownSeparatorClassName: string;
-export declare const dropdownItemClassName: string;
-export declare const dropdownSubTriggerClassName: string;
-export declare const dropdownLabelClassName: string;
-export declare const dropdownCheckboxItemClassName: string;
-export declare const dropdownItemIndicatorClassName: string;

package/styles/Dropdown.classNames.js

@@ -1,7 +0,0 @@
-import clsx from "../utils/clsx";
-export const dropdownSeparatorClassName = clsx("ui-dropdown-separator", "h-px my-1 mx-[6px]", "bg-zinc-100", "dark:bg-zinc-700/30");
-export const dropdownItemClassName = clsx("ui-dropdown-item", "relative rounded-sm py-1 px-7 cursor-pointer outline-hidden select-none flex items-center gap-2", "data-highlighted:bg-black/5", "dark:data-highlighted:bg-white/5", "data-disabled:cursor-default data-disabled:opacity-50");
-export const dropdownSubTriggerClassName = clsx(dropdownItemClassName, "data-[state=open]:bg-black/[0.025] data-[state=open]:data-highlighted:bg-black/5 dark:data-[state=open]:data-highlighted:bg-white/5", "dark:data-[state=open]:bg-white/[0.025]");
-export const dropdownLabelClassName = clsx("ui-dropdown-label", "py-1 px-7 text-xs font-medium cursor-default text-zinc-500 outline-hidden");
-export const dropdownCheckboxItemClassName = clsx("ui-dropdown-checkbox-item", dropdownItemClassName);
-export const dropdownItemIndicatorClassName = clsx("ui-dropdown-item-indicator", "absolute left-1.5 top-1.5 inline-flex items-center justify-center", "[&>svg]:w-4 [&>svg]:h-4");

package/styles/Dropdown.classNames.ts

@@ -1,38 +0,0 @@
-import clsx from "../utils/clsx";
-
-export const dropdownSeparatorClassName = clsx(
-  "ui-dropdown-separator",
-  "h-px my-1 mx-[6px]",
-  "bg-zinc-100",
-  "dark:bg-zinc-700/30",
-);
-
-export const dropdownItemClassName = clsx(
-  "ui-dropdown-item",
-  "relative rounded-sm py-1 px-7 cursor-pointer outline-hidden select-none flex items-center gap-2",
-  "data-highlighted:bg-black/5",
-  "dark:data-highlighted:bg-white/5",
-  "data-disabled:cursor-default data-disabled:opacity-50",
-);
-
-export const dropdownSubTriggerClassName = clsx(
-  dropdownItemClassName,
-  "data-[state=open]:bg-black/[0.025] data-[state=open]:data-highlighted:bg-black/5 dark:data-[state=open]:data-highlighted:bg-white/5",
-  "dark:data-[state=open]:bg-white/[0.025]",
-);
-
-export const dropdownLabelClassName = clsx(
-  "ui-dropdown-label",
-  "py-1 px-7 text-xs font-medium cursor-default text-zinc-500 outline-hidden",
-);
-
-export const dropdownCheckboxItemClassName = clsx(
-  "ui-dropdown-checkbox-item",
-  dropdownItemClassName,
-);
-
-export const dropdownItemIndicatorClassName = clsx(
-  "ui-dropdown-item-indicator",
-  "absolute left-1.5 top-1.5 inline-flex items-center justify-center",
-  "[&>svg]:w-4 [&>svg]:h-4",
-);

package/styles/Input.css

@@ -1,23 +0,0 @@
-.ui-theme-default .ui-input-wrapper {
-    @apply flex flex-col gap-1
-}
-
-.ui-theme-default .ui-input-wrapper-label {
-    @apply font-medium
-    text-zinc-800
-    dark:text-zinc-100
-}
-
-.ui-theme-default .ui-input-wrapper-help-text {
-    @apply text-sm
-    text-zinc-500
-    dark:text-zinc-400
-}
-
-.ui-theme-default .ui-input-wrapper[data-error] .ui-input-wrapper-label {
-    @apply text-error-500
-}
-
-.ui-theme-default .ui-input-wrapper[data-error] .ui-input-wrapper-help-text {
-    @apply text-error-500
-}

package/styles/Modal.classNames.d.ts

@@ -1,2 +0,0 @@
-export declare const modalContentClassName: string;
-export declare const modalArrowClassName: string;

package/styles/Modal.classNames.js

@@ -1,3 +0,0 @@
-import clsx from "../utils/clsx";
-export const modalContentClassName = clsx("ui-modal-content", "z-20 rounded-sm p-1 shadow-md text-sm ring-1", "bg-white shadow-black/5 ring-black/5", "dark:bg-zinc-900 dark:ring-white/10", "will-change-[transform,opacity] data-[state=open]:animate-elastic-slide-up-and-fade data-[state=closed]:animate-fade-out");
-export const modalArrowClassName = clsx("ui-modal-arrow", "fill-zinc-100", "dark:fill-zinc-800");

package/styles/Modal.classNames.ts

@@ -1,15 +0,0 @@
-import clsx from "../utils/clsx";
-
-export const modalContentClassName = clsx(
-  "ui-modal-content",
-  "z-20 rounded-sm p-1 shadow-md text-sm ring-1",
-  "bg-white shadow-black/5 ring-black/5",
-  "dark:bg-zinc-900 dark:ring-white/10",
-  "will-change-[transform,opacity] data-[state=open]:animate-elastic-slide-up-and-fade data-[state=closed]:animate-fade-out",
-);
-
-export const modalArrowClassName = clsx(
-  "ui-modal-arrow",
-  "fill-zinc-100",
-  "dark:fill-zinc-800",
-);

package/styles/MultiText.css

@@ -1,40 +0,0 @@
-.ui-theme-default .ui-multi-text {
-  @apply border rounded-md flex flex-wrap gap-1 items-center px-2.5 py-0.5 shadow-xs transition-all
-    border-zinc-300 bg-white
-    dark:border-zinc-700 dark:bg-zinc-800
-    data-readonly:border-dashed
-    data-loading:animate-pulse;
-}
-
-.ui-theme-default .ui-multi-text[data-error],
-.ui-theme-default .ui-multi-text[data-error][data-focused] {
-  @apply border-error-500 ring-error-500;
-}
-
-.ui-theme-default .ui-multi-text[data-focused] {
-  @apply border-primary-500 ring-primary-500 ring-1;
-}
-
-.ui-theme-default .ui-multi-text-input {
-  @apply border-none bg-transparent p-0 grow focus:ring-0 py-1;
-}
-
-.ui-theme-default .ui-multi-text-item {
-  @apply rounded-sm flex items-center px-2 py-1 gap-2 max-w-full
-    bg-zinc-200
-    dark:bg-zinc-700;
-}
-
-.ui-theme-default .ui-multi-text-item-content {
-  @apply truncate;
-}
-
-.ui-theme-default .ui-multi-text-delete-icon {
-  @apply w-4 h-4;
-}
-
-.ui-theme-default .ui-multi-text-delete-button {
-  @apply rounded-sm
-    hover:bg-black/10
-    dark:hover:bg-white/10;
-}

package/styles/Pagination.css

@@ -1,19 +0,0 @@
-.ui-theme-default .ui-pagination {
-    @apply flex
-}
-
-.ui-theme-default .ui-pagination > * {
-    @apply min-w-[32px] h-8 rounded-sm items-center justify-center flex px-2 text-sm font-medium
-    hover:bg-black/5
-    dark:hover:bg-white/5
-
-    disabled:pointer-events-none disabled:opacity-50
-
-    data-active:bg-primary-500 data-active:text-white
-    data-active:hover:bg-primary-600
-    dark:data-active:hover:bg-primary-400
-}
-
-.ui-theme-default .ui-pagination > * > svg {
-    @apply -mx-2
-}