@pathscale/ui 1.3.1 → 1.4.0

package/dist/components/glow-card/GlowCard.js

@@ -1,48 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { clsx } from "clsx";
-import "./GlowCard.css";
-import { CLASSES } from "./GlowCard.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-function GlowCard(props) {
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "onMouseMove",
-        "style"
-    ]);
-    const handleMouseMove = (e)=>{
-        const rect = e.currentTarget.getBoundingClientRect();
-        e.currentTarget.style.setProperty("--mouse-x", `${e.clientX - rect.left}px`);
-        e.currentTarget.style.setProperty("--mouse-y", `${e.clientY - rect.top}px`);
-        if (Array.isArray(local.onMouseMove)) {
-            const [handler, data] = local.onMouseMove;
-            handler(data, e);
-        } else if ("function" == typeof local.onMouseMove) local.onMouseMove(e);
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return twMerge(clsx(CLASSES.base, CLASSES.isolate, local.class, local.className));
-            },
-            get style () {
-                return local.style;
-            },
-            onMouseMove: handleMouseMove,
-            onMouseLeave: (e)=>{
-                e.currentTarget.style.setProperty("--mouse-x", "50%");
-                e.currentTarget.style.setProperty("--mouse-y", "50%");
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-}
-export default GlowCard;

package/dist/components/grid/Grid.classes.d.ts

@@ -1,54 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "grid-layout";
-    readonly cols: {
-        readonly "1": "grid-cols-1";
-        readonly "2": "grid-cols-2";
-        readonly "3": "grid-cols-3";
-        readonly "4": "grid-cols-4";
-        readonly "5": "grid-cols-5";
-        readonly "6": "grid-cols-6";
-        readonly "7": "grid-cols-7";
-        readonly "8": "grid-cols-8";
-        readonly "9": "grid-cols-9";
-        readonly "10": "grid-cols-10";
-        readonly "11": "grid-cols-11";
-        readonly "12": "grid-cols-12";
-    };
-    readonly rows: {
-        readonly "1": "grid-rows-1";
-        readonly "2": "grid-rows-2";
-        readonly "3": "grid-rows-3";
-        readonly "4": "grid-rows-4";
-        readonly "5": "grid-rows-5";
-        readonly "6": "grid-rows-6";
-        readonly "7": "grid-rows-7";
-        readonly "8": "grid-rows-8";
-        readonly "9": "grid-rows-9";
-        readonly "10": "grid-rows-10";
-        readonly "11": "grid-rows-11";
-        readonly "12": "grid-rows-12";
-    };
-    readonly flow: {
-        readonly row: "grid-flow-row";
-        readonly col: "grid-flow-col";
-        readonly "row-dense": "grid-flow-row-dense";
-        readonly "col-dense": "grid-flow-col-dense";
-    };
-    readonly gap: {
-        readonly none: "gap-0";
-        readonly sm: "gap-2";
-        readonly md: "gap-4";
-        readonly lg: "gap-6";
-        readonly xl: "gap-8";
-    };
-    readonly autoCols: {
-        readonly min: "auto-cols-min";
-        readonly max: "auto-cols-max";
-        readonly fr: "auto-cols-fr";
-    };
-    readonly autoRows: {
-        readonly min: "auto-rows-min";
-        readonly max: "auto-rows-max";
-        readonly fr: "auto-rows-fr";
-    };
-};

package/dist/components/grid/Grid.classes.js

@@ -1,55 +0,0 @@
-const CLASSES = {
-    base: "grid-layout",
-    cols: {
-        1: "grid-cols-1",
-        2: "grid-cols-2",
-        3: "grid-cols-3",
-        4: "grid-cols-4",
-        5: "grid-cols-5",
-        6: "grid-cols-6",
-        7: "grid-cols-7",
-        8: "grid-cols-8",
-        9: "grid-cols-9",
-        10: "grid-cols-10",
-        11: "grid-cols-11",
-        12: "grid-cols-12"
-    },
-    rows: {
-        1: "grid-rows-1",
-        2: "grid-rows-2",
-        3: "grid-rows-3",
-        4: "grid-rows-4",
-        5: "grid-rows-5",
-        6: "grid-rows-6",
-        7: "grid-rows-7",
-        8: "grid-rows-8",
-        9: "grid-rows-9",
-        10: "grid-rows-10",
-        11: "grid-rows-11",
-        12: "grid-rows-12"
-    },
-    flow: {
-        row: "grid-flow-row",
-        col: "grid-flow-col",
-        "row-dense": "grid-flow-row-dense",
-        "col-dense": "grid-flow-col-dense"
-    },
-    gap: {
-        none: "gap-0",
-        sm: "gap-2",
-        md: "gap-4",
-        lg: "gap-6",
-        xl: "gap-8"
-    },
-    autoCols: {
-        min: "auto-cols-min",
-        max: "auto-cols-max",
-        fr: "auto-cols-fr"
-    },
-    autoRows: {
-        min: "auto-rows-min",
-        max: "auto-rows-max",
-        fr: "auto-rows-fr"
-    }
-};
-export { CLASSES };

package/dist/components/grid/Grid.d.ts

@@ -1,19 +0,0 @@
-import "./Grid.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-import type { ResponsiveProp } from "../types";
-type GridFlow = "row" | "col" | "row-dense" | "col-dense";
-type GridSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-type GridGap = "none" | "sm" | "md" | "lg" | "xl";
-type AutoSize = "min" | "max" | "fr";
-export type GridProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
-    as?: keyof JSX.IntrinsicElements;
-    cols?: ResponsiveProp<GridSize>;
-    rows?: ResponsiveProp<GridSize>;
-    flow?: ResponsiveProp<GridFlow>;
-    gap?: ResponsiveProp<GridGap>;
-    autoCols?: ResponsiveProp<AutoSize>;
-    autoRows?: ResponsiveProp<AutoSize>;
-};
-declare const Grid: (props: GridProps) => JSX.Element;
-export default Grid;

package/dist/components/grid/Grid.js

@@ -1,39 +0,0 @@
-import { Dynamic, createComponent, mergeProps } from "solid-js/web";
-import "./Grid.css";
-import { children, mergeProps as external_solid_js_mergeProps, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import clsx from "clsx";
-import { mapResponsiveProp } from "../utils.js";
-import { CLASSES } from "./Grid.classes.js";
-const Grid = (props)=>{
-    const merged = external_solid_js_mergeProps({
-        as: "div"
-    }, props);
-    const [local, rest] = splitProps(merged, [
-        "as",
-        "class",
-        "className",
-        "children",
-        "cols",
-        "rows",
-        "flow",
-        "gap",
-        "autoCols",
-        "autoRows"
-    ]);
-    const resolvedChildren = children(()=>local.children);
-    const classes = clsx(CLASSES.base, mapResponsiveProp(local.cols, CLASSES.cols), mapResponsiveProp(local.rows, CLASSES.rows), mapResponsiveProp(local.flow, CLASSES.flow), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.autoCols, CLASSES.autoCols), mapResponsiveProp(local.autoRows, CLASSES.autoRows), local.class, local.className);
-    return createComponent(Dynamic, mergeProps({
-        get component () {
-            return local.as;
-        }
-    }, ()=>({
-            class: twMerge(classes)
-        }), rest, {
-        get children () {
-            return resolvedChildren();
-        }
-    }));
-};
-const grid_Grid = Grid;
-export default grid_Grid;

package/dist/components/header/Header.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "header";
-};

package/dist/components/header/Header.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    base: "header"
-};
-export { CLASSES };

package/dist/components/header/Header.d.ts

@@ -1,9 +0,0 @@
-import "./Header.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type HeaderRootProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const HeaderRoot: Component<HeaderRootProps>;
-declare const Header: Component<HeaderRootProps>;
-export default Header;
-export { Header, HeaderRoot };
-export type { HeaderRootProps as HeaderProps };

package/dist/components/header/Header.js

@@ -1,35 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Header.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Header.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const HeaderRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "header",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const Header = HeaderRoot;
-const header_Header = Header;
-export default header_Header;
-export { Header, HeaderRoot };

package/dist/components/icon/Icon.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "icon";
-};

package/dist/components/icon/Icon.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    base: "icon"
-};
-export { CLASSES };

package/dist/components/icon/Icon.d.ts

@@ -1,12 +0,0 @@
-import "./Icon.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-import type { ComponentColor } from "../types";
-export type IconProps = IComponentBaseProps & {
-    width?: number;
-    height?: number;
-    color?: ComponentColor;
-    name?: string;
-};
-declare const Icon: (props: IconProps) => JSX.Element;
-export default Icon;

package/dist/components/icon/Icon.js

@@ -1,40 +0,0 @@
-import { mergeProps, spread, template } from "solid-js/web";
-import "./Icon.css";
-import { createMemo, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Icon.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>");
-const Icon = (props)=>{
-    const [local, others] = splitProps(props, [
-        "width",
-        "height",
-        "className",
-        "class",
-        "name",
-        "style",
-        "dataTheme"
-    ]);
-    const width = local.width ?? 24;
-    const height = local.height ?? 24;
-    const classes = createMemo(()=>twMerge(CLASSES.base, local.name, local.class, local.className));
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: classes()
-            }), {
-            get style () {
-                return {
-                    width: `${width}px`,
-                    height: `${height}px`,
-                    ..."object" == typeof local.style ? local.style : {}
-                };
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const icon_Icon = Icon;
-export default icon_Icon;

package/dist/components/immersive-landing/ImmersiveLanding.classes.d.ts

@@ -1,83 +0,0 @@
-export declare const CLASSES: {
-    readonly landing: {
-        readonly base: "immersive-landing";
-        readonly viewport: "immersive-landing__viewport";
-        readonly pageLayer: "immersive-landing__page-layer";
-        readonly overlay: "immersive-landing__overlay";
-        readonly versionWrap: "immersive-landing__version-wrap";
-        readonly versionLabel: "immersive-landing__version-label";
-    };
-    readonly page: {
-        readonly base: "immersive-landing-page";
-        readonly active: "immersive-landing-page--active";
-        readonly inactive: "immersive-landing-page--inactive";
-        readonly content: "immersive-landing-page__content";
-    };
-    readonly arrows: {
-        readonly button: "immersive-landing-arrows__button";
-        readonly prev: "immersive-landing-arrows__button--prev";
-        readonly next: "immersive-landing-arrows__button--next";
-        readonly icon: "immersive-landing-arrows__icon";
-    };
-    readonly navigation: {
-        readonly base: "immersive-landing-navigation";
-        readonly shell: "immersive-landing-navigation__shell";
-        readonly row: "immersive-landing-navigation__row";
-        readonly mobileArrow: "immersive-landing-navigation__mobile-arrow";
-        readonly mobileArrowDisabled: "immersive-landing-navigation__mobile-arrow--disabled";
-        readonly dots: "immersive-landing-navigation__dots";
-        readonly dot: "immersive-landing-navigation__dot";
-        readonly dotActive: "immersive-landing-navigation__dot--active";
-        readonly counter: "immersive-landing-navigation__counter";
-        readonly icon: "immersive-landing-navigation__icon";
-    };
-    readonly pwaPrompt: {
-        readonly dialog: "immersive-landing-pwa";
-        readonly card: "immersive-landing-pwa__card";
-        readonly closeButton: "immersive-landing-pwa__close";
-        readonly body: "immersive-landing-pwa__body";
-        readonly media: "immersive-landing-pwa__media";
-        readonly appIconWrap: "immersive-landing-pwa__app-icon-wrap";
-        readonly appIcon: "immersive-landing-pwa__app-icon";
-        readonly textWrap: "immersive-landing-pwa__text-wrap";
-        readonly title: "immersive-landing-pwa__title";
-        readonly description: "immersive-landing-pwa__description";
-        readonly footer: "immersive-landing-pwa__footer";
-        readonly action: "immersive-landing-pwa__action";
-    };
-    readonly firefoxBanner: {
-        readonly dialog: "immersive-landing-firefox";
-        readonly card: "immersive-landing-firefox__card";
-        readonly closeButton: "immersive-landing-firefox__close";
-        readonly body: "immersive-landing-firefox__body";
-        readonly media: "immersive-landing-firefox__media";
-        readonly iconWrap: "immersive-landing-firefox__icon-wrap";
-        readonly browserIcon: "immersive-landing-firefox__browser-icon";
-        readonly textWrap: "immersive-landing-firefox__text-wrap";
-        readonly title: "immersive-landing-firefox__title";
-        readonly description: "immersive-landing-firefox__description";
-        readonly footer: "immersive-landing-firefox__footer";
-        readonly action: "immersive-landing-firefox__action";
-    };
-    readonly cookie: {
-        readonly banner: "immersive-landing-cookie";
-        readonly bannerClosing: "immersive-landing-cookie--closing";
-        readonly container: "immersive-landing-cookie__container";
-        readonly row: "immersive-landing-cookie__row";
-        readonly message: "immersive-landing-cookie__message";
-        readonly actions: "immersive-landing-cookie__actions";
-        readonly actionButton: "immersive-landing-cookie__action-button";
-        readonly manageButton: "immersive-landing-cookie__manage-button";
-        readonly modalBackdrop: "immersive-landing-cookie__modal-backdrop";
-        readonly modalCard: "immersive-landing-cookie__modal-card";
-        readonly modalHeader: "immersive-landing-cookie__modal-header";
-        readonly modalTitle: "immersive-landing-cookie__modal-title";
-        readonly preferences: "immersive-landing-cookie__preferences";
-        readonly preferenceRow: "immersive-landing-cookie__preference-row";
-        readonly preferenceRowLocked: "immersive-landing-cookie__preference-row--locked";
-        readonly preferenceLabel: "immersive-landing-cookie__preference-label";
-        readonly toggle: "immersive-landing-cookie__toggle";
-        readonly modalFooter: "immersive-landing-cookie__modal-footer";
-        readonly saveButton: "immersive-landing-cookie__save-button";
-    };
-};

package/dist/components/immersive-landing/ImmersiveLanding.classes.js

@@ -1,84 +0,0 @@
-const CLASSES = {
-    landing: {
-        base: "immersive-landing",
-        viewport: "immersive-landing__viewport",
-        pageLayer: "immersive-landing__page-layer",
-        overlay: "immersive-landing__overlay",
-        versionWrap: "immersive-landing__version-wrap",
-        versionLabel: "immersive-landing__version-label"
-    },
-    page: {
-        base: "immersive-landing-page",
-        active: "immersive-landing-page--active",
-        inactive: "immersive-landing-page--inactive",
-        content: "immersive-landing-page__content"
-    },
-    arrows: {
-        button: "immersive-landing-arrows__button",
-        prev: "immersive-landing-arrows__button--prev",
-        next: "immersive-landing-arrows__button--next",
-        icon: "immersive-landing-arrows__icon"
-    },
-    navigation: {
-        base: "immersive-landing-navigation",
-        shell: "immersive-landing-navigation__shell",
-        row: "immersive-landing-navigation__row",
-        mobileArrow: "immersive-landing-navigation__mobile-arrow",
-        mobileArrowDisabled: "immersive-landing-navigation__mobile-arrow--disabled",
-        dots: "immersive-landing-navigation__dots",
-        dot: "immersive-landing-navigation__dot",
-        dotActive: "immersive-landing-navigation__dot--active",
-        counter: "immersive-landing-navigation__counter",
-        icon: "immersive-landing-navigation__icon"
-    },
-    pwaPrompt: {
-        dialog: "immersive-landing-pwa",
-        card: "immersive-landing-pwa__card",
-        closeButton: "immersive-landing-pwa__close",
-        body: "immersive-landing-pwa__body",
-        media: "immersive-landing-pwa__media",
-        appIconWrap: "immersive-landing-pwa__app-icon-wrap",
-        appIcon: "immersive-landing-pwa__app-icon",
-        textWrap: "immersive-landing-pwa__text-wrap",
-        title: "immersive-landing-pwa__title",
-        description: "immersive-landing-pwa__description",
-        footer: "immersive-landing-pwa__footer",
-        action: "immersive-landing-pwa__action"
-    },
-    firefoxBanner: {
-        dialog: "immersive-landing-firefox",
-        card: "immersive-landing-firefox__card",
-        closeButton: "immersive-landing-firefox__close",
-        body: "immersive-landing-firefox__body",
-        media: "immersive-landing-firefox__media",
-        iconWrap: "immersive-landing-firefox__icon-wrap",
-        browserIcon: "immersive-landing-firefox__browser-icon",
-        textWrap: "immersive-landing-firefox__text-wrap",
-        title: "immersive-landing-firefox__title",
-        description: "immersive-landing-firefox__description",
-        footer: "immersive-landing-firefox__footer",
-        action: "immersive-landing-firefox__action"
-    },
-    cookie: {
-        banner: "immersive-landing-cookie",
-        bannerClosing: "immersive-landing-cookie--closing",
-        container: "immersive-landing-cookie__container",
-        row: "immersive-landing-cookie__row",
-        message: "immersive-landing-cookie__message",
-        actions: "immersive-landing-cookie__actions",
-        actionButton: "immersive-landing-cookie__action-button",
-        manageButton: "immersive-landing-cookie__manage-button",
-        modalBackdrop: "immersive-landing-cookie__modal-backdrop",
-        modalCard: "immersive-landing-cookie__modal-card",
-        modalHeader: "immersive-landing-cookie__modal-header",
-        modalTitle: "immersive-landing-cookie__modal-title",
-        preferences: "immersive-landing-cookie__preferences",
-        preferenceRow: "immersive-landing-cookie__preference-row",
-        preferenceRowLocked: "immersive-landing-cookie__preference-row--locked",
-        preferenceLabel: "immersive-landing-cookie__preference-label",
-        toggle: "immersive-landing-cookie__toggle",
-        modalFooter: "immersive-landing-cookie__modal-footer",
-        saveButton: "immersive-landing-cookie__save-button"
-    }
-};
-export { CLASSES };

package/dist/components/immersive-landing/ImmersiveLanding.d.ts

@@ -1,9 +0,0 @@
-import "./ImmersiveLanding.css";
-import { type Component } from "solid-js";
-import type { ImmersiveLandingProps } from "./types";
-declare const _default: Component<ImmersiveLandingProps> & {
-    Page: (props: import("./types").ImmersiveLandingPageProps) => import("solid-js").JSX.Element;
-    Arrows: (props: import("./types").ImmersiveLandingArrowsProps) => import("solid-js").JSX.Element;
-    Navigation: (props: import("./types").ImmersiveLandingNavigationProps) => import("solid-js").JSX.Element;
-};
-export default _default;