@majapisoftwares/ui 4.3.17 → 6.0.0

package/components/Autocomplete/index.d.ts

@@ -1,5 +0,0 @@
-import Autocomplete from "./Autocomplete";
-export * from "./Autocomplete";
-export default Autocomplete;
-export { default as UnstyledAutocomplete } from "./UnstyledAutocomplete";
-export * from "./UnstyledAutocomplete";

package/components/Autocomplete/index.jsx

@@ -1,5 +0,0 @@
-import Autocomplete from "./Autocomplete";
-export * from "./Autocomplete";
-export default Autocomplete;
-export { default as UnstyledAutocomplete } from "./UnstyledAutocomplete";
-export * from "./UnstyledAutocomplete";

package/components/BackgroundEffects/BottomBlurryPoint.d.ts

@@ -1,3 +0,0 @@
-export default function BottomBlurryPoint({ className, }: {
-    className?: string;
-}): import("react").JSX.Element;

package/components/BackgroundEffects/BottomBlurryPoint.jsx

@@ -1,14 +0,0 @@
-import clsx from "../../utils/clsx";
-export default function BottomBlurryPoint({ className, }) {
-    return (<div className={clsx("pointer-events-none absolute inset-x-0 top-[calc(100%-22rem)] transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-43rem)]", className)}>
-      <svg className="relative left-[calc(50%+3rem)] h-[21.1875rem] max-w-none -translate-x-1/2 sm:left-[calc(50%+36rem)] sm:h-[42.375rem]" viewBox="0 0 1155 678" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path fill="url(#ecb5b0c9-546c-4772-8c71-4d3f06d544bc)" fillOpacity=".3" d="M317.219 518.975L203.852 678 0 438.341l317.219 80.634 204.172-286.402c1.307 132.337 45.083 346.658 209.733 145.248C936.936 126.058 882.053-94.234 1031.02 41.331c119.18 108.451 130.68 295.337 121.53 375.223L855 299l21.173 362.054-558.954-142.079z"/>
-        <defs>
-          <linearGradient id="ecb5b0c9-546c-4772-8c71-4d3f06d544bc" x1="1155.49" x2="-78.208" y1=".177" y2="474.645" gradientUnits="userSpaceOnUse">
-            <stop stopColor="#9089FC"/>
-            <stop offset={1} stopColor="#FF80B5"/>
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>);
-}

package/components/BackgroundEffects/TopBlurryPoint.d.ts

@@ -1,3 +0,0 @@
-export default function TopBlurryPoint({ className }: {
-    className?: string;
-}): import("react").JSX.Element;

package/components/BackgroundEffects/TopBlurryPoint.jsx

@@ -1,14 +0,0 @@
-import clsx from "../../utils/clsx";
-export default function TopBlurryPoint({ className }) {
-    return (<div className={clsx("pointer-events-none absolute inset-x-0 top-[-10rem] z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]", className)}>
-      <svg className="relative left-[calc(50%-11rem)] z-10 h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] sm:left-[calc(50%-30rem)] sm:h-[42.375rem]" viewBox="0 0 1155 678" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path fill="url(#45de2b6b-92d5-4d68-a6a0-9b9b2abad533)" fillOpacity=".3" d="M317.219 518.975L203.852 678 0 438.341l317.219 80.634 204.172-286.402c1.307 132.337 45.083 346.658 209.733 145.248C936.936 126.058 882.053-94.234 1031.02 41.331c119.18 108.451 130.68 295.337 121.53 375.223L855 299l21.173 362.054-558.954-142.079z"/>
-        <defs>
-          <linearGradient id="45de2b6b-92d5-4d68-a6a0-9b9b2abad533" x1="1155.49" x2="-78.208" y1=".177" y2="474.645" gradientUnits="userSpaceOnUse">
-            <stop stopColor="#9089FC"/>
-            <stop offset={1} stopColor="#FF80B5"/>
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>);
-}

package/components/Badge/Badge.d.ts

@@ -1,42 +0,0 @@
-import { type ReactNode } from "react";
-declare const colorMap: {
-    default: {
-        badge: string;
-        button: string;
-    };
-    primary: {
-        badge: string;
-        button: string;
-    };
-    success: {
-        badge: string;
-        button: string;
-    };
-    error: {
-        badge: string;
-        button: string;
-    };
-};
-declare const sizeMap: {
-    badge: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    button: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-};
-declare function Badge({ color, size, className, children, onActionClick, href, shallow, onClick, ...props }: {
-    color?: keyof typeof colorMap;
-    size?: keyof (typeof sizeMap)["badge"];
-    className?: string;
-    children: ReactNode;
-    onActionClick?: () => void;
-    href?: string;
-    shallow?: boolean;
-    onClick?: () => void;
-}): import("react").JSX.Element;
-export default Badge;

package/components/Badge/Badge.jsx

@@ -1,51 +0,0 @@
-import clsx from "../../utils/clsx";
-import Link from "next/link";
-import { useCallback, } from "react";
-import preventDefault from "../../utils/preventDefault";
-const colorMap = {
-    default: {
-        badge: "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-100",
-        button: "text-zinc-400 hover:bg-zinc-300 dark:hover:bg-zinc-600 hover:text-zinc-500 dark:hover:text-zinc-300 dark:focus:bg-zinc-500 focus:bg-zinc-500",
-    },
-    primary: {
-        badge: "bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-100",
-        button: "text-primary-400 hover:bg-primary-200 dark:hover:bg-primary-800 hover:text-primary-500 dark:hover:text-primary-300 focus:bg-primary-500",
-    },
-    success: {
-        badge: "bg-success-100 dark:bg-success-900 text-success-700 dark:text-success-100",
-        button: "text-success-400 hover:bg-success-200 dark:hover:bg-success-800 hover:text-success-500 dark:hover:text-success-300 focus:bg-success-500",
-    },
-    error: {
-        badge: "bg-error-100 dark:bg-error-900 text-error-700 dark:text-error-100",
-        button: "text-error-400 hover:bg-error-200 dark:hover:bg-error-800 hover:text-error-500 dark:hover:text-error-300 focus:bg-error-500",
-    },
-};
-const sizeMap = {
-    badge: {
-        sm: "py-0.5 px-2 text-xs rounded-xl",
-        md: "py-0.5 px-2.5 text-sm rounded-xl",
-        lg: "py-0.5 px-3 text-md rounded-2xl",
-    },
-    button: {
-        sm: "-mr-1",
-        md: "-mr-1.5",
-        lg: "-mr-1.5",
-    },
-};
-function Badge({ color = "default", size = "md", className, children, onActionClick, href, shallow, onClick, ...props }) {
-    const Component = href ? Link : "span";
-    const handleActionClick = useCallback((e) => {
-        e.preventDefault();
-        onActionClick?.();
-    }, [onActionClick]);
-    return (<Component className={clsx("inline-flex items-center py-0.5 font-medium", sizeMap.badge[size], colorMap[color].badge, className)} href={href} shallow={shallow} onClick={onClick} {...props}>
-      {children}
-      {onActionClick && (<div className={clsx("ml-1 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full focus:text-white focus:outline-hidden", sizeMap.button[size], colorMap[color].button)} onClick={handleActionClick} onPointerDown={preventDefault}>
-          <span className="sr-only">Remove</span>
-          <svg className="h-2 w-2" stroke="currentColor" fill="none" viewBox="0 0 8 8">
-            <path strokeLinecap="round" strokeWidth="1.5" d="M1 1l6 6m0-6L1 7"/>
-          </svg>
-        </div>)}
-    </Component>);
-}
-export default Badge;

package/components/Badge/index.d.ts

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

package/components/Badge/index.jsx

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

package/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,20 +0,0 @@
-import type { ReactElement } from "react";
-type BaseBreadcrumbPage = {
-    href?: string;
-    loading?: boolean;
-};
-export type BreadcrumbPage = (BaseBreadcrumbPage & {
-    title: string;
-    id?: string;
-}) | (BaseBreadcrumbPage & {
-    title: ReactElement;
-    id: string;
-});
-export type BreadcrumbsProps = {
-    pages?: Array<BreadcrumbPage>;
-    homeHref?: string;
-    className?: string;
-    loading?: boolean;
-};
-export default function Breadcrumbs({ pages, homeHref, className, loading, }: BreadcrumbsProps): import("react").JSX.Element | null;
-export {};

package/components/Breadcrumbs/Breadcrumbs.jsx

@@ -1,42 +0,0 @@
-import { HomeIcon } from "@heroicons/react/20/solid";
-import clsx from "../../utils/clsx";
-import Text from "../Text";
-import NextLink from "next/link";
-import Loading from "../Loading";
-import Skeleton from "../Skeleton";
-export default function Breadcrumbs({ pages, homeHref = "/", className, loading, }) {
-    if (!pages?.length) {
-        return null;
-    }
-    return (<nav className={clsx("flex", className)} aria-label="Breadcrumb">
-      <ol role="list" className="flex w-full space-x-4 overflow-auto bg-white px-6 whitespace-nowrap shadow-sm md:w-auto md:rounded-md dark:border-y dark:border-zinc-800 dark:bg-zinc-900 md:dark:border-x">
-        <li className="flex">
-          <div className="flex items-center">
-            <NextLink href={homeHref} className="text-zinc-400 hover:text-zinc-500 dark:hover:text-zinc-200">
-              <HomeIcon className="h-5 w-5 shrink-0" aria-hidden="true"/>
-              <span className="sr-only">Home</span>
-            </NextLink>
-          </div>
-        </li>
-        {pages.map((page, i) => {
-            const isLast = i === pages.length - 1;
-            return (<li key={page.id || page.title.toString()} className="flex">
-              <div className="flex items-center">
-                <svg className="h-full w-6 shrink-0 text-zinc-200 dark:text-zinc-800" viewBox="0 0 24 44" preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-                  <path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z"/>
-                </svg>
-                <Text href={page.href} className={clsx("ml-4 text-sm font-medium text-zinc-500 no-underline dark:text-zinc-400", {
-                    "cursor-default": !page.href,
-                    "hover:text-zinc-700! dark:hover:text-zinc-200!": !!page.href,
-                })} aria-current={isLast ? "page" : undefined}>
-                  {page.loading ? (<Skeleton className="h-3 w-10"/>) : (page.title)}
-                </Text>
-              </div>
-            </li>);
-        })}
-        {loading && (<li className="ml-auto! flex items-center">
-            <Loading className="-mr-3 ml-4"/>
-          </li>)}
-      </ol>
-    </nav>);
-}

package/components/Breadcrumbs/index.d.ts

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

package/components/Breadcrumbs/index.jsx

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

package/components/Button/Button.d.ts

@@ -1,111 +0,0 @@
-import { type UnstyledButtonProps } from "./UnstyledButton";
-import { type ReactElement, type Ref } from "react";
-declare const styles: {
-    root: string;
-    variant: {
-        filled: string;
-        light: string;
-        outlined: string;
-        text: string;
-        custom: string;
-    };
-    color: {
-        primary: string;
-        success: string;
-        error: string;
-        gray: string;
-        default: string;
-    };
-    variantColor: {
-        "filled-primary": string;
-        "filled-success": string;
-        "filled-error": string;
-        "filled-gray": string;
-        "filled-default": string;
-        "light-primary": string;
-        "light-success": string;
-        "light-error": string;
-        "light-gray": string;
-        "light-default": string;
-        "outlined-primary": string;
-        "outlined-success": string;
-        "outlined-error": string;
-        "outlined-gray": string;
-        "outlined-default": string;
-        "text-primary": string;
-        "text-success": string;
-        "text-error": string;
-        "text-gray": string;
-        "text-default": string;
-    };
-    disabled: string;
-    size: {
-        xs: {
-            button: string;
-        };
-        sm: {
-            button: string;
-        };
-        md: {
-            button: string;
-        };
-        lg: {
-            button: string;
-        };
-        xl: {
-            button: string;
-        };
-    };
-    icon: {
-        xs: {
-            button: string;
-            icon: string;
-            leading: string;
-            trailing: string;
-        };
-        sm: {
-            button: string;
-            icon: string;
-            leading: string;
-            trailing: string;
-        };
-        md: {
-            button: string;
-            icon: string;
-            leading: string;
-            trailing: string;
-        };
-        lg: {
-            button: string;
-            icon: string;
-            leading: string;
-            trailing: string;
-        };
-        xl: {
-            button: string;
-            icon: string;
-            leading: string;
-            trailing: string;
-        };
-    };
-};
-export type ButtonProps<T extends HTMLElement = HTMLButtonElement> = Omit<UnstyledButtonProps<T>, "size"> & {
-    variant?: keyof (typeof styles)["variant"];
-    color?: keyof (typeof styles)["color"];
-    size?: keyof (typeof styles)["size"];
-    icon?: boolean;
-    leading?: ReactElement<{
-        className?: string;
-    }>;
-    trailing?: ReactElement<{
-        className?: string;
-    }>;
-    loading?: boolean;
-    disabled?: boolean;
-    rounded?: boolean;
-    trailingClassName?: string;
-    leadingClassName?: string;
-    ref?: Ref<T>;
-};
-declare const Button: <T extends HTMLElement = HTMLButtonElement>({ variant, color, size, className, trailingClassName, leadingClassName, icon, type, leading, trailing, children, loading, disabled, rounded, ...props }: ButtonProps<T>) => import("react").JSX.Element;
-export default Button;

package/components/Button/Button.jsx

@@ -1,129 +0,0 @@
-import UnstyledButton, {} from "./UnstyledButton";
-import clsx from "../../utils/clsx";
-import { cloneElement } from "react";
-import Loading from "../Loading";
-const styles = {
-    root: clsx("appearance-none select-none border transition-colors inline-flex items-center justify-center font-medium leading-4 focus:outline-hidden cursor-pointer", "ring-offset-zinc-100 focus-visible:ring-2 focus:ring-primary-500 focus:ring-offset-2", "dark:ring-offset-zinc-900"),
-    variant: {
-        filled: "shadow-xs",
-        light: "shadow-xs",
-        outlined: "shadow-xs",
-        text: "",
-        custom: "",
-    },
-    color: {
-        primary: "",
-        success: "",
-        error: "",
-        gray: "",
-        default: "",
-    },
-    variantColor: {
-        "filled-primary": "bg-primary-500 hover:bg-primary-500/80 text-on-primary border-transparent active:border-primary-700 dark:active:border-primary-300",
-        "filled-success": "bg-success-500 hover:bg-success-500/80 text-white border-transparent active:border-success-700 dark:active:border-success-300",
-        "filled-error": "bg-red-500 hover:bg-red-500/80 text-white border-transparent active:border-red-700 dark:active:border-red-300",
-        "filled-gray": "bg-zinc-500 hover:bg-zinc-500/80 text-white border-transparent active:border-zinc-500 dark:active:border-zinc-400",
-        "filled-default": "bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-300 dark:hover:bg-zinc-400 text-zinc-900 border-transparent active:border-zinc-400 dark:active:border-zinc-300",
-        "light-primary": "border-transparent text-primary-500 bg-primary-500/20 hover:bg-primary-500/30 active:border-primary-700",
-        "light-success": "border-transparent text-success-500 bg-success-500/20 hover:bg-success-500/30 active:border-success-700",
-        "light-error": "border-transparent text-error-500 bg-error-500/20 hover:bg-error-500/30 active:border-error-700",
-        "light-gray": "border-transparent text-zinc-500 dark:text-zinc-300 bg-zinc-500/20 hover:bg-zinc-500/30 dark:hover:bg-zinc-400/30 active:border-zinc-700 dark:active:border-zinc-500",
-        "light-default": "border-transparent dark:text-white bg-zinc-300/30 dark:bg-white/20 hover:bg-zinc-300/70 dark:hover:bg-white/30 active:border-zinc-400",
-        "outlined-primary": "border-primary-500 text-primary-500 hover:bg-primary-500/10 active:border-primary-700",
-        "outlined-success": "border-success-500 text-success-500 hover:bg-success-500/10 active:border-success-700",
-        "outlined-error": "border-error-500 text-error-500 hover:bg-error-500/10 active:border-error-700",
-        "outlined-gray": "border-zinc-400 text-zinc-500 dark:text-zinc-400 hover:bg-zinc-500/10 active:border-zinc-700",
-        "outlined-default": clsx("border-zinc-300 hover:bg-zinc-500/5 active:border-zinc-400", "dark:text-white dark:border-zinc-700 dark:hover:bg-zinc-500/5 dark:active:border-zinc-500"),
-        "text-primary": "text-primary-500 hover:bg-primary-500/5 border-transparent active:border-primary-500",
-        "text-success": "text-success-500 hover:bg-success-500/5 border-transparent active:border-success-500",
-        "text-error": "text-error-500 hover:bg-error-500/5 border-transparent active:border-error-500",
-        "text-gray": "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-500/5 border-transparent active:border-zinc-500",
-        "text-default": "hover:bg-zinc-500/5 dark:hover:bg-white/5 border-transparent active:border-zinc-500/50 dark:active:border-white/50",
-    },
-    disabled: "opacity-50 pointer-events-none",
-    size: {
-        xs: {
-            button: "px-2 py-1 text-xs",
-        },
-        sm: {
-            button: "px-2 py-1.5 text-sm",
-        },
-        md: {
-            button: "px-3 py-2 text-sm",
-        },
-        lg: {
-            button: "px-5 py-3 text-md",
-        },
-        xl: {
-            button: "px-6 py-4 text-lg",
-        },
-    },
-    icon: {
-        xs: {
-            button: "p-1.5",
-            icon: "w-3 h-3",
-            leading: "mr-1.5 -ml-0.5",
-            trailing: "ml-1.5 -mr-0.5",
-        },
-        sm: {
-            button: "p-2",
-            icon: "w-4 h-4",
-            leading: "mr-1.5",
-            trailing: "ml-1.5",
-        },
-        md: {
-            button: "p-2",
-            icon: "w-5 h-5",
-            leading: "-my-0.5 mr-2 -ml-1",
-            trailing: "-my-0.5 ml-2 -mr-1",
-        },
-        lg: {
-            button: "p-3",
-            icon: "w-6 h-6",
-            leading: "-my-1 mr-3 -ml-2",
-            trailing: "-my-1 ml-3 -mr-2",
-        },
-        xl: {
-            button: "p-4",
-            icon: "w-7 h-7",
-            leading: "-my-2 mr-4 -ml-2",
-            trailing: "-my-2 ml-4 -mr-2",
-        },
-    },
-};
-const Button = ({ variant = "outlined", color = "default", size = "md", className, trailingClassName, leadingClassName, icon, type = "button", leading, trailing, children, loading, disabled, rounded, ...props }) => {
-    if (loading) {
-        if (icon) {
-            children = <Loading className="my-auto"/>;
-        }
-        else {
-            trailing = <Loading className="mr-0 h-auto w-auto"/>;
-        }
-    }
-    return (<UnstyledButton {...props} className={clsx(styles.root, styles.variant[variant], variant !== "custom" && styles.color[color], variant !== "custom" && styles.variantColor[`${variant}-${color}`], icon ? styles.icon[size].button : styles.size[size].button, rounded ? "rounded-full" : "rounded-sm", {
-            [styles.disabled]: disabled,
-        }, className)} type={type} disabled={disabled}>
-      {leading &&
-            cloneElement(leading, {
-                className: clsx(styles.icon[size].icon, styles.icon[size].leading, leading?.props?.className, leadingClassName),
-            })}
-      {!icon
-            ? children
-            : Array.isArray(children)
-                ? children.map((child, key) => cloneElement(child, {
-                    key,
-                    className: clsx(styles.icon[size].icon, child?.props?.className),
-                }))
-                : (() => {
-                    const child = children;
-                    return cloneElement(child, {
-                        className: clsx(styles.icon[size].icon, child?.props?.className),
-                    });
-                })()}
-      {trailing &&
-            cloneElement(trailing, {
-                className: clsx(styles.icon[size].icon, styles.icon[size].trailing, trailing?.props?.className, trailingClassName),
-            })}
-    </UnstyledButton>);
-};
-export default Button;

package/components/Button/UnstyledButton.d.ts

@@ -1,10 +0,0 @@
-import type { HTMLProps } from "react";
-export type UnstyledButtonProps<T extends HTMLElement = HTMLButtonElement> = {
-    href?: string | null;
-    target?: string;
-    rel?: string;
-    download?: string;
-    as?: string;
-} & Omit<HTMLProps<T>, "ref" | "href">;
-declare const UnstyledButton: <T extends HTMLElement = HTMLButtonElement>({ href, as, ...props }: UnstyledButtonProps<T>) => import("react").JSX.Element;
-export default UnstyledButton;

package/components/Button/UnstyledButton.jsx

@@ -1,13 +0,0 @@
-import NextLink from "next/link";
-const UnstyledButton = ({ href, as, ...props }) => {
-    if (as) {
-        const Component = as;
-        return <Component {...props}/>;
-    }
-    if (href) {
-        const props2 = props;
-        return (<NextLink {...props2} href={href} tabIndex={props2.disabled ? -1 : undefined}/>);
-    }
-    return (<button {...props}/>);
-};
-export default UnstyledButton;

package/components/Button/index.d.ts

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

package/components/Button/index.jsx

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

package/components/Carousel/Carousel.d.ts

@@ -1,19 +0,0 @@
-import { type ReactNode } from "react";
-import type { EmblaOptionsType, EmblaPluginType } from "embla-carousel";
-export type CarouselProps = {
-    children?: ReactNode;
-    carouselClassName?: string;
-    className?: string;
-    navigation?: boolean;
-    plugins?: EmblaPluginType[];
-} & EmblaOptionsType;
-declare function Carousel({ children, className, carouselClassName, navigation, plugins, ...options }: CarouselProps): import("react").JSX.Element;
-declare namespace Carousel {
-    var Slide: typeof CarouselSlide;
-}
-export default Carousel;
-export interface CarouselSlideProps {
-    children?: ReactNode;
-    className?: string;
-}
-declare function CarouselSlide({ children, className }: CarouselSlideProps): import("react").JSX.Element;

package/components/Carousel/Carousel.jsx

@@ -1,55 +0,0 @@
-import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/20/solid";
-import useEmblaCarousel from "embla-carousel-react";
-import clsx from "../../utils/clsx";
-import { useEffect, useState } from "react";
-import Button from "../Button";
-import { useMeasure } from "react-use";
-import { mergeRefs } from "react-merge-refs";
-export default function Carousel({ children, className, carouselClassName, navigation, plugins, ...options }) {
-    const [emblaRef, embla] = useEmblaCarousel(options, plugins);
-    const [canScrollPrev, setCanScrollPrev] = useState(false);
-    const [canScrollNext, setCanScrollNext] = useState(false);
-    const [ref, { width, height }] = useMeasure();
-    useEffect(() => {
-        function updateCanScroll() {
-            if (embla) {
-                setCanScrollPrev(embla.canScrollPrev());
-                setCanScrollNext(embla.canScrollNext());
-            }
-        }
-        if (embla) {
-            embla.reInit();
-            updateCanScroll();
-            embla.on("select", updateCanScroll);
-            embla.on("reInit", updateCanScroll);
-        }
-        return () => {
-            if (embla) {
-                embla.off("select", updateCanScroll);
-                embla.off("reInit", updateCanScroll);
-            }
-        };
-    }, [embla, width, height]);
-    return (<div data-axis={options.axis}>
-      <div className={clsx("overflow-hidden", className)} ref={mergeRefs([ref, emblaRef])}>
-        <div className={clsx("flex", carouselClassName)}>{children}</div>
-        {navigation && (<div className="flex h-full">
-            <Button icon variant="text" className={clsx({
-                hidden: !canScrollPrev,
-            })} disabled={!canScrollPrev} onClick={() => embla?.scrollPrev()}>
-              <ChevronLeftIcon />
-            </Button>
-            <div className="grow"/>
-            <Button icon variant="text" className={clsx({
-                hidden: !canScrollNext,
-            })} disabled={!canScrollNext} onClick={() => embla?.scrollNext()}>
-              <ChevronRightIcon />
-            </Button>
-          </div>)}
-      </div>
-    </div>);
-}
-Carousel.Slide = CarouselSlide;
-function CarouselSlide({ children, className }) {
-    return (<div className={clsx("min-w-0 flex-[0_0_auto]", className)}>{children}</div>);
-}

package/components/Carousel/index.d.ts

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

package/components/Carousel/index.jsx

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

package/components/Checkbox/Checkbox.d.ts

@@ -1,14 +0,0 @@
-import { type DetailedHTMLProps, type InputHTMLAttributes, type ReactNode } from "react";
-export type CheckboxProps = {
-    label?: ReactNode;
-    description?: ReactNode;
-    labelClassName?: string;
-    descriptionClassName?: string;
-    inputClassName?: string;
-    labelOuterClassName?: string;
-    error?: boolean;
-    helpText?: ReactNode;
-    indeterminate?: boolean;
-} & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-declare function Checkbox({ id, label, description, className, labelClassName, descriptionClassName, inputClassName, labelOuterClassName, type, error, helpText, indeterminate, ref, ...props }: CheckboxProps): import("react").JSX.Element;
-export default Checkbox;