@g4rcez/components 4.1.3 → 5.0.1

package/dist/components/display/notifications.d.ts

@@ -1,27 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import { type PropsWithChildren } from "react";
-import { Label } from "../../types";
-declare const variants: (props?: ({
-    theme?: "info" | "warn" | "muted" | "danger" | "success" | "secondary" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type NotificationOptions = Partial<{
-    id: string;
-    title: Label;
-    timeout: number;
-    closable: boolean;
-    loading: boolean;
-    theme: VariantProps<typeof variants>["theme"];
-}>;
-type NotificationSubscriber = {
-    close: () => void;
-    clear: () => void;
-};
-type ContextFunction = (description: Label, args?: NotificationOptions) => NotificationSubscriber;
-export declare const useNotification: () => ContextFunction;
-export type NotificationProps = Partial<{
-    max: number;
-    timeout: number;
-}>;
-export declare function Notifications({ children, max, timeout }: PropsWithChildren<NotificationProps>): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=notifications.d.ts.map

package/dist/components/display/notifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../src/components/display/notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAiB,KAAK,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,QAAQ;;8EAgBb,CAAC;AAYF,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;CACjD,CAAC,CAAC;AAQH,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvE,KAAK,eAAe,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,mBAAmB,KAAK,sBAAsB,CAAC;AAMlG,eAAO,MAAM,eAAe,uBAAwC,CAAC;AAkDrE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAsF1E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAO,EAAE,OAAc,EAAE,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,+BAMxG"}

package/dist/components/display/notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/display/notifications.jsx

@@ -1,126 +0,0 @@
-"use client";
-import { Toast as Base } from "@base-ui/react/toast";
-import { cva } from "class-variance-authority";
-import { XIcon, CheckCircleIcon, WarningIcon, InfoIcon, CircleNotchIcon } from "@phosphor-icons/react";
-import { AnimatePresence, motion } from "motion/react";
-import { createContext, useCallback, useContext, useRef } from "react";
-import { useHover } from "../../hooks/use-hover";
-import { css } from "../../lib/dom";
-const variants = cva("shadow-notification relative isolate z-tooltip flex w-full flex-col overflow-hidden rounded-xl border bg-card-background text-sm backdrop-blur-md transition-all duration-300", {
-    variants: {
-        theme: {
-            default: "border-card-border text-foreground shadow-black/5",
-            info: "border-alert-info-border bg-alert-info-bg text-alert-info-text",
-            warn: "border-alert-warn-border bg-alert-warn-bg text-alert-warn-text",
-            muted: "border-alert-muted-border bg-alert-muted-bg text-alert-muted-text",
-            danger: "border-alert-danger-border bg-alert-danger-bg text-alert-danger-text",
-            success: "border-alert-success-border bg-alert-success-bg text-alert-success-text",
-            secondary: "border-alert-secondary-border bg-alert-secondary-bg text-alert-secondary-text",
-        },
-    },
-    defaultVariants: { theme: "default" },
-});
-const themeIcons = {
-    default: InfoIcon,
-    info: InfoIcon,
-    warn: WarningIcon,
-    muted: InfoIcon,
-    danger: WarningIcon,
-    success: CheckCircleIcon,
-    secondary: InfoIcon,
-};
-const NotificationContext = createContext(() => {
-    throw new Error("Not implemented");
-});
-export const useNotification = () => useContext(NotificationContext);
-function Notification(props) {
-    const closable = props.toast.data?.closable ?? true;
-    const loading = props.toast.data?.loading ?? false;
-    const theme = props.toast.data?.theme || "default";
-    const className = variants({ theme });
-    const Icon = loading ? CircleNotchIcon : themeIcons[theme] || InfoIcon;
-    return (<Base.Root toast={props.toast} swipeDirection="right">
-            <motion.li layout initial={{ opacity: 0, y: -20, scale: 0.95 }} animate={{ opacity: 1, y: 0, scale: 1 }} exit={{ opacity: 0, scale: 0.9, y: -20, transition: { duration: 0.2 } }} transition={{
-            type: "spring",
-            damping: 25,
-            stiffness: 300,
-        }} className="pointer-events-auto w-full list-none">
-                <Base.Content className={css(className, "shadow-lg")}>
-                    <div className="flex items-start gap-3 p-4">
-                        <div className={css("mt-0.5 shrink-0 opacity-80", loading && "animate-spin")}>
-                            <Icon className="size-4"/>
-                        </div>
-
-                        <div className="flex flex-1 flex-col gap-1 overflow-hidden">
-                            {props.toast.title ? <Base.Title className="select-text truncate font-semibold leading-tight tracking-tight"/> : null}
-                            <Base.Description className="line-clamp-2 select-text text-xs font-medium leading-relaxed opacity-90"/>
-                        </div>
-
-                        {closable && !loading ? (<Base.Close className="-mr-1 -mt-1 shrink-0 rounded-lg p-1.5 text-foreground/40 transition hover:bg-foreground/10 hover:text-foreground">
-                                <XIcon className="size-3.5"/>
-                            </Base.Close>) : null}
-                    </div>
-                </Base.Content>
-            </motion.li>
-        </Base.Root>);
-}
-function NotificationsViewport({ max = 5 }) {
-    const ref = useRef(null);
-    const hover = useHover(ref);
-    const toastManager = Base.useToastManager();
-    const allToasts = max ? toastManager.toasts.slice(0, max) : toastManager.toasts;
-    const visibleToasts = hover ? allToasts : allToasts.slice(0, 3);
-    const hiddenCount = allToasts.length - visibleToasts.length;
-    return (<Base.Viewport ref={ref} className="pointer-events-none fixed left-1/2 top-6 z-[100] flex w-full max-w-[380px] -translate-x-1/2 flex-col gap-3 overflow-visible outline-none">
-            <AnimatePresence mode="popLayout" initial={false}>
-                {visibleToasts.map((toast) => (<Notification key={toast.id} toast={toast}/>))}
-            </AnimatePresence>
-
-            {!hover && hiddenCount > 0 && (<motion.div layout initial={{ opacity: 0, y: -10 }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: -10 }} className="pointer-events-auto cursor-default self-center rounded-full border border-card-border bg-card-background/80 px-3 py-1 text-[10px] font-bold uppercase tracking-wider text-foreground/50 shadow-sm backdrop-blur transition-all hover:bg-card-background hover:text-foreground/80">
-                    +{hiddenCount} more
-                </motion.div>)}
-        </Base.Viewport>);
-}
-function NotificationsInner({ children, max = 5 }) {
-    const toastManager = Base.useToastManager();
-    const clear = useCallback(() => {
-        toastManager.toasts.forEach((t) => toastManager.close(t.id));
-    }, [toastManager]);
-    const notify = useCallback((description, args) => {
-        const data = { theme: args?.theme, closable: args?.closable, loading: args?.loading };
-        if (args?.id) {
-            const existing = toastManager.toasts.find((t) => t.id === args.id);
-            if (existing) {
-                toastManager.update(args.id, {
-                    description,
-                    title: args.title,
-                    timeout: args.timeout,
-                    data,
-                });
-                return { close: () => toastManager.close(args.id), clear };
-            }
-        }
-        const id = toastManager.add({
-            description,
-            id: args?.id,
-            title: args?.title,
-            timeout: args?.timeout,
-            data,
-        });
-        return {
-            close: () => toastManager.close(id),
-            clear,
-        };
-    }, [toastManager, clear]);
-    return (<NotificationContext.Provider value={notify}>
-            {children}
-            <Base.Portal>
-                <NotificationsViewport max={max}/>
-            </Base.Portal>
-        </NotificationContext.Provider>);
-}
-export function Notifications({ children, max = 5, timeout = 5000 }) {
-    return (<Base.Provider limit={max} timeout={timeout}>
-            <NotificationsInner max={max}>{children}</NotificationsInner>
-        </Base.Provider>);
-}

package/dist/components/display/progress.d.ts

@@ -1,13 +0,0 @@
-import { PropsWithoutRef } from "react";
-import { Label } from "../../types";
-type ProgressProps = {
-    max?: number;
-    label?: Label;
-    percent?: number;
-    className?: string;
-    container?: string;
-    textClassName?: string;
-};
-export declare const Progress: (props: PropsWithoutRef<ProgressProps>) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=progress.d.ts.map

package/dist/components/display/progress.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/display/progress.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,KAAK,aAAa,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,eAAe,CAAC,aAAa,CAAC,gCAwB7D,CAAC"}

package/dist/components/display/progress.jsx

@@ -1,11 +0,0 @@
-import { Is } from "sidekicker";
-import { Progress as RadixProgress } from "@base-ui/react/progress";
-import { css } from "../../lib/dom";
-export const Progress = (props) => {
-    return (<RadixProgress.Root max={props.max} value={props.percent ?? null} style={{ transform: "translateZ(0)" }} className={css("relative h-6 w-full overflow-hidden rounded-full bg-background", props.container)}>
-            <RadixProgress.Indicator style={{ transform: Is.number(props.percent) ? `translateX(-${100 - props.percent}%)` : undefined }} className={css("size-full bg-primary transition-transform duration-500 ease-in-out", props.className)}/>
-            {Is.number(props.percent) ? (<p className={css("absolute inset-0 flex w-full items-center justify-center font-semibold tabular-nums text-primary-foreground", props.textClassName)}>
-                    {props.label ? props.label : `${props.percent} %`}
-                </p>) : null}
-        </RadixProgress.Root>);
-};

package/dist/components/display/shortcut.d.ts

@@ -1,4 +0,0 @@
-export declare const Shortcut: (props: {
-    value: string;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=shortcut.d.ts.map

package/dist/components/display/shortcut.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shortcut.d.ts","sourceRoot":"","sources":["../../../src/components/display/shortcut.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,GAAI,OAAO;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,gCAehD,CAAC"}

package/dist/components/display/shortcut.jsx

@@ -1,23 +0,0 @@
-import { CommandIcon, OptionIcon } from "@phosphor-icons/react";
-import { Fragment } from "react";
-import { isMac } from "../../lib/combi-keys";
-const remap = (x) => {
-    x = x.trim();
-    if (x === "Alt")
-        return isMac() ? <OptionIcon aria-label="Option" size={12}/> : "Alt";
-    if (x === "Mod")
-        return isMac() ? <CommandIcon aria-label="Command" size={12}/> : "Ctrl";
-    return x;
-};
-export const Shortcut = (props) => {
-    const p = props.value.trim().split("+");
-    return (<span className="flex items-center gap-1 text-sm">
-            {p.map((x, i) => {
-            const isLast = p.length - 1 === i;
-            return (<Fragment key={`${props.value}-${x}-key-${i}`}>
-                        <kbd aria-label={x}>{remap(x)}</kbd>
-                        {isLast ? null : <span>+</span>}
-                    </Fragment>);
-        })}
-        </span>);
-};

package/dist/components/display/skeleton.d.ts

@@ -1,12 +0,0 @@
-import React, { CSSProperties, type ElementType } from "react";
-export declare const SkeletonCell: React.JSX.Element;
-export declare const Skeleton: (props: {
-    className?: string;
-    as?: ElementType;
-    style?: CSSProperties;
-}) => React.JSX.Element;
-export declare const SkeletonList: (props: {
-    className?: string;
-    rows: number;
-}) => React.JSX.Element;
-//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/display/skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/display/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAU,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAKvE,eAAO,MAAM,YAAY,mBAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,sBAY9F,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAavE,CAAC"}

package/dist/components/display/skeleton.jsx

@@ -1,19 +0,0 @@
-import React, { useRef } from "react";
-import { useTranslations } from "../../hooks/use-translations";
-import { css } from "../../lib/dom";
-import { Polymorph } from "../core/polymorph";
-export const SkeletonCell = (<div role="status" aria-busy="true" aria-label="Loading content" className="h-6 w-10/12 animate-pulse rounded bg-muted"/>);
-export const Skeleton = (props) => {
-    const t = useTranslations();
-    return (<Polymorph {...props} role="status" aria-busy="true" aria-label={t.skeletonLoading} as={props.as || "span"} className={css("block h-8 w-32 animate-pulse rounded bg-muted", props.className)}/>);
-};
-export const SkeletonList = (props) => {
-    const t = useTranslations();
-    const items = useRef(Array.from({ length: props.rows }).map((_, i) => {
-        const rand = Math.max(100, Math.random() * 99);
-        return <Skeleton key={`skeleton-${rand}-${i}`} style={{ width: `${rand}%` }} as="li"/>;
-    }));
-    return (<ul role="status" aria-busy="true" aria-label={t.skeletonLoading} className={css("flex flex-col gap-6", props.className)}>
-            {items.current}
-        </ul>);
-};

package/dist/components/display/spinner.d.ts

@@ -1,5 +0,0 @@
-export declare const Spinner: (props: {
-    className?: string;
-}) => import("react").JSX.Element;
-export declare const Loading: () => import("react").JSX.Element;
-//# sourceMappingURL=spinner.d.ts.map

package/dist/components/display/spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/display/spinner.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,GAAI,OAAO;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCAapD,CAAC;AAEF,eAAO,MAAM,OAAO,mCAMnB,CAAC"}

package/dist/components/display/spinner.jsx

@@ -1,11 +0,0 @@
-import { useTranslations } from "../../hooks/use-translations";
-import { css } from "../../lib/dom";
-export const Spinner = (props) => {
-    const t = useTranslations();
-    return (<span role="status" aria-live="polite" aria-label={t.spinnerLoading} className={css("box-border inline-block aspect-square size-12 animate-spin rounded-full border-4 border-background border-b-primary", props.className)}/>);
-};
-export const Loading = () => {
-    return (<div className="flex h-full w-full items-center justify-center p-12">
-            <Spinner />
-        </div>);
-};

package/dist/components/display/stats.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { Label } from "../../types";
-export type StatsProps = {
-    title: Label;
-    iconContainer?: string;
-    footer?: React.ReactElement;
-    Icon: React.FC<{
-        className: string;
-    }>;
-};
-export declare const Stats: (props: React.PropsWithChildren<StatsProps>) => React.JSX.Element;
-//# sourceMappingURL=stats.d.ts.map

package/dist/components/display/stats.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../../src/components/display/stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,sBAmB/D,CAAC"}

package/dist/components/display/stats.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { css } from "../../lib/dom";
-export const Stats = (props) => {
-    return (<div className="divide-y divide-card-border rounded-card border border-card-border bg-card-background shadow-shadow-card">
-            <header className="flex items-start gap-4 p-6">
-                <div className={css("flex aspect-square size-10 items-center justify-center rounded-card bg-primary p-8", props.iconContainer)}>
-                    <div>
-                        <props.Icon className="aspect-square size-10 text-primary-foreground"/>
-                    </div>
-                </div>
-                <div className="flex flex-col gap-1">
-                    <header>
-                        <h3 className="text-base leading-none">{props.title}</h3>
-                    </header>
-                    <p className="text-4xl font-semibold">{props.children}</p>
-                </div>
-            </header>
-            {props.footer ? <footer className="px-6 py-2">{props.footer}</footer> : null}
-        </div>);
-};

package/dist/components/display/step.d.ts

@@ -1,24 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { Label } from "../../types";
-type StepContextValue = {
-    currentStep: number;
-    previousStep: number;
-    progressBarDuration: number;
-    steps: number;
-};
-type StepStatus = "active" | "inactive" | "complete" | "error";
-export type StepProps = React.ComponentProps<"button"> & {
-    step: number;
-    title?: Label;
-    currentStep: number;
-    status?: StepStatus;
-    titleClassName?: string;
-};
-export declare const useStepContext: () => StepContextValue | null;
-export declare const Step: ({ step, currentStep, status, title, titleClassName, ...props }: StepProps) => React.JSX.Element;
-export declare const Steps: (props: PropsWithChildren<{
-    steps: number;
-    currentStep: number;
-}>) => React.JSX.Element;
-export {};
-//# sourceMappingURL=step.d.ts.map

package/dist/components/display/step.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../src/components/display/step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,iBAAiB,EAA2C,MAAM,OAAO,CAAC;AAEnI,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAMpC,KAAK,gBAAgB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,mBAAmB,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AA+BlH,KAAK,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AA2BF,eAAO,MAAM,cAAc,+BAAgC,CAAC;AAE5D,eAAO,MAAM,IAAI,GAAI,gEAAgE,SAAS,sBA6F7F,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,sBA0BrF,CAAC"}

package/dist/components/display/step.jsx

@@ -1,131 +0,0 @@
-"use client";
-import { motion } from "motion/react";
-import React, { createContext, Fragment, useContext, useEffect, useRef, useState } from "react";
-import { useColorParser } from "../../hooks/use-color-parser";
-const PROGRESS_BAR_DURATION = 0.3;
-const transition = { duration: PROGRESS_BAR_DURATION, type: "tween", ease: "easeInOut" };
-const StepContext = createContext(null);
-const iconTransitions = { delay: 0.2, duration: 0.3, type: "tween", ease: "easeOut" };
-const states = {
-    initial: { pathLength: 0, opacity: 0 },
-    animate: { pathLength: 1, opacity: 1 },
-};
-const ErrorIcon = (props) => (<svg {...props} viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-        <motion.path className="currentColor" initial={states.initial} animate={states.animate} transition={iconTransitions} d="M18 6 6 18"/>
-        <motion.path className="currentColor" initial={states.initial} animate={states.animate} transition={iconTransitions} d="m6 6 12 12"/>
-    </svg>);
-const CheckIcon = (props) => (<svg {...props} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
-        <motion.path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" animate={states.animate} initial={states.initial} transition={iconTransitions}/>
-    </svg>);
-const variants = {
-    complete: { scale: 1.25 },
-    active: { scale: 1, transition: { delay: 0, duration: 0.3 } },
-};
-const transitions = { duration: 0.6, delay: 0.2, type: "tween", ease: "circOut" };
-const getCurrentStatus = (step, currentStep, status) => {
-    if (status === "error")
-        return "error";
-    if (currentStep === step)
-        return "active";
-    if (currentStep < step)
-        return "inactive";
-    return "complete";
-};
-const calculateStepDelay = (step, currentStep, previousStep, duration) => {
-    if (currentStep === previousStep)
-        return 0;
-    const isForward = currentStep > previousStep;
-    if (isForward) {
-        if (step <= previousStep || step > currentStep)
-            return 0;
-        return ((step - previousStep) / (currentStep - previousStep)) * duration;
-    }
-    if (step <= currentStep || step > previousStep)
-        return 0;
-    return ((previousStep - step) / (previousStep - currentStep)) * duration;
-};
-export const useStepContext = () => useContext(StepContext);
-export const Step = ({ step, currentStep, status, title, titleClassName, ...props }) => {
-    const parser = useColorParser();
-    const context = useStepContext();
-    const [visualCurrentStep, setVisualCurrentStep] = useState(currentStep);
-    useEffect(() => {
-        if (!context) {
-            setVisualCurrentStep(currentStep);
-            return;
-        }
-        const delay = calculateStepDelay(step, context.currentStep, context.previousStep, context.progressBarDuration);
-        if (delay === 0) {
-            setVisualCurrentStep(currentStep);
-            return;
-        }
-        const timer = setTimeout(() => {
-            setVisualCurrentStep(currentStep);
-        }, delay * 1000);
-        return () => clearTimeout(timer);
-    }, [currentStep, context, step]);
-    const innerStatus = getCurrentStatus(step, visualCurrentStep, status);
-    const widthPerStep = context?.steps ? 100 / context?.steps : undefined;
-    return (<Fragment>
-            <div className={`hidden h-[2px] w-full bg-card-border first:hidden xl:block ${innerStatus === "active" || innerStatus === "complete" ? "bg-success" : ""}`}/>
-            <motion.button {...props} type="button" data-step={step} animate={innerStatus} className="relative flex w-auto items-center justify-center text-center">
-                <motion.div variants={variants} transition={transitions} className={`absolute inset-0 hidden rounded-full text-center xl:block ${innerStatus === "error" ? "bg-danger" : ""}`}/>
-                <motion.div initial={false} animate={innerStatus} transition={transition} className="relative flex aspect-square size-10 items-center justify-center rounded-full font-medium" variants={{
-            error: {
-                color: parser("var(--danger-foreground)"),
-                borderColor: parser("var(--danger-hover)"),
-                backgroundColor: parser("var(--danger-DEFAULT)"),
-            },
-            inactive: {
-                transition,
-                color: parser("var(--disabled)"),
-                borderColor: parser("var(--card-border)"),
-                backgroundColor: parser("var(--background)"),
-            },
-            active: {
-                transition,
-                color: parser("var(--primary-foreground)"),
-                borderColor: parser("var(--primary-DEFAULT)"),
-                backgroundColor: parser("var(--primary-DEFAULT)"),
-            },
-            complete: {
-                transition,
-                color: parser("var(--success-foreground)"),
-                borderColor: parser("var(--success-DEFAULT)"),
-                backgroundColor: parser("var(--success-DEFAULT)"),
-            },
-        }}>
-                    <div className="flex items-center justify-center">
-                        {innerStatus === "complete" ? (<CheckIcon className="size-6 text-primary-foreground"/>) : innerStatus === "error" ? (<ErrorIcon className="size-6 text-danger-foreground"/>) : (<Fragment>
-                                <span>{step}</span>
-                            </Fragment>)}
-                    </div>
-                </motion.div>
-                <header className="flex flex-col items-start justify-start px-2">
-                    <h3 className={`flex h-full items-center whitespace-nowrap font-normal ${titleClassName}`}>{title}</h3>
-                </header>
-            </motion.button>
-        </Fragment>);
-};
-export const Steps = (props) => {
-    const previousStepRef = useRef(props.currentStep);
-    const [previousStep, setPreviousStep] = useState(props.currentStep);
-    useEffect(() => {
-        previousStepRef.current = previousStep;
-        const timer = setTimeout(() => {
-            setPreviousStep(props.currentStep);
-        }, PROGRESS_BAR_DURATION * 1000);
-        return () => clearTimeout(timer);
-    }, [props.currentStep, previousStep]);
-    const contextValue = {
-        currentStep: props.currentStep,
-        previousStep: previousStepRef.current,
-        progressBarDuration: PROGRESS_BAR_DURATION,
-        steps: React.Children.count(props.children),
-    };
-    return (<StepContext.Provider value={contextValue}>
-            <div className="relative flex w-full flex-col items-start justify-center gap-4 lg:flex-row lg:items-center lg:justify-between">
-                {props.children}
-            </div>
-        </StepContext.Provider>);
-};

package/dist/components/display/tabs.d.ts

@@ -1,24 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { Label } from "../../types";
-import { CardProps } from "./card";
-export type TabsProps = Omit<CardProps<"div">, "onChange"> & {
-    active: string;
-    container?: string;
-    className?: string;
-    onChange?: (id: string) => void;
-};
-export declare const Tabs: (props: PropsWithChildren<TabsProps>) => React.JSX.Element;
-type CommonTabProps = {
-    id: string;
-    disabled?: boolean;
-};
-export type TabProps = CommonTabProps & ({
-    title: string;
-    label?: undefined;
-} | {
-    label: string;
-    title: Omit<Label, string>;
-});
-export declare const Tab: (props: PropsWithChildren<TabProps>) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=tabs.d.ts.map

package/dist/components/display/tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAiC,MAAM,OAAO,CAAC;AAM/F,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AA2CF,eAAO,MAAM,IAAI,GAAI,OAAO,iBAAiB,CAAC,SAAS,CAAC,sBAiGvD,CAAC;AAIF,KAAK,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzD,MAAM,MAAM,QAAQ,GAAG,cAAc,GACjC,CACM;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GACpC;IACI,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC9B,CACN,CAAC;AAEN,eAAO,MAAM,GAAG,GAAI,OAAO,iBAAiB,CAAC,QAAQ,CAAC,6BAQrD,CAAC"}

package/dist/components/display/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}