@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/live-chat/LiveChat.classes.js

@@ -1,42 +0,0 @@
-const CLASSES = {
-    bubble: {
-        base: "live-chat-bubble",
-        position: {
-            right: "live-chat-bubble--right",
-            left: "live-chat-bubble--left"
-        },
-        icon: "live-chat-bubble__icon",
-        badge: "live-chat-bubble__badge",
-        ping: "live-chat-bubble__ping"
-    },
-    panel: {
-        base: "live-chat-panel",
-        header: "live-chat-panel__header",
-        headerTitleWrap: "live-chat-panel__header-title-wrap",
-        headerIcon: "live-chat-panel__header-icon",
-        headerTitle: "live-chat-panel__header-title",
-        closeButton: "live-chat-panel__close-button",
-        closeIcon: "live-chat-panel__close-icon",
-        messages: "live-chat-panel__messages",
-        row: "live-chat-panel__row",
-        rowUser: "live-chat-panel__row--user",
-        rowAgent: "live-chat-panel__row--agent",
-        avatar: "live-chat-panel__avatar",
-        avatarUser: "live-chat-panel__avatar--user",
-        avatarAgent: "live-chat-panel__avatar--agent",
-        messageColumn: "live-chat-panel__message-column",
-        messageColumnUser: "live-chat-panel__message-column--user",
-        messageColumnAgent: "live-chat-panel__message-column--agent",
-        messageBubble: "live-chat-panel__message-bubble",
-        messageBubbleUser: "live-chat-panel__message-bubble--user",
-        messageBubbleAgent: "live-chat-panel__message-bubble--agent",
-        messageText: "live-chat-panel__message-text",
-        timestamp: "live-chat-panel__timestamp",
-        empty: "live-chat-panel__empty",
-        inputArea: "live-chat-panel__input-area",
-        input: "live-chat-panel__input",
-        sendButton: "live-chat-panel__send-button",
-        spinner: "live-chat-panel__spinner"
-    }
-};
-export { CLASSES };

package/dist/components/live-chat/LiveChat.css

@@ -1,324 +0,0 @@
-@layer components {
-  .live-chat-bubble {
-    position: fixed;
-    bottom: 1.25rem;
-    z-index: 50;
-    width: 3rem;
-    height: 3rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 9999px;
-    border: 0;
-    background: var(--color-primary);
-    color: var(--color-primary-content);
-    box-shadow: 0 10px 20px color-mix(in oklab, var(--color-base-content) 16%, transparent);
-    transition:
-      transform 200ms ease,
-      box-shadow 200ms ease,
-      opacity 200ms ease;
-  }
-
-  .live-chat-bubble:hover {
-    box-shadow: 0 14px 28px color-mix(in oklab, var(--color-base-content) 22%, transparent);
-  }
-
-  .live-chat-bubble:active {
-    transform: scale(0.95);
-  }
-
-  .live-chat-bubble:focus-visible {
-    outline: 2px solid color-mix(in oklab, var(--color-primary) 72%, transparent);
-    outline-offset: 2px;
-  }
-
-  .live-chat-bubble--right {
-    right: 1rem;
-  }
-
-  .live-chat-bubble--left {
-    left: 1rem;
-  }
-
-  .live-chat-bubble__icon {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-
-  .live-chat-bubble__badge {
-    position: absolute;
-    top: -0.25rem;
-    right: -0.25rem;
-    width: 1.25rem;
-    height: 1.25rem;
-    border-radius: 9999px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--color-error);
-    color: var(--color-error-content);
-    font-size: 0.75rem;
-    font-weight: 700;
-    animation: live-chat-pulse 1s ease-in-out infinite;
-  }
-
-  .live-chat-bubble__ping {
-    pointer-events: none;
-    position: absolute;
-    inset: 0;
-    border-radius: 9999px;
-    background: var(--color-primary);
-    opacity: 0.2;
-    animation: live-chat-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-    transition: opacity 200ms ease;
-  }
-
-  .live-chat-bubble:hover .live-chat-bubble__ping {
-    opacity: 0;
-  }
-
-  .live-chat-panel {
-    position: fixed;
-    inset: 0;
-    z-index: 51;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    background: var(--color-base-100);
-    box-shadow: 0 30px 70px color-mix(in oklab, var(--color-base-content) 18%, transparent);
-  }
-
-  .live-chat-panel__header {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 1rem;
-    background: var(--color-primary);
-    color: var(--color-primary-content);
-  }
-
-  .live-chat-panel__header-title-wrap {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-
-  .live-chat-panel__header-icon,
-  .live-chat-panel__close-icon {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-
-  .live-chat-panel__header-title {
-    font-weight: 600;
-    font-size: 1.125rem;
-  }
-
-  .live-chat-panel__close-button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 0.5rem;
-    padding: 0.25rem;
-    transition: background-color 150ms ease;
-  }
-
-  .live-chat-panel__close-button:hover {
-    background: color-mix(in oklab, var(--color-primary-content) 10%, transparent);
-  }
-
-  .live-chat-panel__messages {
-    flex: 1;
-    overflow-y: auto;
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-
-  .live-chat-panel__row {
-    width: 100%;
-    display: flex;
-    gap: 0.5rem;
-  }
-
-  .live-chat-panel__row--user {
-    flex-direction: row-reverse;
-  }
-
-  .live-chat-panel__row--agent {
-    flex-direction: row;
-  }
-
-  .live-chat-panel__avatar {
-    flex-shrink: 0;
-    width: 2rem;
-    height: 2rem;
-    border-radius: 9999px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.75rem;
-    font-weight: 600;
-  }
-
-  .live-chat-panel__avatar--user {
-    background: var(--color-primary);
-    color: var(--color-primary-content);
-  }
-
-  .live-chat-panel__avatar--agent {
-    background: var(--color-base-300);
-    color: var(--color-base-content);
-  }
-
-  .live-chat-panel__message-column {
-    max-width: 75%;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .live-chat-panel__message-column--user {
-    align-items: flex-end;
-  }
-
-  .live-chat-panel__message-column--agent {
-    align-items: flex-start;
-  }
-
-  .live-chat-panel__message-bubble {
-    padding: 0.5rem 0.75rem;
-    border-radius: 1rem;
-  }
-
-  .live-chat-panel__message-bubble--user {
-    background: var(--color-primary);
-    color: var(--color-primary-content);
-    border-top-right-radius: 0.125rem;
-  }
-
-  .live-chat-panel__message-bubble--agent {
-    background: var(--color-base-200);
-    color: var(--color-base-content);
-    border-top-left-radius: 0.125rem;
-  }
-
-  .live-chat-panel__message-text {
-    font-size: 0.875rem;
-    line-height: 1.5;
-    white-space: pre-wrap;
-    word-break: break-word;
-  }
-
-  .live-chat-panel__timestamp {
-    margin-top: 0.25rem;
-    padding-inline: 0.25rem;
-    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
-    font-size: 0.75rem;
-  }
-
-  .live-chat-panel__empty {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
-    font-size: 0.875rem;
-  }
-
-  .live-chat-panel__input-area {
-    flex-shrink: 0;
-    border-top: 1px solid var(--color-base-300);
-    background: var(--color-base-100);
-    padding: 0.75rem;
-    display: flex;
-    gap: 0.5rem;
-  }
-
-  .live-chat-panel__input {
-    flex: 1;
-  }
-
-  .live-chat-panel__send-button {
-    padding: 0.5rem 1rem;
-  }
-
-  .live-chat-panel__spinner {
-    width: 1rem;
-    height: 1rem;
-    border-radius: 9999px;
-    display: inline-block;
-    border: 2px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
-    border-top-color: var(--color-primary-content);
-    animation: live-chat-spin 0.7s linear infinite;
-  }
-
-  @media (min-width: 640px) {
-    .live-chat-bubble {
-      width: 3.5rem;
-      height: 3.5rem;
-    }
-
-    .live-chat-bubble--right {
-      right: 1rem;
-    }
-
-    .live-chat-bubble--left {
-      left: 1rem;
-    }
-
-    .live-chat-bubble__icon {
-      width: 1.5rem;
-      height: 1.5rem;
-    }
-
-    .live-chat-panel {
-      inset: auto;
-      bottom: 5rem;
-      right: 1rem;
-      width: 24rem;
-      height: 70vh;
-      max-height: 50rem;
-      min-height: 26.25rem;
-      border-radius: 1rem;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .live-chat-panel {
-      bottom: 6rem;
-      right: 1.5rem;
-      width: 25rem;
-      height: 75vh;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .live-chat-panel {
-      height: 80vh;
-    }
-  }
-
-  @keyframes live-chat-spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes live-chat-ping {
-    75%,
-    100% {
-      transform: scale(1.7);
-      opacity: 0;
-    }
-  }
-
-  @keyframes live-chat-pulse {
-    50% {
-      opacity: 0.8;
-    }
-  }
-}

package/dist/components/menu/Menu.classes.d.ts

@@ -1,20 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "menu";
-    };
-    readonly Item: {
-        readonly base: "menu-item";
-        readonly variant: {
-            readonly default: "menu-item--default";
-            readonly danger: "menu-item--danger";
-        };
-    };
-    readonly ItemIndicator: {
-        readonly base: "menu-item__indicator";
-        readonly submenu: "menu-item__indicator--submenu";
-    };
-    readonly Section: {
-        readonly base: "menu-section";
-        readonly title: "menu-section__title";
-    };
-};

package/dist/components/menu/Menu.classes.js

@@ -1,21 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "menu"
-    },
-    Item: {
-        base: "menu-item",
-        variant: {
-            default: "menu-item--default",
-            danger: "menu-item--danger"
-        }
-    },
-    ItemIndicator: {
-        base: "menu-item__indicator",
-        submenu: "menu-item__indicator--submenu"
-    },
-    Section: {
-        base: "menu-section",
-        title: "menu-section__title"
-    }
-};
-export { CLASSES };

package/dist/components/menu/Menu.css

@@ -1,199 +0,0 @@
-@layer components {
-  .menu {
-    position: relative;
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 0.25rem;
-    overflow: clip;
-    padding: 0.25rem;
-  }
-
-  .menu [data-slot="separator"] {
-    margin-inline-start: 3%;
-    width: 94%;
-  }
-
-  .menu-item {
-    position: relative;
-    display: flex;
-    min-height: 2.25rem;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.75rem;
-    border-radius: 1rem;
-    padding-inline: 0.5rem;
-    padding-block: 0.375rem;
-    outline: none;
-    user-select: none;
-    -webkit-tap-highlight-color: transparent;
-    transition:
-      transform 250ms var(--ease-out-quart),
-      box-shadow 150ms var(--ease-out);
-    cursor: var(--cursor-interactive);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu-item {
-      transition: none;
-    }
-  }
-
-  .menu-item [data-slot="label"] {
-    pointer-events: none;
-    width: fit-content;
-    user-select: none;
-  }
-
-  .menu-item [data-slot="description"] {
-    pointer-events: none;
-    text-wrap: wrap;
-    user-select: none;
-  }
-
-  .menu-item [data-slot="submenu-indicator"] svg {
-    width: 0.875rem;
-    height: 0.875rem;
-  }
-
-  .menu-item:has(.menu-item__indicator) {
-    padding-inline-start: 1.75rem;
-  }
-
-  .menu-item[data-has-submenu="true"]:has(.menu-item__indicator) {
-    padding-inline-end: 1.75rem;
-    padding-inline-start: 0.5rem;
-  }
-
-  .menu-item:focus-visible:not(:focus),
-  .menu-item[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .menu-item:active,
-  .menu-item[data-pressed="true"] {
-    transform: scale(0.98);
-  }
-
-  @media (hover: hover) {
-    .menu-item:hover,
-    .menu-item[data-hovered="true"] {
-      background-color: var(--color-default);
-    }
-  }
-
-  .menu-item[aria-checked="true"] [data-slot="menu-item-indicator--checkmark"],
-  .menu-item[aria-selected="true"] [data-slot="menu-item-indicator--checkmark"],
-  .menu-item[data-selected="true"] [data-slot="menu-item-indicator--checkmark"] {
-    transition: stroke-dashoffset 100ms linear;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu-item[aria-checked="true"] [data-slot="menu-item-indicator--checkmark"],
-    .menu-item[aria-selected="true"] [data-slot="menu-item-indicator--checkmark"],
-    .menu-item[data-selected="true"] [data-slot="menu-item-indicator--checkmark"] {
-      transition: none;
-    }
-  }
-
-  .menu-item[aria-checked="true"] [data-slot="menu-item-indicator--dot"],
-  .menu-item[aria-selected="true"] [data-slot="menu-item-indicator--dot"],
-  .menu-item[data-selected="true"] [data-slot="menu-item-indicator--dot"] {
-    transform: scale(1);
-    opacity: 1;
-  }
-
-  .menu-item[data-disabled="true"],
-  .menu-item[aria-disabled="true"] {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .menu-item__indicator {
-    position: absolute;
-    inset-inline-start: 0.5rem;
-    top: 50%;
-    display: flex;
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    transform: translateY(-50%);
-    align-items: center;
-    justify-content: center;
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
-    transition: all 250ms ease;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu-item__indicator {
-      transition: none;
-    }
-  }
-
-  .menu-item[data-has-submenu="true"] .menu-item__indicator {
-    inset-inline-end: 0.5rem;
-    inset-inline-start: auto;
-  }
-
-  .menu-item__indicator [data-slot="menu-item-indicator--checkmark"] {
-    width: 0.625rem;
-    height: 0.625rem;
-  }
-
-  .menu-item[data-selection-mode="multiple"] .menu-item__indicator [data-slot="menu-item-indicator--checkmark"] {
-    transition: all 300ms ease;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu-item[data-selection-mode="multiple"] .menu-item__indicator [data-slot="menu-item-indicator--checkmark"] {
-      transition: none;
-    }
-  }
-
-  .menu-item__indicator [data-slot="menu-item-indicator--dot"] {
-    width: 0.5rem;
-    height: 0.5rem;
-    transform: scale(0.7);
-    opacity: 0;
-  }
-
-  .menu-item[data-selection-mode="multiple"] .menu-item__indicator [data-slot="menu-item-indicator--dot"] {
-    transition: all 250ms ease;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu-item[data-selection-mode="multiple"] .menu-item__indicator [data-slot="menu-item-indicator--dot"] {
-      transition: none;
-    }
-  }
-
-  .menu-item__indicator--submenu {
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
-  }
-
-  .menu-item__indicator--submenu svg {
-    width: 0.75rem;
-    height: 0.75rem;
-  }
-
-  .menu-item--danger .menu-item__indicator {
-    color: var(--color-danger);
-  }
-
-  .menu-item--danger [data-slot="label"] {
-    color: var(--color-danger);
-  }
-
-  .menu-section {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0;
-  }
-
-  .menu-section__title {
-    width: 100%;
-  }
-}

package/dist/components/menu/MenuSection.d.ts

@@ -1,11 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type MenuSectionRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    title?: JSX.Element;
-};
-declare const MenuSectionRoot: Component<MenuSectionRootProps>;
-declare const MenuSection: Component<MenuSectionRootProps>;
-export default MenuSection;
-export { MenuSection, MenuSectionRoot };
-export type { MenuSectionRootProps as MenuSectionProps };

package/dist/components/menu/MenuSection.js

@@ -1,54 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__ from "./Menu.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const MenuSectionRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "title",
-        "role"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get role () {
-                return local.role ?? "group";
-            },
-            "data-slot": "menu-section",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.base, local.class, local.className)
-            }), {
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return local.title;
-            },
-            get children () {
-                var _el$2 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.title
-                    }), {
-                    "data-slot": "heading"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
-                return _el$2;
-            }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
-        return _el$;
-    })();
-};
-const MenuSection = MenuSectionRoot;
-const menu_MenuSection = MenuSection;
-export { MenuSection, MenuSectionRoot, menu_MenuSection as default };

package/dist/components/menu/context.d.ts

@@ -1,26 +0,0 @@
-import { type Accessor } from "solid-js";
-export type MenuItemVariant = "default" | "danger";
-export type MenuSelectionMode = "none" | "single" | "multiple";
-export type MenuItemRecord = {
-    key: string;
-    disabled: boolean;
-    ref: HTMLDivElement;
-};
-export type MenuFocusTarget = "first" | "last" | "selected";
-export type MenuContextValue = {
-    selectionMode: Accessor<MenuSelectionMode>;
-    selectedKeys: Accessor<Set<string>>;
-    disabledKeys: Accessor<Set<string>>;
-    isDisabled: Accessor<boolean>;
-    focusedKey: Accessor<string | undefined>;
-    isSelected: (key: string) => boolean;
-    isItemDisabled: (key: string, localDisabled?: boolean) => boolean;
-    getItemTabIndex: (key: string, localDisabled?: boolean) => number;
-    registerItem: (item: MenuItemRecord) => void;
-    unregisterItem: (key: string) => void;
-    activateKey: (key: string, event: Event) => void;
-    setFocusedKey: (key: string | undefined) => void;
-    focusNext: (direction: 1 | -1) => void;
-    focusBoundary: (target: MenuFocusTarget) => void;
-};
-export declare const MenuContext: import("solid-js").Context<MenuContextValue | undefined>;

package/dist/components/menu/context.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const MenuContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-export { MenuContext };