@pathscale/ui 1.3.1 → 1.5.0

package/dist/components/accordion/Accordion.js

@@ -1,360 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
-import "./Accordion.css";
-import { Show, createContext, createMemo, createSignal, createUniqueId, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Accordion.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<div><div><div>"), _tmpl$4 = /*#__PURE__*/ template("<span>"), _tmpl$5 = /*#__PURE__*/ template('<svg fill=none role=presentation viewBox="0 0 24 24"width=100% height=100%><path d="M6 9L12 15L18 9"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
-const normalizeAccordionValue = (value, selectionMode)=>{
-    if (void 0 === value) return [];
-    const raw = Array.isArray(value) ? value : [
-        value
-    ];
-    const normalized = Array.from(new Set(raw.map((entry)=>String(entry))));
-    return "single" === selectionMode ? normalized.slice(0, 1) : normalized;
-};
-const invokeEventHandler = (handler, event)=>{
-    if ("function" == typeof handler) return void handler(event);
-    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
-};
-const AccordionContext = createContext();
-const AccordionItemContext = createContext();
-const AccordionRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "selectionMode",
-        "value",
-        "defaultValue",
-        "onValueChange",
-        "hideSeparator",
-        "variant",
-        "isDisabled",
-        "disabled",
-        "ref"
-    ]);
-    const selectionMode = ()=>local.selectionMode ?? "single";
-    const variant = ()=>local.variant ?? "default";
-    const hideSeparator = ()=>Boolean(local.hideSeparator);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const [internalValue, setInternalValue] = createSignal(normalizeAccordionValue(local.defaultValue, selectionMode()));
-    const selectedValues = createMemo(()=>void 0 !== local.value ? normalizeAccordionValue(local.value, selectionMode()) : normalizeAccordionValue(internalValue(), selectionMode()));
-    const isItemExpanded = (value)=>selectedValues().includes(value);
-    const setSelectedValues = (nextValues)=>{
-        const normalizedNextValues = normalizeAccordionValue(nextValues, selectionMode());
-        if (void 0 === local.value) setInternalValue(normalizedNextValues);
-        local.onValueChange?.(normalizedNextValues);
-    };
-    const toggleItem = (value)=>{
-        if (isDisabled()) return;
-        const currentValues = selectedValues();
-        const isExpanded = currentValues.includes(value);
-        if ("single" === selectionMode()) return void setSelectedValues(isExpanded ? [] : [
-            value
-        ]);
-        const next = new Set(currentValues);
-        if (isExpanded) next.delete(value);
-        else next.add(value);
-        setSelectedValues(Array.from(next));
-    };
-    let rootRef;
-    const handleTriggerKeyDown = (event, currentTarget)=>{
-        if ("ArrowDown" !== event.key && "ArrowUp" !== event.key && "Home" !== event.key && "End" !== event.key) return;
-        if (!rootRef) return;
-        const triggers = Array.from(rootRef.querySelectorAll('[data-slot="accordion-trigger"]')).filter((trigger)=>!trigger.disabled && "true" !== trigger.getAttribute("aria-disabled"));
-        if (!triggers.length) return;
-        const currentIndex = triggers.indexOf(currentTarget);
-        if (currentIndex < 0) return;
-        event.preventDefault();
-        if ("Home" === event.key) return void triggers[0]?.focus();
-        if ("End" === event.key) return void triggers[triggers.length - 1]?.focus();
-        const direction = "ArrowDown" === event.key ? 1 : -1;
-        const nextIndex = (currentIndex + direction + triggers.length) % triggers.length;
-        triggers[nextIndex]?.focus();
-    };
-    const contextValue = {
-        selectionMode,
-        variant,
-        hideSeparator,
-        isDisabled,
-        isItemExpanded,
-        toggleItem,
-        handleTriggerKeyDown
-    };
-    return createComponent(AccordionContext.Provider, {
-        value: contextValue,
-        get children () {
-            var _el$ = _tmpl$();
-            use((node)=>{
-                rootRef = node;
-                if ("function" == typeof local.ref) local.ref(node);
-            }, _el$);
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], local.class, local.className)
-                }), {
-                "data-slot": "accordion",
-                get ["data-selection-mode"] () {
-                    return selectionMode();
-                },
-                get ["data-hide-separator"] () {
-                    return hideSeparator() ? "true" : void 0;
-                },
-                get ["data-variant"] () {
-                    return variant();
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                },
-                get ["aria-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                }
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const AccordionItem = (props)=>{
-    const accordion = useContext(AccordionContext);
-    const [local, others] = splitProps(props, [
-        "value",
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "isDisabled",
-        "disabled"
-    ]);
-    const uniqueId = createUniqueId();
-    const itemValue = ()=>local.value ?? uniqueId;
-    const triggerId = ()=>`accordion-trigger-${uniqueId}`;
-    const contentId = ()=>`accordion-content-${uniqueId}`;
-    const isExpanded = ()=>accordion?.isItemExpanded(itemValue()) ?? false;
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(accordion?.isDisabled());
-    const toggle = ()=>{
-        if (isDisabled()) return;
-        accordion?.toggleItem(itemValue());
-    };
-    const itemContextValue = {
-        value: itemValue,
-        triggerId,
-        contentId,
-        isExpanded,
-        isDisabled,
-        toggle
-    };
-    return createComponent(AccordionItemContext.Provider, {
-        value: itemContextValue,
-        get children () {
-            var _el$2 = _tmpl$();
-            spread(_el$2, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Item.base, isExpanded() && CLASSES.Item.flag.expanded, isDisabled() && CLASSES.Item.flag.disabled, accordion?.hideSeparator() && CLASSES.Item.flag.hideSeparator, local.class, local.className)
-                }), {
-                "data-slot": "accordion-item",
-                get ["data-expanded"] () {
-                    return isExpanded() ? "true" : "false";
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            insert(_el$2, ()=>local.children);
-            return _el$2;
-        }
-    });
-};
-const AccordionTrigger = (props)=>{
-    const accordion = useContext(AccordionContext);
-    const item = useContext(AccordionItemContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "onClick",
-        "onKeyDown",
-        "type",
-        "showIndicator",
-        "indicator"
-    ]);
-    const isDisabled = ()=>Boolean(item?.isDisabled());
-    const handleClick = (event)=>{
-        invokeEventHandler(local.onClick, event);
-        if (event.defaultPrevented || isDisabled()) return;
-        item?.toggle();
-    };
-    const handleKeyDown = (event)=>{
-        invokeEventHandler(local.onKeyDown, event);
-        if (event.defaultPrevented || isDisabled()) return;
-        if ("Enter" === event.key || " " === event.key) {
-            event.preventDefault();
-            item?.toggle();
-            return;
-        }
-        accordion?.handleTriggerKeyDown(event, event.currentTarget);
-    };
-    return (()=>{
-        var _el$3 = _tmpl$2();
-        spread(_el$3, mergeProps(others, {
-            get id () {
-                return item?.triggerId();
-            },
-            get type () {
-                return local.type ?? "button";
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.Trigger.base, local.class, local.className)
-            }), {
-            "data-slot": "accordion-trigger",
-            get ["data-expanded"] () {
-                return item?.isExpanded() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-expanded"] () {
-                return item?.isExpanded() ? "true" : "false";
-            },
-            get ["aria-controls"] () {
-                return item?.contentId();
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get disabled () {
-                return isDisabled();
-            },
-            onClick: handleClick,
-            onKeyDown: handleKeyDown
-        }), false, true);
-        insert(_el$3, ()=>local.children, null);
-        insert(_el$3, createComponent(Show, {
-            get when () {
-                return false !== local.showIndicator;
-            },
-            get children () {
-                return createComponent(AccordionIndicator, {
-                    get children () {
-                        return local.indicator;
-                    }
-                });
-            }
-        }), null);
-        return _el$3;
-    })();
-};
-const AccordionContent = (props)=>{
-    const item = useContext(AccordionItemContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "keepMounted"
-    ]);
-    const expanded = ()=>Boolean(item?.isExpanded());
-    const keepMounted = ()=>local.keepMounted ?? true;
-    if (!keepMounted() && !expanded()) return null;
-    return (()=>{
-        var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
-        spread(_el$4, mergeProps(others, {
-            get id () {
-                return item?.contentId();
-            },
-            role: "region"
-        }, ()=>({
-                class: twMerge(CLASSES.Content.base, expanded() && CLASSES.Content.flag.expanded, local.class, local.className)
-            }), {
-            "data-slot": "accordion-content",
-            get ["data-expanded"] () {
-                return expanded() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-hidden"] () {
-                return expanded() ? "false" : "true";
-            },
-            get ["aria-labelledby"] () {
-                return item?.triggerId();
-            }
-        }), false, true);
-        spread(_el$5, mergeProps(()=>({
-                class: CLASSES.Body.base
-            }), {
-            "data-slot": "accordion-body"
-        }), false, true);
-        spread(_el$6, mergeProps(()=>({
-                class: CLASSES.BodyInner.base
-            }), {
-            "data-slot": "accordion-body-inner"
-        }), false, true);
-        insert(_el$6, ()=>local.children);
-        return _el$4;
-    })();
-};
-const AccordionIndicator = (props)=>{
-    const item = useContext(AccordionItemContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    const expanded = ()=>Boolean(item?.isExpanded());
-    return (()=>{
-        var _el$7 = _tmpl$4();
-        spread(_el$7, mergeProps(others, {
-            "aria-hidden": "true"
-        }, ()=>({
-                class: twMerge(CLASSES.Indicator.base, expanded() && CLASSES.Indicator.flag.expanded, local.class, local.className)
-            }), {
-            "data-slot": "accordion-indicator",
-            get ["data-expanded"] () {
-                return expanded() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$7, ()=>local.children ?? _tmpl$5());
-        return _el$7;
-    })();
-};
-const Accordion = Object.assign(AccordionRoot, {
-    Root: AccordionRoot,
-    Item: AccordionItem,
-    Trigger: AccordionTrigger,
-    Content: AccordionContent,
-    Indicator: AccordionIndicator
-});
-const accordion_Accordion = Accordion;
-export default accordion_Accordion;
-export { Accordion, AccordionContent, AccordionIndicator, AccordionItem, AccordionRoot, AccordionTrigger };

package/dist/components/alert/Alert.classes.d.ts

@@ -1,16 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "alert";
-    readonly slot: {
-        readonly indicator: "alert__indicator";
-        readonly content: "alert__content";
-        readonly title: "alert__title";
-        readonly description: "alert__description";
-    };
-    readonly status: {
-        readonly default: "alert--default";
-        readonly accent: "alert--accent";
-        readonly success: "alert--success";
-        readonly warning: "alert--warning";
-        readonly danger: "alert--danger";
-    };
-};

package/dist/components/alert/Alert.classes.js

@@ -1,17 +0,0 @@
-const CLASSES = {
-    base: "alert",
-    slot: {
-        indicator: "alert__indicator",
-        content: "alert__content",
-        title: "alert__title",
-        description: "alert__description"
-    },
-    status: {
-        default: "alert--default",
-        accent: "alert--accent",
-        success: "alert--success",
-        warning: "alert--warning",
-        danger: "alert--danger"
-    }
-};
-export { CLASSES };

package/dist/components/alert/Alert.d.ts

@@ -1,34 +0,0 @@
-import "./Alert.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AlertStatus = "default" | "accent" | "success" | "warning" | "danger";
-export type AlertRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    status?: AlertStatus;
-    children: JSX.Element;
-};
-export type AlertIndicatorProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type AlertContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-};
-export type AlertTitleProps = Omit<JSX.HTMLAttributes<HTMLParagraphElement>, "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-};
-export type AlertDescriptionProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-};
-declare const AlertRoot: ParentComponent<AlertRootProps>;
-declare const AlertIndicator: Component<AlertIndicatorProps>;
-declare const AlertContent: ParentComponent<AlertContentProps>;
-declare const AlertTitle: ParentComponent<AlertTitleProps>;
-declare const AlertDescription: ParentComponent<AlertDescriptionProps>;
-declare const Alert: ParentComponent<AlertRootProps> & {
-    Root: ParentComponent<AlertRootProps>;
-    Indicator: Component<AlertIndicatorProps>;
-    Content: ParentComponent<AlertContentProps>;
-    Title: ParentComponent<AlertTitleProps>;
-    Description: ParentComponent<AlertDescriptionProps>;
-};
-export default Alert;
-export { AlertRoot, AlertIndicator, AlertContent, AlertTitle, AlertDescription };

package/dist/components/alert/Alert.js

@@ -1,186 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./Alert.css";
-import { Show, createContext, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Alert.classes.js";
-var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M12 16v-4M12 8h.01"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M9 12l2 2 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$3 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"stroke=currentColor stroke-width=2></path><path d="M12 9v4M12 17h.01"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$4 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M15 9l-6 6M9 9l6 6"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$5 = /*#__PURE__*/ template("<div>"), _tmpl$6 = /*#__PURE__*/ template("<p>"), _tmpl$7 = /*#__PURE__*/ template("<span>");
-const AlertContext = createContext();
-const useAlertContext = ()=>{
-    const ctx = useContext(AlertContext);
-    if (!ctx) throw new Error("Alert compound components must be used within <Alert>");
-    return ctx;
-};
-const InfoIcon = ()=>_tmpl$();
-const SuccessIcon = ()=>_tmpl$2();
-const WarningIcon = ()=>_tmpl$3();
-const DangerIcon = ()=>_tmpl$4();
-const STATUS_ICON_MAP = {
-    default: InfoIcon,
-    accent: InfoIcon,
-    success: SuccessIcon,
-    warning: WarningIcon,
-    danger: DangerIcon
-};
-const AlertRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "status",
-        "dataTheme",
-        "style"
-    ]);
-    const status = ()=>local.status ?? "default";
-    const ctx = {
-        status
-    };
-    return createComponent(AlertContext.Provider, {
-        value: ctx,
-        get children () {
-            var _el$5 = _tmpl$5();
-            spread(_el$5, mergeProps(others, {
-                role: "alert"
-            }, ()=>({
-                    class: twMerge(CLASSES.base, CLASSES.status[status()], local.class, local.className)
-                }), {
-                "data-slot": "alert-root",
-                get ["data-status"] () {
-                    return status();
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            insert(_el$5, ()=>local.children);
-            return _el$5;
-        }
-    });
-};
-const AlertIndicator = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    const ctx = useAlertContext();
-    const DefaultIcon = ()=>{
-        const Icon = STATUS_ICON_MAP[ctx.status()];
-        return createComponent(Icon, {});
-    };
-    return (()=>{
-        var _el$6 = _tmpl$5();
-        spread(_el$6, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.indicator, local.class, local.className)
-            }), {
-            "data-slot": "alert-indicator",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$6, createComponent(Show, {
-            get when () {
-                return local.children;
-            },
-            get fallback () {
-                return createComponent(DefaultIcon, {});
-            },
-            get children () {
-                return local.children;
-            }
-        }));
-        return _el$6;
-    })();
-};
-const AlertContent = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$7 = _tmpl$5();
-        spread(_el$7, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.content, local.class, local.className)
-            }), {
-            "data-slot": "alert-content",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$7, ()=>local.children);
-        return _el$7;
-    })();
-};
-const AlertTitle = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$8 = _tmpl$6();
-        spread(_el$8, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.title, local.class, local.className)
-            }), {
-            "data-slot": "alert-title",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$8, ()=>local.children);
-        return _el$8;
-    })();
-};
-const AlertDescription = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$9 = _tmpl$7();
-        spread(_el$9, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.description, local.class, local.className)
-            }), {
-            "data-slot": "alert-description",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$9, ()=>local.children);
-        return _el$9;
-    })();
-};
-const Alert = Object.assign(AlertRoot, {
-    Root: AlertRoot,
-    Indicator: AlertIndicator,
-    Content: AlertContent,
-    Title: AlertTitle,
-    Description: AlertDescription
-});
-const alert_Alert = Alert;
-export default alert_Alert;
-export { AlertContent, AlertDescription, AlertIndicator, AlertRoot, AlertTitle };

package/dist/components/avatar/Avatar.classes.d.ts

@@ -1,27 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "avatar";
-    readonly slot: {
-        readonly image: "avatar__image";
-        readonly fallback: "avatar__fallback";
-    };
-    readonly size: {
-        readonly sm: "avatar--sm";
-        readonly md: "";
-        readonly lg: "avatar--lg";
-    };
-    readonly variant: {
-        readonly default: "";
-        readonly soft: "avatar--soft";
-    };
-    readonly color: {
-        readonly default: "avatar__fallback--default";
-        readonly accent: "avatar__fallback--accent";
-        readonly success: "avatar__fallback--success";
-        readonly warning: "avatar__fallback--warning";
-        readonly danger: "avatar__fallback--danger";
-    };
-    readonly group: {
-        readonly base: "avatar-group";
-        readonly overlap: "-space-x-6";
-    };
-};

package/dist/components/avatar/Avatar.classes.js

@@ -1,28 +0,0 @@
-const CLASSES = {
-    base: "avatar",
-    slot: {
-        image: "avatar__image",
-        fallback: "avatar__fallback"
-    },
-    size: {
-        sm: "avatar--sm",
-        md: "",
-        lg: "avatar--lg"
-    },
-    variant: {
-        default: "",
-        soft: "avatar--soft"
-    },
-    color: {
-        default: "avatar__fallback--default",
-        accent: "avatar__fallback--accent",
-        success: "avatar__fallback--success",
-        warning: "avatar__fallback--warning",
-        danger: "avatar__fallback--danger"
-    },
-    group: {
-        base: "avatar-group",
-        overlap: "-space-x-6"
-    }
-};
-export { CLASSES };