@g4rcez/components 0.0.44 → 0.0.46

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

@@ -1,42 +0,0 @@
-import React from "react";
-import { Locales } from "the-mask-input";
-type Range = {
-    from?: Date;
-    to?: Date;
-};
-type OnChangeDate = (d: Date | undefined) => void;
-type OnChangeRange = (d: Range | undefined) => void;
-export type CalendarProps<T extends "date" | "range" | undefined = undefined> = Partial<{
-    locale: Locales;
-    markToday: boolean;
-    rangeMode: boolean;
-    changeOnlyOnClick: boolean;
-    onChangeMonth: (d: Date) => void;
-    onChangeYear: (d: Date) => void;
-    RenderOnDay: React.FC<{
-        date: Date;
-    }>;
-    disabledDate: (date: Date) => boolean;
-    styles: Partial<{
-        day: string;
-        week: string;
-        weekDay: string;
-        dayFrame: string;
-        calendar: string;
-    }>;
-} & (T extends "date" ? {
-    date: Date;
-    onChange: OnChangeDate;
-} : T extends "range" ? {
-    range: Range;
-    onChange: OnChangeRange;
-} : {}) & ({
-    date: Date;
-    onChange: OnChangeDate;
-} | {
-    range: Range;
-    onChange: OnChangeRange;
-})>;
-export declare const Calendar: ({ RenderOnDay, changeOnlyOnClick, disabledDate, locale, markToday, onChangeMonth, onChangeYear, rangeMode, onChange, styles, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=calendar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/display/calendar.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAqB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAqBvD,KAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAExC,KAAK,YAAY,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;AAElD,KAAK,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;AAEpD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,IAAI,OAAO,CACnF;IACI,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACtC,MAAM,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACN,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,GAAG,CAAC,SAAS,OAAO,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,aAAa,CAAA;CAAE,GAAG,EAAE,CAAC,GAChI,CAAC;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,aAAa,CAAA;CAAE,CAAC,CAC3F,CAAC;AAoDF,eAAO,MAAM,QAAQ,4IAYlB,aAAa,4CAgRf,CAAC"}

package/dist/components/display/calendar.js

@@ -1,215 +0,0 @@
-"use client";
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addDays, addMonths, addWeeks, addYears, eachDayOfInterval, endOfWeek, isAfter, isBefore, isSameMonth, isToday, startOfDay, startOfMonth, startOfWeek, subDays, subMonths, subWeeks, subYears, } from "date-fns";
-import { AnimatePresence, motion, MotionConfig } from "framer-motion";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { useEffect, useRef } from "react";
-import { Is } from "sidekicker";
-import TheMaskInput from "the-mask-input";
-import { useReducer } from "use-typed-reducer";
-import { useDebounce } from "../../hooks/use-debounce";
-import { useTranslations } from "../../hooks/use-translate-context";
-import { css } from "../../lib/dom";
-import { splitInto } from "../../lib/fns";
-const transition = { type: "spring", bounce: 0.3, duration: 0.6 };
-const dir = (mod) => (n = 1) => ({ x: `${100 * mod * n}%`, opacity: 0.25 });
-const variants = {
-    middle: { x: "0%", opacity: 1 },
-    enter: dir(1),
-    exit: dir(-1),
-};
-const removeImmediately = { exit: { visibility: "hidden" } };
-const createDays = (month) => {
-    const start = startOfWeek(startOfMonth(month));
-    return eachDayOfInterval({ start, end: addDays(start, 41) });
-};
-const formatMonth = (d, locale) => d.toLocaleDateString(locale, { month: "long" });
-const getOptionsMonth = (date, locale) => Array.from({ length: 12 }).map((_, i) => {
-    const month = startOfMonth(new Date(date).setMonth(i));
-    const label = formatMonth(month, locale);
-    return (_jsx("option", { value: label, "data-index": i, children: label }, label));
-});
-const onChangeUsingKeyboard = {
-    ArrowLeft: (date, duration) => (duration === "days" ? subDays(date, 1) : subMonths(date, 1)),
-    ArrowRight: (date, duration) => (duration === "days" ? addDays(date, 1) : addMonths(date, 1)),
-    ArrowUp: (date, duration) => (duration === "days" ? subWeeks(date, 1) : subYears(date, 1)),
-    ArrowDown: (date, duration) => (duration === "days" ? addWeeks(date, 1) : addYears(date, 1)),
-};
-const focusDate = (origin, root, next, delay = 0) => {
-    const d = next.toISOString();
-    const select = () => {
-        var _a;
-        if (!!(origin === null || origin === void 0 ? void 0 : origin.dataset.focustrap)) {
-            const el = (_a = root.current) === null || _a === void 0 ? void 0 : _a.querySelector(`button[data-focustrap="${origin === null || origin === void 0 ? void 0 : origin.dataset.focustrap}"]`);
-            return setTimeout(() => el === null || el === void 0 ? void 0 : el.focus({ preventScroll: false }), delay);
-        }
-        if (root.current) {
-            const element = root.current.querySelector(`button[data-date="${d}"]`);
-            if (element)
-                return element.focus({ preventScroll: false });
-        }
-    };
-    if (delay === 0)
-        select();
-    setTimeout(select, delay);
-};
-const formatYear = (now) => now.getFullYear().toString().padStart(4, "0");
-const inRange = (start, middle, end) => {
-    if (start === undefined || end === undefined)
-        return false;
-    return isAfter(middle, start) && isBefore(middle, end);
-};
-export const Calendar = (_a) => {
-    var { RenderOnDay, changeOnlyOnClick = false, disabledDate, locale, markToday = true, onChangeMonth, onChangeYear, rangeMode = false, onChange, styles } = _a, props = __rest(_a, ["RenderOnDay", "changeOnlyOnClick", "disabledDate", "locale", "markToday", "onChangeMonth", "onChangeYear", "rangeMode", "onChange", "styles"]);
-    const translate = useTranslations();
-    const root = useRef(null);
-    const { date, range } = props;
-    const now = date || new Date();
-    const monthClicked = useRef(null);
-    const [state, dispatch] = useReducer({
-        date: now,
-        isAnimating: false,
-        year: formatYear(now),
-        months: getOptionsMonth(now, locale),
-        direction: undefined,
-        range: { from: range === null || range === void 0 ? void 0 : range.from, to: range === null || range === void 0 ? void 0 : range.to },
-        selectMode: (rangeMode ? "from" : undefined),
-        week: eachDayOfInterval({ start: startOfWeek(now), end: endOfWeek(now) }),
-    }, (get) => ({
-        onChangeYear: (year) => ({ year }),
-        setToday: () => ({ date: startOfDay(new Date()) }),
-        onExitComplete: () => {
-            focusDate(monthClicked.current || null, root, get.state().date, 200);
-            monthClicked.current = null;
-            return { isAnimating: false };
-        },
-        date: (callback) => {
-            const newDate = callback(get.state().date);
-            return { date: newDate, year: formatYear(newDate) };
-        },
-        nextMonth: (e) => {
-            monthClicked.current = e.currentTarget;
-            const state = get.state();
-            if (state.isAnimating)
-                return state;
-            const date = addMonths(state.date, 1);
-            return { date, isAnimating: true, direction: 1, year: formatYear(date) };
-        },
-        previousMonth: (e) => {
-            monthClicked.current = e.currentTarget;
-            const state = get.state();
-            if (state.isAnimating)
-                return state;
-            const date = subMonths(state.date, 1);
-            return { date, isAnimating: true, direction: -1, year: formatYear(date) };
-        },
-        onSelectDate: (e) => {
-            const state = get.state();
-            const isRangeMode = e.currentTarget.dataset.range === "true";
-            const d = e.currentTarget.dataset.date || "";
-            const date = new Date(d);
-            return {
-                date,
-                year: formatYear(date),
-                selectMode: state.selectMode === undefined ? undefined : state.selectMode === "from" ? "to" : "from",
-                range: !isRangeMode
-                    ? state.range
-                    : {
-                        from: state.selectMode === "from" ? date : state.range.from,
-                        to: state.selectMode === "to" ? date : state.range.to,
-                    },
-            };
-        },
-        onChangeMonth: (e) => {
-            const value = e.target.value;
-            const array = Array.from(e.target.options);
-            const month = array.find((x) => x.value === value);
-            const state = get.state();
-            if (month) {
-                const i = month.dataset.index || "";
-                const d = new Date(get.state().date);
-                d.setMonth(+i);
-                return Object.assign(Object.assign({}, state), { date: d, year: formatYear(d) });
-            }
-            return state;
-        },
-        onKeyDown: (e) => {
-            const key = e.key;
-            const state = get.state();
-            if (key in onChangeUsingKeyboard) {
-                if (key === "ArrowUp" || key === "ArrowDown")
-                    e.preventDefault();
-                const prev = get.state().date;
-                const date = Is.keyof(onChangeUsingKeyboard, key) ? onChangeUsingKeyboard[key](prev, e.shiftKey ? "month" : "days") : null;
-                if (date !== null) {
-                    focusDate(e.target, root, date);
-                    return Object.assign(Object.assign({}, state), { date, year: formatYear(date) });
-                }
-            }
-            return get.state();
-        },
-    }), {
-        props: { onChangeMonth, onChangeYear },
-        postMiddleware: [
-            (state, _, args) => {
-                var _a, _b;
-                const isValidMethod = args.method === "onChangeMonth" || args.method === "previousMonth" || args.method === "nextMonth";
-                if (isValidMethod)
-                    (_b = (_a = args.props).onChangeMonth) === null || _b === void 0 ? void 0 : _b.call(_a, state.date);
-                return state;
-            },
-            (state, _, args) => {
-                var _a, _b;
-                const isValidMethod = args.method === "onChangeYear";
-                if (isValidMethod)
-                    (_b = (_a = args.props).onChangeYear) === null || _b === void 0 ? void 0 : _b.call(_a, state.date);
-                return state;
-            },
-            (state, _, args) => {
-                const isValidMethod = args.method === "onSelectDate" || args.method === "setToday" || args.method === "onKeyDown";
-                if (rangeMode && isValidMethod && changeOnlyOnClick) {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(state.range);
-                    return state;
-                }
-                if (isValidMethod && changeOnlyOnClick)
-                    onChange === null || onChange === void 0 ? void 0 : onChange(state.date);
-                return state;
-            },
-        ],
-    });
-    const zip = splitInto(createDays(state.date), 7);
-    const currentAsString = state.date.toISOString();
-    const monthString = formatMonth(state.date, locale);
-    useEffect(() => {
-        if (!changeOnlyOnClick)
-            onChange === null || onChange === void 0 ? void 0 : onChange(state.date);
-    }, [currentAsString]);
-    const defer = useDebounce((y) => {
-        dispatch.date((prev) => {
-            const d = new Date(prev);
-            d.setFullYear(+y);
-            return d;
-        });
-    }, 1200);
-    const internalOnChangeYear = (e) => {
-        const value = e.currentTarget.value;
-        dispatch.onChangeYear(value);
-        onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear(new Date(value));
-        defer(value);
-    };
-    return (_jsx(MotionConfig, { transition: transition, children: _jsxs("div", { ref: root, className: css("relative overflow-hidden", styles === null || styles === void 0 ? void 0 : styles.calendar), children: [_jsx("div", { className: "flex flex-col justify-center rounded text-center", children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", custom: state.direction, onExitComplete: dispatch.onExitComplete, children: _jsxs(motion.div, { initial: "enter", animate: "middle", exit: "exit", children: [_jsxs("header", { className: "relative flex justify-between", children: [_jsx(motion.button, { layout: true, "data-focustrap": "prev", variants: removeImmediately, onClick: dispatch.previousMonth, className: "z-calendar rounded-full p-1.5 hover:bg-primary", children: _jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), _jsx(motion.span, { layout: true, variants: variants, custom: state.direction, className: "absolute inset-0 isolate z-normal flex items-center justify-center font-semibold", children: _jsxs("span", { className: "flex w-fit items-center justify-center gap-0.5 py-1", children: [_jsx("select", { style: { width: `${monthString.length}ch` }, value: monthString, onChange: dispatch.onChangeMonth, className: "w-fit cursor-pointer appearance-none bg-transparent capitalize proportional-nums hover:text-primary", children: state.months }), _jsx(TheMaskInput, { mask: "int", value: state.year, maxLength: 4, placeholder: "YYYY", onChange: internalOnChangeYear, style: { width: `${state.year.length}ch` }, className: "w-16 cursor-pointer appearance-none bg-transparent hover:text-primary" })] }) }), _jsx(motion.button, { layout: true, "data-focustrap": "next", variants: removeImmediately, className: "z-calendar rounded-full p-1.5 hover:bg-primary", onClick: dispatch.nextMonth, children: _jsx(ChevronRightIcon, { className: "h-4 w-4" }) }), _jsx("div", { className: "absolute inset-0", style: {
-                                                backgroundImage: "linear-gradient(to right, hsla(var(--card-background)) 15%, transparent 30%, transparent 70%, hsla(var(--card-background)) 85%)",
-                                            } })] }), _jsxs(motion.table, { className: "mt-2 table min-w-full table-auto border-0", children: [_jsx("thead", { children: _jsx("tr", { children: state.week.map((dayOfWeek) => (_jsx("th", { className: css("py-2 text-sm font-medium capitalize", styles === null || styles === void 0 ? void 0 : styles.weekDay), children: dayOfWeek.toLocaleDateString(locale, { weekday: "short" }) }, dayOfWeek.toString()))) }) }), _jsx(motion.tbody, { layout: true, variants: variants, custom: state.direction, onKeyDown: dispatch.onKeyDown, className: css(styles === null || styles === void 0 ? void 0 : styles.week), children: zip.map((week, index) => (_jsx("tr", { className: styles === null || styles === void 0 ? void 0 : styles.week, children: week.map((day) => {
-                                                    var _a, _b, _c, _d;
-                                                    const key = day.toISOString();
-                                                    const isSelected = rangeMode
-                                                        ? key === ((_a = range === null || range === void 0 ? void 0 : range.to) === null || _a === void 0 ? void 0 : _a.toISOString()) || key === ((_b = range === null || range === void 0 ? void 0 : range.from) === null || _b === void 0 ? void 0 : _b.toISOString())
-                                                        : key === (date === null || date === void 0 ? void 0 : date.toISOString());
-                                                    const today = isToday(day) && markToday;
-                                                    const disabledByFn = (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(day)) || false;
-                                                    const disableDate = !isSameMonth(day, state.date) || disabledByFn;
-                                                    const isInRange = rangeMode ? inRange(range === null || range === void 0 ? void 0 : range.from, day, range === null || range === void 0 ? void 0 : range.to) : false;
-                                                    return (_jsxs("td", { align: "center", className: css("relative", styles === null || styles === void 0 ? void 0 : styles.dayFrame), children: [_jsxs("button", { type: "button", "data-date": key, disabled: disabledByFn, "data-range": rangeMode, onClick: dispatch.onSelectDate, "data-view": state.date.getMonth().toString(), className: css(`flex size-10 items-center justify-center rounded-full font-semibold proportional-nums disabled:cursor-not-allowed ${today ? "text-primary" : ""} ${disableDate ? "text-disabled" : ""} ${isSelected ? "bg-primary text-primary-foreground" : ""}`, styles === null || styles === void 0 ? void 0 : styles.day, isInRange ? "size-10 border border-dashed border-card-border" : ""), children: [day.getDate(), isSelected && ((_c = state.range.from) === null || _c === void 0 ? void 0 : _c.toISOString()) === key ? (_jsx("span", { className: "absolute -top-2 left-0 h-full w-full", children: _jsx("span", { className: "text-xs", children: translate.calendarFromDate }) })) : null, isSelected && ((_d = state.range.to) === null || _d === void 0 ? void 0 : _d.toISOString()) === key ? (_jsx("span", { className: "absolute -top-2 left-0 h-full w-full", children: _jsx("span", { className: "text-xs", children: translate.calendarToDate }) })) : null] }), RenderOnDay ? _jsx(RenderOnDay, { date: day }) : null] }, key));
-                                                }) }, `week-${week.length}-${index}`))) })] })] }, monthString) }) }), _jsx("footer", { className: "mt-2 text-center text-primary", children: _jsx("button", { className: "duration-300 transition-transform hover:scale-105", type: "button", onClick: dispatch.setToday, children: "Today" }) })] }) }));
-};

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

@@ -1,10 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { Label, Override } from "../../types";
-import { PolymorphicProps } from "../core/polymorph";
-export type CardProps = PolymorphicProps<Override<React.ComponentProps<"div">, {
-    title?: Label;
-    container?: string;
-    header?: React.ReactElement | null;
-}>, "div">;
-export declare const Card: ({ children, title, as, container, header, className, ...props }: PropsWithChildren<CardProps>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=card.d.ts.map

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

@@ -1 +0,0 @@
-{"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/components/display/card.js

@@ -1,8 +0,0 @@
-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/components/display/list.d.ts

@@ -1,16 +0,0 @@
-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/components/display/list.d.ts.map

@@ -1 +0,0 @@
-{"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/components/display/list.js

@@ -1,31 +0,0 @@
-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/components/display/notifications.d.ts

@@ -1,25 +0,0 @@
-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/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,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/components/display/notifications.js

@@ -1,70 +0,0 @@
-"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/components/display/stats.d.ts

@@ -1,10 +0,0 @@
-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/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,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/components/display/stats.js

@@ -1,5 +0,0 @@
-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/components/display/tabs.d.ts

@@ -1,20 +0,0 @@
-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/components/display/tabs.d.ts.map

@@ -1 +0,0 @@
-{"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/components/display/tabs.js

@@ -1,67 +0,0 @@
-"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/components/display/timeline.d.ts

@@ -1,32 +0,0 @@
-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/components/display/timeline.d.ts.map

@@ -1 +0,0 @@
-{"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/components/display/timeline.js

@@ -1,21 +0,0 @@
-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));
-            }) }) }));
-};