@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/toast/Toast.classes.js

@@ -1,68 +0,0 @@
-const CLASSES = {
-    Provider: {
-        base: "toast-region",
-        stack: "toast-region__stack",
-        item: {
-            base: "toast-region__item",
-            placement: {
-                bottom: "toast-region__item--bottom",
-                bottomStart: "toast-region__item--bottom-start",
-                bottomEnd: "toast-region__item--bottom-end",
-                top: "toast-region__item--top",
-                topStart: "toast-region__item--top-start",
-                topEnd: "toast-region__item--top-end"
-            },
-            state: {
-                hidden: "toast-region__item--hidden"
-            }
-        },
-        placement: {
-            bottom: "toast-region--bottom",
-            bottomStart: "toast-region--bottom-start",
-            bottomEnd: "toast-region--bottom-end",
-            top: "toast-region--top",
-            topStart: "toast-region--top-start",
-            topEnd: "toast-region--top-end"
-        }
-    },
-    Item: {
-        base: "toast",
-        variant: {
-            default: "toast--default",
-            accent: "toast--accent",
-            success: "toast--success",
-            warning: "toast--warning",
-            danger: "toast--danger"
-        },
-        state: {
-            frontmost: "toast--frontmost",
-            hidden: "toast--hidden",
-            entering: "toast--entering",
-            exiting: "toast--exiting"
-        }
-    },
-    Content: {
-        base: "toast__content"
-    },
-    Indicator: {
-        base: "toast__indicator",
-        icon: "toast__icon"
-    },
-    Spinner: {
-        base: "toast__spinner"
-    },
-    Title: {
-        base: "toast__title"
-    },
-    Description: {
-        base: "toast__description"
-    },
-    Action: {
-        base: "toast__action"
-    },
-    Close: {
-        base: "toast__close",
-        icon: "toast__close-icon"
-    }
-};
-export { CLASSES };

package/dist/components/toast/Toast.css

@@ -1,344 +0,0 @@
-@layer components {
-  .toast-region {
-    position: fixed;
-    z-index: var(--z-overlay, 70);
-    width: min(calc(100vw - 2rem), var(--toast-width, 28.75rem));
-    pointer-events: none;
-    outline: none;
-  }
-
-  .toast-region--bottom {
-    bottom: 1rem;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .toast-region--bottom-start {
-    left: 1rem;
-    bottom: 1rem;
-  }
-
-  .toast-region--bottom-end {
-    right: 1rem;
-    bottom: 1rem;
-  }
-
-  .toast-region--top {
-    top: 1rem;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .toast-region--top-start {
-    top: 1rem;
-    left: 1rem;
-  }
-
-  .toast-region--top-end {
-    top: 1rem;
-    right: 1rem;
-  }
-
-  .toast-region:focus-visible,
-  .toast-region[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .toast-region__stack {
-    position: relative;
-    width: 100%;
-    min-height: 0.125rem;
-  }
-
-  .toast-region__item {
-    position: absolute;
-    left: 0;
-    right: 0;
-    transition:
-      transform 200ms var(--ease-out, ease),
-      opacity 200ms var(--ease-out, ease);
-    will-change: transform, opacity;
-  }
-
-  .toast-region__item--bottom,
-  .toast-region__item--bottom-start,
-  .toast-region__item--bottom-end {
-    bottom: 0;
-  }
-
-  .toast-region__item--top,
-  .toast-region__item--top-start,
-  .toast-region__item--top-end {
-    top: 0;
-  }
-
-  .toast-region__item--hidden {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .toast {
-    pointer-events: auto;
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    gap: 0.5rem;
-    width: 100%;
-    border-radius: 1.5rem;
-    padding: 0.75rem 1rem;
-    background-color: var(--color-overlay, var(--color-base-100));
-    color: var(--color-overlay-foreground, var(--color-base-content));
-    box-shadow: var(
-      --shadow-overlay,
-      0 24px 48px color-mix(in oklab, black 24%, transparent)
-    );
-  }
-
-  .toast--hidden {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .toast:not(.toast--frontmost) {
-    pointer-events: none;
-    height: var(--toast-front-height, auto);
-    overflow: hidden;
-  }
-
-  .toast:not(.toast--frontmost) .toast__close {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .toast--entering {
-    animation-duration: 220ms;
-    animation-timing-function: var(--ease-out, ease);
-    animation-fill-mode: both;
-  }
-
-  .toast-region__item--bottom .toast--entering,
-  .toast-region__item--bottom-start .toast--entering,
-  .toast-region__item--bottom-end .toast--entering {
-    animation-name: toast-slide-bottom-in;
-  }
-
-  .toast-region__item--top .toast--entering,
-  .toast-region__item--top-start .toast--entering,
-  .toast-region__item--top-end .toast--entering {
-    animation-name: toast-slide-top-in;
-  }
-
-  .toast--exiting {
-    pointer-events: none;
-    animation-duration: 220ms;
-    animation-timing-function: var(--ease-out, ease);
-    animation-fill-mode: both;
-  }
-
-  .toast-region__item--bottom .toast--exiting,
-  .toast-region__item--bottom-start .toast--exiting,
-  .toast-region__item--bottom-end .toast--exiting {
-    animation-name: toast-slide-bottom-out;
-  }
-
-  .toast-region__item--top .toast--exiting,
-  .toast-region__item--top-start .toast--exiting,
-  .toast-region__item--top-end .toast--exiting {
-    animation-name: toast-slide-top-out;
-  }
-
-  .toast__content {
-    display: flex;
-    flex: 1;
-    min-width: 0;
-    flex-direction: column;
-    gap: 0.125rem;
-    align-items: flex-start;
-  }
-
-  .toast__indicator {
-    display: inline-flex;
-    width: 1.5rem;
-    height: 1.5rem;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    color: inherit;
-    user-select: none;
-    margin-top: 0.125rem;
-  }
-
-  .toast__icon {
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    pointer-events: none;
-  }
-
-  .toast__spinner {
-    width: 1rem;
-    height: 1rem;
-    border-radius: 9999px;
-    border: 2px solid currentColor;
-    border-top-color: transparent;
-    animation: toast-spinner 600ms linear infinite;
-  }
-
-  .toast__title {
-    margin: 0;
-    font-size: 0.875rem;
-    font-weight: 600;
-    line-height: 1.25rem;
-    color: inherit;
-  }
-
-  .toast__description {
-    margin: 0;
-    font-size: 0.8125rem;
-    line-height: 1.2rem;
-    color: color-mix(in oklab, currentColor 74%, transparent);
-  }
-
-  .toast__action {
-    margin-top: 0.5rem;
-  }
-
-  .toast__close {
-    margin-top: 0.125rem;
-    opacity: 0;
-    background-color: transparent;
-    transition: opacity 150ms var(--ease-out, ease);
-  }
-
-  .toast__close-icon {
-    width: 0.875rem;
-    height: 0.875rem;
-    flex-shrink: 0;
-    pointer-events: none;
-  }
-
-  .toast--frontmost:hover .toast__close,
-  .toast--frontmost .toast__close:focus-visible,
-  .toast--frontmost .toast__close[data-focus-visible="true"] {
-    opacity: 1;
-  }
-
-  .toast--accent {
-    color: var(--color-accent);
-  }
-
-  .toast--success {
-    color: var(--color-success);
-  }
-
-  .toast--warning {
-    color: var(--color-warning);
-  }
-
-  .toast--danger {
-    color: var(--color-error);
-  }
-
-  .toast--default .toast__title,
-  .toast--default .toast__description {
-    color: var(--color-overlay-foreground, var(--color-base-content));
-  }
-
-  .toast--default .toast__indicator {
-    color: var(--color-overlay-foreground, var(--color-base-content));
-  }
-
-  .toast--default .toast__description {
-    color: color-mix(
-      in oklab,
-      var(--color-overlay-foreground, var(--color-base-content)) 72%,
-      transparent
-    );
-  }
-
-  @media (hover: hover) {
-    .toast--frontmost:hover .toast__close {
-      opacity: 1;
-      pointer-events: auto;
-    }
-  }
-
-  @media (max-width: 640px) {
-    .toast-region {
-      width: calc(100vw - 2rem);
-    }
-
-    .toast__close {
-      opacity: 1;
-      pointer-events: auto;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .toast-region__item,
-    .toast__close {
-      transition: none;
-    }
-
-    .toast--entering,
-    .toast--exiting,
-    .toast__spinner {
-      animation: none;
-    }
-  }
-
-  @keyframes toast-slide-bottom-in {
-    from {
-      transform: translate3d(0, 0.75rem, 0);
-      opacity: 0;
-    }
-
-    to {
-      transform: translate3d(0, 0, 0);
-      opacity: 1;
-    }
-  }
-
-  @keyframes toast-slide-bottom-out {
-    from {
-      transform: translate3d(0, 0, 0);
-      opacity: 1;
-    }
-
-    to {
-      transform: translate3d(0, 0.75rem, 0);
-      opacity: 0;
-    }
-  }
-
-  @keyframes toast-slide-top-in {
-    from {
-      transform: translate3d(0, -0.75rem, 0);
-      opacity: 0;
-    }
-
-    to {
-      transform: translate3d(0, 0, 0);
-      opacity: 1;
-    }
-  }
-
-  @keyframes toast-slide-top-out {
-    from {
-      transform: translate3d(0, 0, 0);
-      opacity: 1;
-    }
-
-    to {
-      transform: translate3d(0, -0.75rem, 0);
-      opacity: 0;
-    }
-  }
-
-  @keyframes toast-spinner {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}

package/dist/components/toggle/Toggle.classes.d.ts

@@ -1,26 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "toggle";
-    readonly slot: {
-        readonly input: "toggle__input";
-        readonly control: "toggle__control";
-        readonly thumb: "toggle__thumb";
-        readonly icon: "toggle__icon";
-        readonly content: "toggle__content";
-        readonly description: "toggle__description";
-    };
-    readonly color: {
-        readonly default: "toggle--default";
-        readonly accent: "toggle--accent";
-        readonly success: "toggle--success";
-        readonly warning: "toggle--warning";
-        readonly danger: "toggle--danger";
-    };
-    readonly size: {
-        readonly sm: "toggle--sm";
-        readonly md: "toggle--md";
-        readonly lg: "toggle--lg";
-    };
-    readonly flag: {
-        readonly disabled: "toggle--disabled";
-    };
-};

package/dist/components/toggle/Toggle.classes.js

@@ -1,27 +0,0 @@
-const CLASSES = {
-    base: "toggle",
-    slot: {
-        input: "toggle__input",
-        control: "toggle__control",
-        thumb: "toggle__thumb",
-        icon: "toggle__icon",
-        content: "toggle__content",
-        description: "toggle__description"
-    },
-    color: {
-        default: "toggle--default",
-        accent: "toggle--accent",
-        success: "toggle--success",
-        warning: "toggle--warning",
-        danger: "toggle--danger"
-    },
-    size: {
-        sm: "toggle--sm",
-        md: "toggle--md",
-        lg: "toggle--lg"
-    },
-    flag: {
-        disabled: "toggle--disabled"
-    }
-};
-export { CLASSES };

package/dist/components/toolbar/Toolbar.classes.d.ts

@@ -1,10 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "toolbar";
-    readonly orientation: {
-        readonly horizontal: "toolbar--horizontal";
-        readonly vertical: "toolbar--vertical";
-    };
-    readonly flag: {
-        readonly attached: "toolbar--attached";
-    };
-};

package/dist/components/toolbar/Toolbar.classes.js

@@ -1,11 +0,0 @@
-const CLASSES = {
-    base: "toolbar",
-    orientation: {
-        horizontal: "toolbar--horizontal",
-        vertical: "toolbar--vertical"
-    },
-    flag: {
-        attached: "toolbar--attached"
-    }
-};
-export { CLASSES };

package/dist/components/toolbar/Toolbar.css

@@ -1,55 +0,0 @@
-@layer components {
-  .toolbar {
-    display: grid;
-    width: fit-content;
-    grid-auto-flow: column;
-    align-items: center;
-    gap: 0.5rem;
-  }
-
-  .toolbar--horizontal {
-    grid-auto-flow: column;
-    align-items: center;
-  }
-
-  .toolbar--vertical {
-    grid-auto-flow: row;
-    align-items: flex-start;
-    justify-items: flex-start;
-  }
-
-  .toolbar--attached {
-    border-radius: 9999px;
-    background-color: var(--color-surface, var(--color-base-100));
-    padding: 0.25rem;
-    box-shadow: var(--shadow-overlay, 0 12px 28px color-mix(in oklab, black 12%, transparent));
-  }
-
-  .toolbar [data-slot="separator"][data-orientation="vertical"] {
-    height: 50%;
-    align-self: center;
-  }
-
-  .toolbar [data-slot="separator"][data-orientation="horizontal"] {
-    width: 50%;
-    justify-self: center;
-    align-self: center;
-  }
-
-  .toolbar--horizontal > [data-slot="separator"] {
-    width: 1px;
-    min-height: 1rem;
-    height: 50%;
-    align-self: center;
-    justify-self: center;
-  }
-
-  .toolbar--vertical > [data-slot="separator"] {
-    width: 50%;
-    min-height: 1px;
-    height: 1px;
-    align-self: center;
-    justify-self: center;
-  }
-}
-

package/dist/components/toolbar/Toolbar.d.ts

@@ -1,15 +0,0 @@
-import "./Toolbar.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ToolbarOrientation = "horizontal" | "vertical";
-export type ToolbarRootProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
-    orientation?: ToolbarOrientation;
-    isAttached?: boolean;
-};
-declare const ToolbarRoot: Component<ToolbarRootProps>;
-declare const Toolbar: Component<ToolbarRootProps> & {
-    Root: Component<ToolbarRootProps>;
-};
-export default Toolbar;
-export { Toolbar, ToolbarRoot };
-export type { ToolbarRootProps as ToolbarProps };

package/dist/components/toolbar/Toolbar.js

@@ -1,96 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Toolbar.css";
-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__Toolbar_classes_js_40c784f6__ from "./Toolbar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const FOCUSABLE_SELECTOR = 'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]';
-const isFocusableElement = (element)=>{
-    if ("true" === element.getAttribute("aria-disabled")) return false;
-    return !element.hasAttribute("disabled");
-};
-const isTypingContext = (target)=>{
-    if (!(target instanceof HTMLElement)) return false;
-    const tag = target.tagName.toLowerCase();
-    if ("input" === tag || "textarea" === tag || "select" === tag) return true;
-    return "true" === target.getAttribute("contenteditable");
-};
-const getFocusableElements = (root)=>Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter(isFocusableElement);
-const ToolbarRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "orientation",
-        "isAttached",
-        "onKeyDown",
-        "role",
-        "ref"
-    ]);
-    let rootRef;
-    const orientation = ()=>local.orientation ?? "horizontal";
-    const handleKeyDown = (event)=>{
-        if ("function" == typeof local.onKeyDown) local.onKeyDown(event);
-        if (event.defaultPrevented) return;
-        if (isTypingContext(event.target)) return;
-        const currentRoot = rootRef;
-        if (!currentRoot) return;
-        const isVertical = "vertical" === orientation();
-        const nextKey = isVertical ? "ArrowDown" : "ArrowRight";
-        const prevKey = isVertical ? "ArrowUp" : "ArrowLeft";
-        const isMoveKey = event.key === nextKey || event.key === prevKey;
-        const isHomeEndKey = "Home" === event.key || "End" === event.key;
-        if (!isMoveKey && !isHomeEndKey) return;
-        const focusable = getFocusableElements(currentRoot);
-        if (0 === focusable.length) return;
-        const activeElement = document.activeElement;
-        const currentIndex = activeElement ? focusable.indexOf(activeElement) : -1;
-        let nextIndex = currentIndex;
-        if ("Home" === event.key) nextIndex = 0;
-        else if ("End" === event.key) nextIndex = focusable.length - 1;
-        else if (-1 === currentIndex) nextIndex = event.key === prevKey ? focusable.length - 1 : 0;
-        else {
-            const step = event.key === nextKey ? 1 : -1;
-            nextIndex = (currentIndex + step + focusable.length) % focusable.length;
-        }
-        event.preventDefault();
-        focusable[nextIndex]?.focus();
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
-            rootRef = el;
-            if ("function" == typeof local.ref) local.ref(el);
-        }, _el$);
-        (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 ?? "toolbar";
-            },
-            get ["aria-orientation"] () {
-                return orientation();
-            },
-            "data-slot": "toolbar",
-            get ["data-orientation"] () {
-                return orientation();
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            onKeyDown: handleKeyDown
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toolbar_classes_js_40c784f6__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Toolbar_classes_js_40c784f6__.CLASSES.orientation[orientation()], local.isAttached && __WEBPACK_EXTERNAL_MODULE__Toolbar_classes_js_40c784f6__.CLASSES.flag.attached, local.class, local.className)
-            })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const Toolbar = Object.assign(ToolbarRoot, {
-    Root: ToolbarRoot
-});
-const toolbar_Toolbar = Toolbar;
-export { Toolbar, ToolbarRoot, toolbar_Toolbar as default };

package/dist/components/toolbar/index.d.ts

@@ -1 +0,0 @@
-export { default, Toolbar, ToolbarRoot, type ToolbarProps, type ToolbarRootProps, type ToolbarOrientation, } from "./Toolbar";

package/dist/components/toolbar/index.js

@@ -1,5 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Toolbar_js_4fa4486a__ from "./Toolbar.js";
-var __webpack_exports__Toolbar = __WEBPACK_EXTERNAL_MODULE__Toolbar_js_4fa4486a__.Toolbar;
-var __webpack_exports__ToolbarRoot = __WEBPACK_EXTERNAL_MODULE__Toolbar_js_4fa4486a__.ToolbarRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Toolbar_js_4fa4486a__["default"];
-export { __webpack_exports__Toolbar as Toolbar, __webpack_exports__ToolbarRoot as ToolbarRoot, __webpack_exports__default as default };

package/dist/components/tooltip/Tooltip.classes.d.ts

@@ -1,8 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "tooltip";
-    readonly slot: {
-        readonly trigger: "tooltip__trigger";
-        readonly content: "tooltip__content";
-        readonly arrow: "tooltip__arrow";
-    };
-};

package/dist/components/tooltip/Tooltip.classes.js

@@ -1,9 +0,0 @@
-const CLASSES = {
-    base: "tooltip",
-    slot: {
-        trigger: "tooltip__trigger",
-        content: "tooltip__content",
-        arrow: "tooltip__arrow"
-    }
-};
-export { CLASSES };

package/dist/components/video-preview/VideoPreview.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly mirror: "-scale-x-100";
-};

package/dist/components/video-preview/VideoPreview.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    mirror: "-scale-x-100"
-};
-export { CLASSES };