@g4rcez/components 0.0.38 → 0.0.39

package/dist/src/components/display/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/display/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAa,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG,gBAAgB,CACpC,QAAQ,CACJ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACtC,CACJ,EACD,KAAK,CACR,CAAC;AAEF,eAAO,MAAM,IAAI,oEAA8F,iBAAiB,CAAC,SAAS,CAAC,4CAS1I,CAAC"}

package/dist/src/components/display/card.js

@@ -0,0 +1,8 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from "../../lib/dom";
+import { Polymorph } from "../core/polymorph";
+export const Card = (_a) => {
+    var { children, title, as = "div", container = "", header = null, className = "" } = _a, props = __rest(_a, ["children", "title", "as", "container", "header", "className"]);
+    return (_jsxs(Polymorph, Object.assign({}, props, { as: as, className: css("flex flex-col gap-4 rounded-card border border-card-border bg-card-background py-4 pb-8 shadow", container), children: [title ? _jsx("header", { className: "mb-2 w-full border-b border-card-border px-8 pb-4 text-xl font-medium", children: title }) : header, _jsx("div", { className: css("min-w-full px-8", className), children: children })] })));
+};

package/dist/src/components/display/list.d.ts

@@ -0,0 +1,16 @@
+import React, { PropsWithChildren } from "react";
+import { Label } from "../../types";
+type AnimatedItemProps = {
+    title: Label;
+    description: Label;
+    children: Label;
+    avatar?: Label;
+    leading?: React.FC<{
+        open: () => void;
+    }>;
+};
+type AnimatedListProps = {};
+export declare const AnimatedList: (props: PropsWithChildren<AnimatedListProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const AnimatedListItem: (props: PropsWithChildren<AnimatedItemProps>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=list.d.ts.map

package/dist/src/components/display/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/display/list.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AAIF,KAAK,iBAAiB,GAAG,EAAE,CAAC;AA2D5B,eAAO,MAAM,YAAY,UAAW,iBAAiB,CAAC,iBAAiB,CAAC,4CAoEvE,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,iBAAiB,CAAC,iBAAiB,CAAC,4CAA0C,CAAC"}

package/dist/src/components/display/list.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole, } from "@floating-ui/react";
+import { AnimatePresence, motion, MotionConfig } from "framer-motion";
+import { XIcon } from "lucide-react";
+import React, { Fragment, useCallback, useId, useState } from "react";
+const FloatItem = ({ item, context, setter, get, refs }) => (_jsx(FloatingPortal, { children: _jsx(MotionConfig, { reducedMotion: "user", transition: { type: "tween", stiffness: 25, duration: 0.2 }, children: _jsxs(AnimatePresence, { presenceAffectsLayout: true, children: [_jsx(AnimatePresence, { children: item ? (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "pointer-events-none fixed inset-0 top-0 z-floating h-screen w-screen bg-floating-overlay/70" })) : null }), _jsx(AnimatePresence, { children: item ? (_jsx(FloatingOverlay, { lockScroll: true, className: "absolute inset-0 z-tooltip flex items-center justify-center", children: _jsx(FloatingFocusManager, { visuallyHiddenDismiss: true, modal: true, closeOnFocusOut: true, context: context, children: _jsxs(motion.div, Object.assign({ layout: true, layoutId: `item-${item.id}`, className: "relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow", ref: refs.setFloating }, get(), { children: [_jsx("nav", { className: "absolute right-4 top-1 lg:right-2", children: _jsx("button", { type: "button", onClick: setter, className: "p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger", children: _jsx(XIcon, {}) }) }), _jsxs("header", { className: "flex w-full flex-wrap items-center justify-between gap-2", children: [_jsx("h3", { className: "min-w-full text-balance text-2xl font-medium", children: item.title }), _jsx("p", { className: "text-sm leading-snug text-secondary", children: item.description })] }), item.children] })) }) })) : null })] }) }) }));
+export const AnimatedList = (props) => {
+    const [selected, setSelected] = useState(null);
+    const id = useId();
+    const { context, refs } = useFloating({
+        open: selected !== null,
+        transform: true,
+        onOpenChange: (open) => (open ? undefined : setSelected(null)),
+    });
+    const click = useClick(context);
+    const role = useRole(context);
+    const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });
+    const { getFloatingProps } = useInteractions([click, role, dismiss]);
+    const clear = useCallback(() => {
+        setSelected(null);
+    }, []);
+    const items = React.Children.toArray(props.children);
+    return (_jsxs(Fragment, { children: [_jsx(FloatItem, { refs: refs, context: context, get: getFloatingProps, item: selected, setter: clear }), _jsx("ul", { role: "list", children: items.map((x, index) => {
+                    const item = x.props;
+                    const innerId = `${id}-${index}`;
+                    const setter = () => setSelected(Object.assign(Object.assign({}, item), { id: innerId }));
+                    const Leading = item.leading;
+                    return (_jsx(motion.li, { layout: true, layoutId: `item-${innerId}`, className: `border-b border-card-border py-2 last:border-transparent`, children: _jsx(motion.div, { layoutId: `toast-${innerId}`, className: "relative", children: _jsx("div", { className: "relative flex items-start space-x-3", children: _jsxs(Fragment, { children: [item.avatar ? (_jsx("div", { children: _jsx("div", { className: "relative px-1", children: _jsx("button", { onClick: setter, className: "flex size-10 items-center justify-center ring-primary", children: item.avatar }) }) })) : null, _jsx("div", { className: "min-w-0 flex-1 py-1 text-foreground", children: _jsxs("div", { className: "flex flex-row flex-nowrap justify-between gap-4", children: [_jsxs("button", { onClick: setter, className: "ease-out cursor-pointer text-left transition-all hover:scale-105 hover:text-primary", children: [_jsx("h3", { children: item.title }), _jsx("p", { className: "text-sm leading-snug text-secondary", children: item.description })] }), Leading ? _jsx(Leading, { open: setter }) : null] }) })] }) }) }) }, innerId));
+                }) })] }));
+};
+export const AnimatedListItem = (props) => _jsx(Fragment, { children: props.children });

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

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

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

@@ -0,0 +1 @@
+{"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,EAA8C,KAAK,iBAAiB,EAAwD,MAAM,OAAO,CAAC;AAEjJ,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,QAAQ;;mFAcb,CAAC;AAEF,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;CACjD,CAAC,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvE,KAAK,eAAe,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,mBAAmB,KAAK,sBAAsB,CAAC;AAM3F,eAAO,MAAM,eAAe,uBAAwC,CAAC;AAkErE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE3E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAO,EAAE,QAAe,EAAE,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,2CAuDzG"}

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

@@ -0,0 +1,70 @@
+"use client";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RadixToast from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { AnimatePresence, motion } from "framer-motion";
+import { XIcon } from "lucide-react";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { useHover } from "../../hooks/use-hover";
+const variants = cva("relative isolate z-tooltip flex justify-between overflow-hidden whitespace-nowrap rounded-lg border text-sm shadow-sm supports-[backdrop-filter]:backdrop-blur-xl", {
+    variants: {
+        theme: {
+            warn: "bg-warn-notification/90 text-warn-hover border-warn/50",
+            info: "bg-info-notification supports-[backdrop-filter]:bg-info-notification/50 supports-[backdrop-filter]:bg-info/20 text-info border-info/50",
+            danger: "bg-danger-notification supports-[backdrop-filter]:bg-danger-notification/60 text-danger border-danger/50",
+            success: "bg-success-notification supports-[backdrop-filter]:bg-success-notification/50 text-success border-success/50",
+            default: "border-card-border bg-card-background text-foreground",
+        },
+    },
+    defaultVariants: { theme: "default" },
+});
+const NotificationContext = createContext(() => {
+    throw new Error("Not implemented");
+});
+export const useNotification = () => useContext(NotificationContext);
+const animatedIndex = {
+    0: { opacity: 1, y: [10, 15], scale: [1, 0.98] },
+    1: { opacity: 1, y: [15, 20], scale: [1, 0.97] },
+    2: { opacity: 1, y: [20, 25], scale: [1, 0.96] },
+    default: { opacity: 1, y: [25, 30], scale: [1, 0.95] },
+};
+const Notification = forwardRef(function Toast(props, forwardedRef) {
+    var _a;
+    const closable = (_a = props.closable) !== null && _a !== void 0 ? _a : true;
+    const duration = props.duration;
+    const variant = props.hover ? "hover" : props.isLast ? "isLast" : "other";
+    const className = variants({ theme: props.theme || "default" });
+    return (_jsx(RadixToast.Root, { ref: forwardedRef, asChild: true, forceMount: true, onOpenChange: props.onClose, duration: duration, children: _jsx(motion.li, { layout: true, layoutScroll: true, animate: variant, "data-index": props.index, initial: { y: -100, zIndex: -1 }, className: "text-select pointer-events-auto absolute right-0 top-0 w-80", variants: {
+                isLast: { y: 10, scale: 1, animationDuration: "300ms", opacity: 1 },
+                hover: { y: 0, position: "static", scale: 1, opacity: 1 },
+                other: animatedIndex[props.reversedIndex] || animatedIndex.default,
+            }, transition: { type: "spring", mass: 1.2, damping: 30, stiffness: 200 }, exit: { opacity: [0.9, 0], transition: { opacity: { bounce: 0.25, duration: 0.3 } } }, children: _jsxs("div", { className: className, children: [_jsxs("div", { className: "flex flex-col p-4", children: [props.title ? (_jsx(RadixToast.Title, { className: "select-text truncate text-lg font-medium leading-relaxed", children: "Title" })) : null, _jsxs(RadixToast.Description, { className: "select-text truncate", children: [props.text, props.index] })] }), closable ? (_jsx(RadixToast.Close, { className: "absolute right-2 top-2 rounded-full p-1 text-foreground transition hover:bg-danger/10 hover:text-danger-hover", children: _jsx(XIcon, { className: "h-5 w-5" }) })) : null] }) }) }));
+});
+export function Notifications({ children, max = 5, duration = 5000 }) {
+    const ref = useRef(null);
+    const hover = useHover(ref);
+    const [messages, setMessages] = useState([]);
+    const clear = useCallback(() => setMessages([]), []);
+    useEffect(() => {
+        return () => clear();
+    }, [clear]);
+    const notify = useCallback((text, args) => {
+        const id = window.crypto.randomUUID();
+        setMessages((prev) => {
+            const newItems = [...prev, Object.assign(Object.assign({}, args), { id, text })];
+            if (newItems.length > max)
+                return newItems.slice(newItems.length - max, newItems.length + 1);
+            return newItems;
+        });
+        const close = () => setMessages((prev) => prev.filter((x) => x.id !== id));
+        return { clear, close };
+    }, [max]);
+    return (_jsxs(RadixToast.Provider, { duration: duration, swipeThreshold: 150, children: [_jsx(NotificationContext.Provider, { value: notify, children: children }), _jsx(AnimatePresence, { presenceAffectsLayout: true, mode: "popLayout", children: messages.map((toast, index, list) => {
+                    const close = () => setMessages((prev) => prev.filter((t) => t.id !== toast.id));
+                    return (_createElement(Notification, Object.assign({}, toast, { key: toast.id, hover: hover, index: index, onClose: close, isLast: list.length - 1 === index, reversedIndex: list.length - (index + 1) })));
+                }) }), _jsx(RadixToast.Viewport, { ref: ref, "data-items": messages.length, style: {
+                    justifyContent: "start",
+                    height: `${(hover ? messages.length : Math.min(1, messages.length)) * 7}rem`,
+                }, className: "fixed right-4 top-10 flex w-80 list-none flex-col-reverse items-end gap-4 overflow-y-clip overflow-x-visible data-[items=true]:pb-8 max-sm:top-20" })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"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,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,KAAK,UAAW,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAmB/D,CAAC"}

package/dist/src/components/display/stats.js

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

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

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from "react";
+type StepStatus = "active" | "inactive" | "complete" | "error";
+export type StepProps = {
+    step: number;
+    currentStep: number;
+    status?: StepStatus;
+};
+export declare const StepsContainer: (props: PropsWithChildren<{
+    steps: number;
+    currentStep: number;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const Step: (props: StepProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../../src/components/display/step.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAmC1D,KAAK,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAkBnF,eAAO,MAAM,cAAc,UAAW,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,4CAK9F,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,4CAkDpC,CAAC"}

package/dist/src/components/display/step.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { useColorParser } from "../../hooks/use-translate-context";
+const iconTransitions = {
+    delay: 0.2,
+    type: "tween",
+    ease: "easeOut",
+    duration: 0.3,
+};
+const states = {
+    initial: { pathLength: 0, opacity: 0 },
+    animate: { pathLength: 1, opacity: 1 },
+};
+const ErrorIcon = (props) => (_jsxs("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "currentColor", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(motion.path, { className: "currentColor", initial: states.initial, animate: states.animate, transition: iconTransitions, d: "M18 6 6 18" }), _jsx(motion.path, { className: "currentColor", initial: states.initial, animate: states.animate, transition: iconTransitions, d: "m6 6 12 12" })] })));
+const CheckIcon = (props) => (_jsx("svg", Object.assign({}, props, { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: _jsx(motion.path, { initial: states.initial, animate: states.animate, transition: iconTransitions, strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })));
+const variants = { complete: { scale: 1.25 }, active: { scale: 1, transition: { delay: 0, duration: 0.2 } } };
+const transitions = {
+    duration: 0.6,
+    delay: 0.2,
+    type: "tween",
+    ease: "circOut",
+};
+const getCurrentStatus = (props) => {
+    if (props.status === "error")
+        return "error";
+    if (props.currentStep === props.step)
+        return "active";
+    if (props.currentStep < props.step)
+        return "inactive";
+    return "complete";
+};
+export const StepsContainer = (props) => (_jsxs("div", { className: "relative flex justify-between", children: [_jsx("div", { className: "absolute top-1/2 h-1 w-[calc(100%)] bg-card-border" }), props.children] }));
+export const Step = (props) => {
+    const parser = useColorParser();
+    const status = getCurrentStatus(props);
+    return (_jsxs(motion.div, { animate: status, className: "relative", children: [_jsx(motion.div, { variants: variants, transition: transitions, className: `absolute inset-0 rounded-full ${props.status === "error" ? "bg-danger" : ""}` }), _jsx(motion.div, { initial: false, variants: {
+                    error: {
+                        backgroundColor: parser("var(--danger-DEFAULT)"),
+                        borderColor: parser("var(--danger-hover)"),
+                        color: parser("var(--danger-foreground)"),
+                    },
+                    inactive: {
+                        backgroundColor: parser("var(--background)"),
+                        borderColor: parser("var(--card-border)"),
+                        color: parser("var(--disabled)"),
+                    },
+                    active: {
+                        backgroundColor: parser("var(--primary-DEFAULT)"),
+                        borderColor: parser("var(--primary-DEFAULT)"),
+                        color: parser("var(--primary-foreground)"),
+                    },
+                    complete: {
+                        backgroundColor: parser("var(--success-DEFAULT)"),
+                        borderColor: parser("var(--success-DEFAULT)"),
+                        color: parser("var(--success-DEFAULT)"),
+                    },
+                }, transition: { duration: 0.2 }, className: "relative flex h-10 w-10 items-center justify-center rounded-full font-semibold", children: _jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (_jsx(CheckIcon, { className: "h-6 w-6 text-primary-foreground" })) : status === "error" ? (_jsx(ErrorIcon, { className: "h-6 w-6 text-danger-foreground" })) : (_jsx("span", { children: props.step })) }) })] }));
+};

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

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from "react";
+import { Label } from "../../types";
+export type TabsProps = {
+    active: string;
+    useHash?: boolean;
+    className?: string;
+    onChange?: (id: string) => void;
+};
+export declare const Tabs: (props: PropsWithChildren<TabsProps>) => import("react/jsx-runtime").JSX.Element;
+export type TabProps = {
+    id: string;
+    title: string;
+    label?: undefined;
+} | {
+    id: string;
+    title: Omit<Label, string>;
+    label: string;
+};
+export declare const Tab: (props: PropsWithChildren<TabProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/display/tabs.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2B,iBAAiB,EAAkD,MAAM,OAAO,CAAC;AAG1H,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,MAAM,MAAM,SAAS,GAAG;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAIF,eAAO,MAAM,IAAI,UAAW,iBAAiB,CAAC,SAAS,CAAC,4CA2FvD,CAAC;AAIF,MAAM,MAAM,QAAQ,GACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAChD;IACI,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAER,eAAO,MAAM,GAAG,UAAW,iBAAiB,CAAC,QAAQ,CAAC,4CAGrD,CAAC"}

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

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMotionValue } from "framer-motion";
+import React, { createContext, Fragment, useContext, useEffect, useLayoutEffect, useRef } from "react";
+import { useReactive } from "../../hooks/use-reactive";
+import { useStableRef } from "../../hooks/use-stable-ref";
+import { Card } from "./card";
+const Context = createContext("");
+export const Tabs = (props) => {
+    const [active, setActive] = useReactive(props.active);
+    const left = useMotionValue(0);
+    const width = useMotionValue(0);
+    const ref = useRef(null);
+    const Render = props.useHash ? "a" : "button";
+    useLayoutEffect(() => {
+        const header = ref.current;
+        if (header === null)
+            return;
+        const resize = (element) => {
+            if (!element)
+                return;
+            const rect = element.getBoundingClientRect();
+            width.set(rect.width);
+            left.set(element.offsetLeft);
+        };
+        const listener = () => {
+            const element = header.querySelector(`li[data-active=true]`);
+            return void resize(element);
+        };
+        window.addEventListener("resize", listener);
+        let first = header.querySelector(`li[data-active=true]`);
+        const hash = window.location.hash.replace(/^#/, "");
+        if (props.active === "" && hash !== "") {
+            first = header.querySelector(`li[data-id=${hash}]`);
+            setActive(hash);
+        }
+        if (first === null) {
+            first = header.querySelector(`li[data-id]`);
+            const id = first.getAttribute("data-id") || "";
+            setActive(id);
+        }
+        resize(first);
+        return () => window.removeEventListener("resize", listener);
+    }, []);
+    const onChangeRef = useStableRef(props.onChange);
+    useEffect(() => {
+        if (onChangeRef.current)
+            onChangeRef.current(active);
+    }, [onChangeRef, active]);
+    const items = React.Children.toArray(props.children);
+    const onClick = (e) => {
+        const anchor = e.currentTarget;
+        const rect = anchor.getBoundingClientRect();
+        width.set(rect.width);
+        left.set(anchor.offsetLeft);
+        setActive(anchor.dataset.id || "");
+    };
+    return (_jsx(Context.Provider, { value: active, children: _jsx(Card, { className: props.className, container: "pt-0 max-w-full w-full min-w-0", header: _jsx("header", { ref: ref, className: "relative mb-2 overflow-x-auto border-b border-card-border", children: _jsx("nav", { className: "min-w-0", children: _jsx("ul", { className: "flex w-0 min-w-full flex-1 justify-start overflow-x-auto", children: items.map((x) => {
+                            const inner = x.props;
+                            return (_jsx("li", { "data-id": inner.id, "data-active": active === inner.id, className: "w-full border-b-2 border-card-border data-[active=true]:border-primary data-[active=true]:font-bold data-[active=true]:text-primary", children: _jsx(Render, { "data-id": inner.id, onClick: onClick, "aria-current": "page", href: props.useHash ? `#${inner.id}` : undefined, className: "block w-full whitespace-nowrap px-10 py-4", children: inner.title }) }, `tab-header-${inner.id}`));
+                        }) }) }) }), children: props.children }) }));
+};
+const useTabs = () => useContext(Context);
+export const Tab = (props) => {
+    const active = useTabs();
+    return _jsx(Fragment, { children: props.id === active ? props.children : null });
+};

package/dist/src/components/display/timeline.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+declare const typeMap: {
+    tag: () => null;
+    custom: () => null;
+    record: ({ item }: {
+        item: TimelineItemProps;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export type TimelineItemType = keyof typeof typeMap;
+export type TimelineItemProps = {
+    id: string | number;
+    date: Date;
+    type: TimelineItemType;
+    avatar?: {
+        img?: string;
+        name: string;
+        profile?: string;
+    };
+    text?: string;
+    custom?: React.FC<{
+        item: TimelineItemProps;
+    }>;
+};
+export type TimelineProps = {
+    items: TimelineItemProps[];
+    Custom?: React.FC<{
+        item: TimelineItemProps;
+    }>;
+};
+export declare const Timeline: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=timeline.d.ts.map

package/dist/src/components/display/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/display/timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,QAAA,MAAM,OAAO;;;;cA4B+B,iBAAiB;;CAAI,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAA;CAAE,CAAC;AAE3G,eAAO,MAAM,QAAQ,UAAW,aAAa,4CAyB5C,CAAC"}

package/dist/src/components/display/timeline.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessagesSquareIcon } from "lucide-react";
+import { Fragment } from "react";
+const typeMap = {
+    tag: () => null,
+    custom: () => null,
+    record: ({ item }) => {
+        var _a, _b, _c, _d;
+        return (_jsxs(Fragment, { children: [_jsxs("div", { className: "relative", children: [_jsx("img", { src: (_a = item.avatar) === null || _a === void 0 ? void 0 : _a.img, alt: (_b = item.avatar) === null || _b === void 0 ? void 0 : _b.name, className: "flex aspect-square size-12 items-center justify-center rounded-full bg-primary-hover" }), _jsx("span", { className: "absolute -bottom-0.5 -right-1 rounded-full rounded-tl bg-card-background px-0.5 py-px", children: _jsx(MessagesSquareIcon, { "aria-hidden": "true", className: "aspect-square size-5" }) })] }), _jsxs("div", { className: "min-w-0 flex-1 text-foreground", children: [_jsxs("div", { children: [_jsx("a", { href: (_c = item.avatar) === null || _c === void 0 ? void 0 : _c.profile, className: "text-base font-medium text-primary", children: (_d = item.avatar) === null || _d === void 0 ? void 0 : _d.name }), _jsxs("p", { className: "mt-0.5 text-sm", children: ["Commented ", item.date.toISOString()] })] }), _jsx("div", { className: "mt-2 text-wrap text-sm", children: _jsx("p", { children: item.text }) })] })] }));
+    },
+};
+export const Timeline = (props) => {
+    return (_jsx("div", { className: "flow-root", children: _jsx("ul", { role: "list", className: "-mb-8", children: props.items.map((item, index) => {
+                var _a;
+                const Render = (_a = typeMap[item.type]) !== null && _a !== void 0 ? _a : null;
+                if (Render === null && props.Custom) {
+                    return _jsx(props.Custom, { item: item });
+                }
+                return (_jsx("li", { children: _jsxs("div", { className: "relative pb-8", children: [index !== props.items.length - 1 ? (_jsx("span", { "aria-hidden": "true", className: "absolute left-5 top-5 -ml-px h-full w-0.5 bg-card-border" })) : null, _jsx("div", { className: "relative flex items-start space-x-3", children: _jsx(Render, { item: item }) })] }) }, item.id));
+            }) }) }));
+};

package/dist/src/components/floating/dropdown.d.ts

@@ -0,0 +1,14 @@
+import React, { PropsWithChildren } from "react";
+type DropdownProps = {
+    open?: boolean;
+    arrow?: boolean;
+    restoreFocus?: boolean;
+    returnFocus?: boolean;
+    onChange?: (nextValue: boolean) => void;
+    trigger: React.ReactElement | React.ReactNode;
+    title?: React.ReactNode | React.ReactElement | string;
+    buttonProps?: React.ComponentProps<"button">;
+};
+export declare const Dropdown: (props: PropsWithChildren<DropdownProps>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/src/components/floating/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/dropdown.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAE7F,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,iBAAiB,CAAC,aAAa,CAAC,4CAoE/D,CAAC"}

package/dist/src/components/floating/dropdown.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { arrow, autoUpdate, flip, FloatingArrow, FloatingFocusManager, FloatingPortal, offset, shift, useClick, useDismiss, useFloating, useInteractions, useRole, } from "@floating-ui/react";
+import { Fragment, useId, useMemo, useRef, useState } from "react";
+export const Dropdown = (props) => {
+    const headingId = useId();
+    const [open, setOpen] = useState(props.open);
+    const arrowRef = useRef(null);
+    const middleware = useMemo(() => [
+        offset(10),
+        flip({ fallbackAxisSideDirection: "end" }),
+        shift(),
+        arrow({
+            padding: 5,
+            element: arrowRef,
+        }),
+    ], [props.arrow]);
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        middleware,
+        transform: true,
+        whileElementsMounted: autoUpdate,
+        onOpenChange: (nextValue, event) => {
+            var _a;
+            const element = event === null || event === void 0 ? void 0 : event.relatedTarget;
+            if (element) {
+                if (element.dataset.floating === "true" && !nextValue)
+                    return;
+            }
+            setOpen(nextValue);
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, nextValue);
+        },
+    });
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const role = useRole(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);
+    return (_jsxs(Fragment, { children: [_jsx("button", Object.assign({ ref: refs.setReference }, getReferenceProps(props.buttonProps), { type: "button", children: props.trigger })), open && (_jsx(FloatingPortal, { preserveTabOrder: true, id: `${headingId}-portal`, children: _jsx(FloatingFocusManager, { guards: true, restoreFocus: true, returnFocus: true, visuallyHiddenDismiss: true, context: context, modal: false, children: _jsxs("div", Object.assign({ className: "relative isolate z-floating min-w-96 rounded-lg border border-floating-border bg-floating-background p-6 shadow-2xl", ref: refs.setFloating, style: floatingStyles, "aria-labelledby": headingId }, getFloatingProps(), { children: [_jsx(FloatingArrow, { ref: arrowRef, context: context, strokeWidth: 0.1, className: "fill-floating-background stroke-floating-border" }), _jsx("header", { className: "mb-2", children: _jsx("h3", { className: "text-left text-2xl font-medium leading-snug tracking-wide", children: props.title }) }), props.children] })) }) }))] }));
+};

package/dist/src/components/floating/expand.d.ts

@@ -0,0 +1,9 @@
+import { motion } from "framer-motion";
+import { PropsWithChildren } from "react";
+import { Label, Override } from "../../types";
+import { ButtonProps } from "../core/button";
+export type ExpandProps = Override<ButtonProps<typeof motion.button>, {
+    trigger: Label;
+}>;
+export declare const Expand: (props: PropsWithChildren<ExpandProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=expand.d.ts.map

package/dist/src/components/floating/expand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/expand.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAA2B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE;IAAE,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAE1F,eAAO,MAAM,MAAM,UAAW,iBAAiB,CAAC,WAAW,CAAC,4CA4C3D,CAAC"}

package/dist/src/components/floating/expand.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
+import { AnimatePresence, motion } from "framer-motion";
+import { useId, useRef, useState } from "react";
+import { Button } from "../core/button";
+export const Expand = (props) => {
+    const root = useRef(null);
+    const id = useId();
+    const wrapperId = `${id}:wrapper`;
+    const titleId = `${id}:title`;
+    const [open, setOpen] = useState(false);
+    const { context, refs } = useFloating({
+        transform: true,
+        open: open !== null,
+        nodeId: id,
+        onOpenChange: setOpen,
+        strategy: "absolute",
+    });
+    const click = useClick(context);
+    const role = useRole(context);
+    const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });
+    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);
+    return (_jsxs("div", { className: "relative inline-flex items-center justify-center", ref: root, children: [_jsx(Button, Object.assign({}, getReferenceProps(props), { as: motion.button, layoutId: wrapperId, ref: refs.setReference, size: "small", onClick: () => setOpen(true), children: _jsx(motion.span, { layoutId: titleId, children: props.trigger }) })), _jsx(AnimatePresence, { children: open ? (_jsx(FloatingPortal, { root: root, children: _jsx(FloatingFocusManager, { visuallyHiddenDismiss: true, modal: true, closeOnFocusOut: true, context: context, children: _jsx(motion.div, Object.assign({}, getFloatingProps(), { ref: refs.setFloating, layoutId: wrapperId, className: "absolute -left-1/4 -top-3/4", children: props.children })) }) })) : null })] }));
+};

package/dist/src/components/floating/menu.d.ts

@@ -0,0 +1,52 @@
+import { LucideProps } from "lucide-react";
+import React from "react";
+import { Override } from "../../types";
+export type MenuProps = Partial<{
+    FloatingComponent: React.ElementType;
+    floatingClassName: string;
+    hover: boolean;
+    nested: boolean;
+    isParent: boolean;
+    asChild: boolean;
+    children: React.ReactNode;
+} & ({
+    label: string;
+} | {
+    label: React.ReactElement;
+    title: string;
+})>;
+type MenuItemProps = {
+    label: string;
+    disabled?: boolean;
+    Right?: React.FC<LucideProps>;
+} | {
+    label: React.ReactElement;
+    title: string;
+    disabled?: boolean;
+    Right?: React.FC<LucideProps>;
+};
+export declare const MenuItem: React.ForwardRefExoticComponent<Override<React.ButtonHTMLAttributes<HTMLButtonElement>, MenuItemProps> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "children" | "hover" | "FloatingComponent" | "floatingClassName" | "nested" | "isParent" | "asChild"> & Partial<{
+    FloatingComponent: React.ElementType;
+    floatingClassName: string;
+    hover: boolean;
+    nested: boolean;
+    isParent: boolean;
+    asChild: boolean;
+    children: React.ReactNode;
+} & {
+    label: string;
+}>, "ref"> | Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "children" | "hover" | "FloatingComponent" | "floatingClassName" | "nested" | "isParent" | "asChild"> & Partial<{
+    FloatingComponent: React.ElementType;
+    floatingClassName: string;
+    hover: boolean;
+    nested: boolean;
+    isParent: boolean;
+    asChild: boolean;
+    children: React.ReactNode;
+} & {
+    label: React.ReactElement;
+    title: string;
+}>, "ref">) & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/src/components/floating/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAoB,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAA2E,MAAM,OAAO,CAAC;AAGhG,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAyBvC,MAAM,MAAM,SAAS,GAAG,OAAO,CAC3B;IACI,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CACzE,CAAC;AAkKF,KAAK,aAAa,GACZ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;CAAE,GACpE;IAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AAEtG,eAAO,MAAM,QAAQ,kJAiCpB,CAAC;AAEF,eAAO,MAAM,IAAI;uBAjNU,KAAK,CAAC,WAAW;uBACjB,MAAM;WAClB,OAAO;YACN,OAAO;cACL,OAAO;aACR,OAAO;cACN,KAAK,CAAC,SAAS;;WACf,MAAM;;uBAPG,KAAK,CAAC,WAAW;uBACjB,MAAM;WAClB,OAAO;YACN,OAAO;cACL,OAAO;aACR,OAAO;cACN,KAAK,CAAC,SAAS;;WACK,KAAK,CAAC,YAAY;WAAS,MAAM;qDAmNrE,CAAC"}