@pathscale/ui 1.3.1 → 1.4.0

package/dist/components/calendar/Calendar.js

@@ -1,419 +0,0 @@
-import { createComponent, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
-import "./Calendar.css";
-import { For, Show, createEffect, createMemo, createUniqueId, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { DAYS_PER_WEEK, addDays, compareDates, getToday, normalizeDate, parseDate, shiftDateByMonths, toISODate, useCalendarNavigation, useCalendarState, useDateSelection } from "../../hooks/date/index.js";
-import { CLASSES } from "./Calendar.classes.js";
-var _tmpl$ = /*#__PURE__*/ template('<div><div><div><button type=button><svg><path d="m15 18-6-6 6-6"></path></svg></button></div><div></div><div><button type=button><svg><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div><div><div></div></div><div>'), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template("<div>"), _tmpl$4 = /*#__PURE__*/ template("<button type=button><span>");
-const Calendar = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "ref",
-        "selectionMode",
-        "value",
-        "defaultValue",
-        "onChange",
-        "rangeStart",
-        "rangeEnd",
-        "rangePreview",
-        "onDaySelect",
-        "onDayHover",
-        "minValue",
-        "maxValue",
-        "isDateUnavailable",
-        "locale",
-        "weekdayFormat",
-        "showOutsideDays",
-        "isDisabled",
-        "disabled"
-    ]);
-    const selectionMode = createMemo(()=>local.selectionMode ?? "single");
-    const dateSelection = useDateSelection({
-        value: ()=>local.value,
-        defaultValue: ()=>local.defaultValue,
-        onChange: ()=>local.onChange
-    });
-    const selectedDate = createMemo(()=>"single" === selectionMode() ? dateSelection.selectedDate() : null);
-    const rangeStart = createMemo(()=>normalizeDate(local.rangeStart));
-    const rangeEnd = createMemo(()=>normalizeDate(local.rangeEnd));
-    const rangePreview = createMemo(()=>normalizeDate(local.rangePreview));
-    const defaultReferenceDate = createMemo(()=>normalizeDate(local.defaultValue) ?? getToday());
-    const focusReferenceDate = createMemo(()=>selectedDate() ?? rangeEnd() ?? rangeStart() ?? normalizeDate(local.value) ?? defaultReferenceDate());
-    const minDate = createMemo(()=>normalizeDate(local.minValue));
-    const maxDate = createMemo(()=>normalizeDate(local.maxValue));
-    const locale = createMemo(()=>local.locale ?? "en-US");
-    const weekdayFormat = createMemo(()=>local.weekdayFormat ?? "short");
-    const showOutsideDays = createMemo(()=>local.showOutsideDays ?? true);
-    const isCalendarDisabled = createMemo(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
-    const isDateUnavailable = (date)=>Boolean(local.isDateUnavailable?.(date));
-    const isDateDisabled = (date)=>{
-        if (isCalendarDisabled()) return true;
-        const min = minDate();
-        if (min && compareDates(date, min) < 0) return true;
-        const max = maxDate();
-        if (max && compareDates(date, max) > 0) return true;
-        return isDateUnavailable(date);
-    };
-    const navigation = useCalendarNavigation({
-        initialFocusedDate: ()=>focusReferenceDate(),
-        minDate,
-        maxDate,
-        isDateDisabled
-    });
-    createEffect(()=>{
-        navigation.syncFocusedDate(focusReferenceDate());
-    });
-    const calendarState = useCalendarState({
-        selectionMode: ()=>selectionMode(),
-        locale,
-        weekdayFormat,
-        visibleMonth: navigation.visibleMonth,
-        focusedDate: navigation.focusedDate,
-        selectedDate,
-        rangeStart,
-        rangeEnd,
-        rangePreview,
-        isDateDisabled,
-        isDateUnavailable
-    });
-    let rootRef;
-    const focusDateButton = (date)=>{
-        const dateValue = toISODate(date);
-        queueMicrotask(()=>{
-            const target = rootRef?.querySelector(`[data-slot=\"calendar-cell\"][data-date=\"${dateValue}\"]`);
-            target?.focus();
-        });
-    };
-    const selectDate = (date)=>{
-        if (isDateDisabled(date)) return;
-        if ("function" == typeof local.onDaySelect) local.onDaySelect(date);
-        else if ("single" === selectionMode()) dateSelection.setSelectedDate(date);
-        navigation.setFocusedDate(date);
-        navigation.setVisibleMonthFromDate(date);
-    };
-    const navigateMonth = (direction)=>{
-        if (isCalendarDisabled()) return;
-        const nextFocus = navigation.navigateMonth(direction);
-        if (nextFocus) focusDateButton(nextFocus);
-    };
-    const handleCellKeyDown = (event)=>{
-        if (isCalendarDisabled()) return;
-        const dateValue = parseDate(event.currentTarget.dataset.date);
-        if (!dateValue) return;
-        if ("Enter" === event.key || " " === event.key) {
-            event.preventDefault();
-            selectDate(dateValue);
-            return;
-        }
-        let nextDate = null;
-        let direction = 1;
-        switch(event.key){
-            case "ArrowLeft":
-                nextDate = addDays(dateValue, -1);
-                direction = -1;
-                break;
-            case "ArrowRight":
-                nextDate = addDays(dateValue, 1);
-                direction = 1;
-                break;
-            case "ArrowUp":
-                nextDate = addDays(dateValue, -DAYS_PER_WEEK);
-                direction = -1;
-                break;
-            case "ArrowDown":
-                nextDate = addDays(dateValue, DAYS_PER_WEEK);
-                direction = 1;
-                break;
-            case "Home":
-                nextDate = addDays(dateValue, -dateValue.getDay());
-                direction = -1;
-                break;
-            case "End":
-                nextDate = addDays(dateValue, DAYS_PER_WEEK - 1 - dateValue.getDay());
-                direction = 1;
-                break;
-            case "PageUp":
-                nextDate = shiftDateByMonths(dateValue, -1);
-                direction = -1;
-                break;
-            case "PageDown":
-                nextDate = shiftDateByMonths(dateValue, 1);
-                direction = 1;
-                break;
-            default:
-                return;
-        }
-        if (!nextDate) return;
-        event.preventDefault();
-        const nextFocus = navigation.moveFocusToDate(nextDate, direction);
-        focusDateButton(nextFocus);
-    };
-    const uniqueId = createUniqueId();
-    const headingId = `calendar-heading-${uniqueId}`;
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$2.nextSibling, _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$1.nextSibling;
-        use((node)=>{
-            rootRef = node;
-            if ("function" == typeof local.ref) local.ref(node);
-        }, _el$);
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Root.base, isCalendarDisabled() && CLASSES.Root.flag.disabled, local.class, local.className)
-            }), {
-            "data-slot": "calendar",
-            get ["data-selection-mode"] () {
-                return selectionMode();
-            },
-            get ["data-disabled"] () {
-                return isCalendarDisabled() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-disabled"] () {
-                return isCalendarDisabled() ? "true" : void 0;
-            }
-        }), false, true);
-        spread(_el$2, mergeProps(()=>({
-                class: CLASSES.Header.base
-            }), {
-            "data-slot": "calendar-header"
-        }), false, true);
-        spread(_el$3, mergeProps(()=>({
-                class: CLASSES.Nav.base
-            }), {
-            "data-slot": "calendar-nav"
-        }), false, true);
-        spread(_el$4, mergeProps(()=>({
-                class: CLASSES.NavButton.base
-            }), {
-            "data-slot": "calendar-nav-button",
-            "aria-label": "Previous month",
-            onClick: ()=>navigateMonth(-1),
-            get disabled () {
-                return isCalendarDisabled() || !navigation.canNavigatePrevious();
-            },
-            get ["data-disabled"] () {
-                return isCalendarDisabled() || !navigation.canNavigatePrevious() ? "true" : void 0;
-            }
-        }), false, true);
-        spread(_el$5, mergeProps(()=>({
-                class: CLASSES.NavButtonIcon.base
-            }), {
-            "data-slot": "calendar-nav-button-icon",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "2",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-        }), true, true);
-        setAttribute(_el$6, "id", headingId);
-        spread(_el$6, mergeProps(()=>({
-                class: CLASSES.Heading.base
-            }), {
-            "data-slot": "calendar-heading",
-            "aria-live": "polite"
-        }), false, true);
-        insert(_el$6, ()=>calendarState.monthFormatter().format(navigation.visibleMonth()));
-        spread(_el$7, mergeProps(()=>({
-                class: CLASSES.Nav.base
-            }), {
-            "data-slot": "calendar-nav"
-        }), false, true);
-        spread(_el$8, mergeProps(()=>({
-                class: CLASSES.NavButton.base
-            }), {
-            "data-slot": "calendar-nav-button",
-            "aria-label": "Next month",
-            onClick: ()=>navigateMonth(1),
-            get disabled () {
-                return isCalendarDisabled() || !navigation.canNavigateNext();
-            },
-            get ["data-disabled"] () {
-                return isCalendarDisabled() || !navigation.canNavigateNext() ? "true" : void 0;
-            }
-        }), false, true);
-        spread(_el$9, mergeProps(()=>({
-                class: CLASSES.NavButtonIcon.base
-            }), {
-            "data-slot": "calendar-nav-button-icon",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "2",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-        }), true, true);
-        spread(_el$0, mergeProps(()=>({
-                class: CLASSES.Grid.base
-            }), {
-            "data-slot": "calendar-grid",
-            role: "grid",
-            "aria-labelledby": headingId,
-            get ["aria-readonly"] () {
-                return isCalendarDisabled() ? "true" : void 0;
-            }
-        }), false, true);
-        spread(_el$1, mergeProps(()=>({
-                class: CLASSES.GridHeader.base
-            }), {
-            "data-slot": "calendar-grid-header",
-            role: "rowgroup"
-        }), false, true);
-        spread(_el$10, mergeProps(()=>({
-                class: CLASSES.GridRow.base
-            }), {
-            "data-slot": "calendar-grid-row",
-            role: "row"
-        }), false, true);
-        insert(_el$10, createComponent(For, {
-            get each () {
-                return calendarState.weekdayLabels();
-            },
-            children: (label)=>(()=>{
-                    var _el$12 = _tmpl$2();
-                    spread(_el$12, mergeProps(()=>({
-                            class: CLASSES.HeaderCell.base
-                        }), {
-                        "data-slot": "calendar-header-cell",
-                        role: "columnheader"
-                    }), false, true);
-                    insert(_el$12, label);
-                    return _el$12;
-                })()
-        }));
-        spread(_el$11, mergeProps(()=>({
-                class: CLASSES.GridBody.base
-            }), {
-            "data-slot": "calendar-grid-body",
-            role: "rowgroup",
-            onMouseLeave: ()=>local.onDayHover?.(void 0)
-        }), false, true);
-        insert(_el$11, createComponent(For, {
-            get each () {
-                return calendarState.calendarWeeks();
-            },
-            children: (week)=>(()=>{
-                    var _el$13 = _tmpl$3();
-                    spread(_el$13, mergeProps(()=>({
-                            class: CLASSES.GridRow.base
-                        }), {
-                        "data-slot": "calendar-grid-row",
-                        role: "row"
-                    }), false, true);
-                    insert(_el$13, createComponent(For, {
-                        each: week,
-                        children: (date)=>{
-                            const cellState = calendarState.getCellState(date);
-                            const isoDate = toISODate(date);
-                            return (()=>{
-                                var _el$14 = _tmpl$3();
-                                spread(_el$14, mergeProps(()=>({
-                                        class: CLASSES.DayWrapper.base
-                                    }), {
-                                    "data-slot": "calendar-day-wrapper",
-                                    role: "presentation"
-                                }), false, true);
-                                insert(_el$14, createComponent(Show, {
-                                    get when () {
-                                        return showOutsideDays() || !cellState.isOutsideMonth;
-                                    },
-                                    get fallback () {
-                                        return (()=>{
-                                            var _el$17 = _tmpl$2();
-                                            spread(_el$17, mergeProps(()=>({
-                                                    class: CLASSES.DayPlaceholder.base
-                                                }), {
-                                                "data-slot": "calendar-day-placeholder",
-                                                "aria-hidden": "true"
-                                            }), false, false);
-                                            return _el$17;
-                                        })();
-                                    },
-                                    get children () {
-                                        var _el$15 = _tmpl$4(), _el$16 = _el$15.firstChild;
-                                        spread(_el$15, mergeProps(()=>({
-                                                class: twMerge(CLASSES.Cell.base, cellState.isSelected && CLASSES.Cell.flag.selected, cellState.isRangeStart && CLASSES.Cell.flag.rangeStart, cellState.isRangeEnd && CLASSES.Cell.flag.rangeEnd, cellState.isInCommittedRange && CLASSES.Cell.flag.inRange, cellState.isInPreviewRange && !cellState.isInCommittedRange && CLASSES.Cell.flag.inPreviewRange, cellState.isToday && CLASSES.Cell.flag.today, cellState.isOutsideMonth && CLASSES.Cell.flag.outsideMonth, cellState.isDisabled && CLASSES.Cell.flag.disabled, cellState.isUnavailable && CLASSES.Cell.flag.unavailable, cellState.isFocused && CLASSES.Cell.flag.focused)
-                                            }), {
-                                            "data-slot": "calendar-cell",
-                                            "data-date": isoDate,
-                                            get ["data-selected"] () {
-                                                return cellState.isSelected ? "true" : "false";
-                                            },
-                                            get ["data-range-start"] () {
-                                                return cellState.isRangeStart ? "true" : "false";
-                                            },
-                                            get ["data-range-end"] () {
-                                                return cellState.isRangeEnd ? "true" : "false";
-                                            },
-                                            get ["data-in-range"] () {
-                                                return cellState.isInCommittedRange ? "true" : "false";
-                                            },
-                                            get ["data-in-preview-range"] () {
-                                                return cellState.isInPreviewRange ? "true" : "false";
-                                            },
-                                            get ["data-today"] () {
-                                                return cellState.isToday ? "true" : "false";
-                                            },
-                                            get ["data-outside-month"] () {
-                                                return cellState.isOutsideMonth ? "true" : "false";
-                                            },
-                                            get ["data-disabled"] () {
-                                                return cellState.isDisabled ? "true" : "false";
-                                            },
-                                            get ["data-unavailable"] () {
-                                                return cellState.isUnavailable ? "true" : "false";
-                                            },
-                                            role: "gridcell",
-                                            get ["aria-label"] () {
-                                                return calendarState.dayLabelFormatter().format(date);
-                                            },
-                                            get ["aria-selected"] () {
-                                                return cellState.isAriaSelected ? "true" : "false";
-                                            },
-                                            get ["aria-disabled"] () {
-                                                return cellState.isDisabled ? "true" : "false";
-                                            },
-                                            get disabled () {
-                                                return cellState.isDisabled;
-                                            },
-                                            get tabIndex () {
-                                                return cellState.isFocused ? 0 : -1;
-                                            },
-                                            onClick: ()=>selectDate(date),
-                                            onFocus: ()=>navigation.setFocusedDate(date),
-                                            onMouseEnter: ()=>{
-                                                if (cellState.isDisabled) return;
-                                                local.onDayHover?.(date);
-                                            },
-                                            onKeyDown: handleCellKeyDown
-                                        }), false, true);
-                                        spread(_el$16, mergeProps(()=>({
-                                                class: CLASSES.Day.base
-                                            }), {
-                                            "data-slot": "calendar-day"
-                                        }), false, true);
-                                        insert(_el$16, ()=>date.getDate());
-                                        return _el$15;
-                                    }
-                                }));
-                                return _el$14;
-                            })();
-                        }
-                    }));
-                    return _el$13;
-                })()
-        }));
-        return _el$;
-    })();
-};
-const calendar_Calendar = Calendar;
-export default calendar_Calendar;

package/dist/components/card/Card.classes.d.ts

@@ -1,24 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "card";
-        readonly variant: {
-            readonly default: "card--default";
-            readonly flat: "card--flat";
-            readonly bordered: "card--bordered";
-            readonly shadow: "card--shadow";
-        };
-        readonly flag: {
-            readonly isHoverable: "card--hoverable";
-            readonly isPressable: "card--pressable";
-        };
-    };
-    readonly Header: {
-        readonly base: "card__header";
-    };
-    readonly Body: {
-        readonly base: "card__body";
-    };
-    readonly Footer: {
-        readonly base: "card__footer";
-    };
-};

package/dist/components/card/Card.classes.js

@@ -1,25 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "card",
-        variant: {
-            default: "card--default",
-            flat: "card--flat",
-            bordered: "card--bordered",
-            shadow: "card--shadow"
-        },
-        flag: {
-            isHoverable: "card--hoverable",
-            isPressable: "card--pressable"
-        }
-    },
-    Header: {
-        base: "card__header"
-    },
-    Body: {
-        base: "card__body"
-    },
-    Footer: {
-        base: "card__footer"
-    }
-};
-export { CLASSES };

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

@@ -1,29 +0,0 @@
-import "./Card.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type CardVariant = "default" | "flat" | "bordered" | "shadow";
-type CardContextlessProps<T extends HTMLElement> = Omit<JSX.HTMLAttributes<T>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type CardRootProps = CardContextlessProps<HTMLDivElement> & {
-    variant?: CardVariant;
-    isHoverable?: boolean;
-    isPressable?: boolean;
-};
-export type CardHeaderProps = CardContextlessProps<HTMLDivElement>;
-export type CardBodyProps = CardContextlessProps<HTMLDivElement>;
-export type CardFooterProps = CardContextlessProps<HTMLDivElement>;
-declare const CardRoot: ParentComponent<CardRootProps>;
-declare const CardHeader: Component<CardHeaderProps>;
-declare const CardBody: Component<CardBodyProps>;
-declare const CardFooter: Component<CardFooterProps>;
-declare const Card: ParentComponent<CardRootProps> & {
-    Root: ParentComponent<CardRootProps>;
-    Header: Component<CardHeaderProps>;
-    Body: Component<CardBodyProps>;
-    Content: Component<CardBodyProps>;
-    Footer: Component<CardFooterProps>;
-};
-export default Card;
-export { Card, CardRoot, CardHeader, CardBody, CardFooter };
-export type { CardRootProps as CardProps };

package/dist/components/card/Card.js

@@ -1,151 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Card.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Card.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-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 CardRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "variant",
-        "isHoverable",
-        "isPressable",
-        "onKeyDown",
-        "role",
-        "tabIndex"
-    ]);
-    const variant = ()=>local.variant ?? "default";
-    const handleKeyDown = (event)=>{
-        invokeEventHandler(local.onKeyDown, event);
-        if (event.defaultPrevented || !local.isPressable) return;
-        if ("Enter" !== event.key && " " !== event.key) return;
-        if (event.target !== event.currentTarget) return;
-        event.preventDefault();
-        event.currentTarget.click();
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], local.isHoverable && CLASSES.Root.flag.isHoverable, local.isPressable && CLASSES.Root.flag.isPressable, local.class, local.className)
-            }), {
-            "data-slot": "card",
-            get ["data-variant"] () {
-                return variant();
-            },
-            get ["data-hoverable"] () {
-                return local.isHoverable ? "true" : "false";
-            },
-            get ["data-pressable"] () {
-                return local.isPressable ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get role () {
-                return local.role ?? (local.isPressable ? "button" : void 0);
-            },
-            get tabIndex () {
-                return local.tabIndex ?? (local.isPressable ? 0 : void 0);
-            },
-            onKeyDown: handleKeyDown
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const CardHeader = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Header.base, local.class, local.className)
-            }), {
-            "data-slot": "card-header",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$2;
-    })();
-};
-const CardBody = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Body.base, local.class, local.className)
-            }), {
-            "data-slot": "card-body",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
-};
-const CardFooter = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Footer.base, local.class, local.className)
-            }), {
-            "data-slot": "card-footer",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
-};
-const Card = Object.assign(CardRoot, {
-    Root: CardRoot,
-    Header: CardHeader,
-    Body: CardBody,
-    Content: CardBody,
-    Footer: CardFooter
-});
-const card_Card = Card;
-export default card_Card;
-export { Card, CardBody, CardFooter, CardHeader, CardRoot };

package/dist/components/chatbubble/ChatBubble.classes.d.ts

@@ -1,24 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "chatbubble";
-    readonly align: {
-        readonly start: "chatbubble--start";
-        readonly end: "chatbubble--end";
-    };
-    readonly slot: {
-        readonly header: "chatbubble__header";
-        readonly footer: "chatbubble__footer";
-        readonly avatar: "chatbubble__avatar";
-        readonly message: "chatbubble__message";
-        readonly time: "chatbubble__time";
-    };
-    readonly color: {
-        readonly neutral: "chatbubble__message--neutral";
-        readonly primary: "chatbubble__message--primary";
-        readonly secondary: "chatbubble__message--secondary";
-        readonly accent: "chatbubble__message--accent";
-        readonly info: "chatbubble__message--info";
-        readonly success: "chatbubble__message--success";
-        readonly warning: "chatbubble__message--warning";
-        readonly error: "chatbubble__message--error";
-    };
-};