@pathscale/ui 1.3.1 → 1.4.0

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

@@ -0,0 +1,13 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Icon.css";
+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: __LayoutComponent<IconProps>;
+export declare const IconLayout: __LayoutComponent<IconProps>;
+export default Icon;

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

@@ -0,0 +1,39 @@
+import { mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./Icon.css";
+import { createMemo } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { icon } from "./Icon.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
+const __solidLayoutIcon = ({ slot, children }, p)=>{
+    const width = p.width ?? 24;
+    const height = p.height ?? 24;
+    const classes = createMemo(()=>twMerge(slot.root.class, p.name, p.class, p.className));
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>slot.root, ()=>({
+                class: classes()
+            }), {
+            get style () {
+                return {
+                    width: `${width}px`,
+                    height: `${height}px`,
+                    ..."object" == typeof p.style ? p.style : {}
+                };
+            },
+            get ["data-theme"] () {
+                return p.dataTheme;
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const Icon = defineComponent({
+    recipe: icon,
+    layout: __solidLayoutIcon,
+    embedded: true
+});
+const IconLayout = Icon;
+const Icon_generated = Icon;
+export default Icon_generated;
+export { IconLayout };

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

@@ -0,0 +1,17 @@
+export declare const CLASSES: {
+    readonly base: "icon";
+};
+export declare const icon: import("solid-layouts").Recipe<{
+    readonly component: "icon";
+    readonly element: "span";
+    readonly slots: {
+        readonly root: {
+            readonly base: "icon";
+        };
+    };
+    readonly props: {
+        readonly name: {};
+        readonly width: {};
+        readonly height: {};
+    };
+}>;

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

@@ -0,0 +1,31 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    base: "icon"
+};
+const icon = recipe({
+    component: "icon",
+    element: "span",
+    slots: {
+        root: {
+            base: "icon"
+        }
+    },
+    props: {
+        name: {},
+        width: {},
+        height: {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "icon",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 0
+        }
+    }
+});
+export { CLASSES, icon };

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

@@ -1 +1,2 @@
-export { default } from "./Icon";
+export { default } from "./Icon.generated";
+export type { IconProps } from "./Icon.generated";

package/dist/components/icon/index.js

@@ -1 +1 @@
-export { default } from "./Icon.js";
+export { default } from "./Icon.generated.js";

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

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

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

@@ -0,0 +1,242 @@
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./ImmersiveLanding.css";
+import { Show, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, componentRecipe } from "./ImmersiveLanding.recipe.js";
+import { useImmersiveLanding } from "./useImmersiveLanding.js";
+import { ImmersiveLandingContext } from "./ImmersiveLandingContext.js";
+import ImmersiveLandingPage_generated from "./ImmersiveLandingPage.generated.js";
+import ImmersiveLandingArrows_generated from "./ImmersiveLandingArrows.generated.js";
+import ImmersiveLandingNavigation_generated from "./ImmersiveLandingNavigation.generated.js";
+import { PWAInstallPrompt } from "./components/PWAInstallPrompt.js";
+import { FirefoxPWABanner } from "./components/FirefoxPWABanner.js";
+import { CookieConsent } from "./components/CookieConsent.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div><span>v"), _tmpl$3 = /*#__PURE__*/ template("<div>");
+const __solidLayoutImmersiveLanding = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "pages",
+        "initialPage",
+        "currentPage",
+        "transitionDuration",
+        "onNavigate",
+        "onNavigationComplete",
+        "enableScrollNavigation",
+        "showNavigation",
+        "showArrows",
+        "appVersion",
+        "overlay",
+        "children",
+        "class",
+        "className",
+        "style",
+        "pwaConfig",
+        "cookieConfig",
+        "firefoxPWAConfig",
+        "showPWAPrompt",
+        "showCookieConsent",
+        "showFirefoxBanner"
+    ]);
+    const navigation = useImmersiveLanding({
+        pages: local.pages,
+        initialPage: local.initialPage,
+        currentPage: local.currentPage,
+        transitionDuration: local.transitionDuration,
+        onNavigate: local.onNavigate,
+        onNavigationComplete: local.onNavigationComplete,
+        enableScrollNavigation: local.enableScrollNavigation
+    });
+    const contextValue = {
+        activePage: navigation.activePage,
+        navigateTo: navigation.navigateTo,
+        goNext: navigation.goNext,
+        goPrev: navigation.goPrev,
+        currentIndex: navigation.currentIndex,
+        totalPages: local.pages.length,
+        isFirstPage: navigation.isFirstPage,
+        isLastPage: navigation.isLastPage,
+        direction: navigation.direction,
+        transitionDuration: navigation.transitionDuration,
+        pages: local.pages,
+        appVersion: local.appVersion
+    };
+    const showNav = ()=>false !== local.showNavigation;
+    const showArrowNav = ()=>false !== local.showArrows;
+    const classes = ()=>twMerge(CLASSES.landing.base, local.class, local.className);
+    const renderChildren = ()=>"function" == typeof local.children ? local.children(contextValue) : local.children;
+    const renderOverlay = ()=>"function" == typeof local.overlay ? local.overlay(contextValue) : local.overlay;
+    return createComponent(ImmersiveLandingContext.Provider, {
+        value: contextValue,
+        get children () {
+            return [
+                (()=>{
+                    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+                    spread(_el$, mergeProps(()=>({
+                            class: classes()
+                        }), {
+                        get style () {
+                            return local.style;
+                        }
+                    }, others), false, true);
+                    spread(_el$2, mergeProps(()=>({
+                            class: CLASSES.landing.viewport
+                        })), false, true);
+                    spread(_el$3, mergeProps(()=>({
+                            class: CLASSES.landing.pageLayer
+                        })), false, true);
+                    insert(_el$3, renderChildren);
+                    return _el$;
+                })(),
+                createComponent(Show, {
+                    get when () {
+                        return local.overlay || local.appVersion;
+                    },
+                    get children () {
+                        var _el$4 = _tmpl$3();
+                        spread(_el$4, mergeProps(()=>({
+                                class: CLASSES.landing.overlay
+                            })), false, true);
+                        insert(_el$4, renderOverlay, null);
+                        insert(_el$4, createComponent(Show, {
+                            get when () {
+                                return local.appVersion;
+                            },
+                            get children () {
+                                var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
+                                _el$6.firstChild;
+                                spread(_el$5, mergeProps(()=>({
+                                        class: CLASSES.landing.versionWrap
+                                    }), {
+                                    "aria-hidden": "true"
+                                }), false, true);
+                                spread(_el$6, mergeProps(()=>({
+                                        class: CLASSES.landing.versionLabel
+                                    })), false, true);
+                                insert(_el$6, ()=>local.appVersion, null);
+                                return _el$5;
+                            }
+                        }), null);
+                        return _el$4;
+                    }
+                }),
+                memo(()=>memo(()=>!!showArrowNav())() && createComponent(ImmersiveLandingArrows_generated, {
+                        get onPrev () {
+                            return navigation.goPrev;
+                        },
+                        get onNext () {
+                            return navigation.goNext;
+                        },
+                        get isFirstPage () {
+                            return navigation.isFirstPage();
+                        },
+                        get isLastPage () {
+                            return navigation.isLastPage();
+                        }
+                    })),
+                memo(()=>memo(()=>!!showNav())() && createComponent(ImmersiveLandingNavigation_generated, {
+                        get pages () {
+                            return local.pages;
+                        },
+                        get currentPageIndex () {
+                            return navigation.currentIndex();
+                        },
+                        get onPageDotClick () {
+                            return navigation.navigateTo;
+                        },
+                        get onPrev () {
+                            return navigation.goPrev;
+                        },
+                        get onNext () {
+                            return navigation.goNext;
+                        },
+                        get isFirstPage () {
+                            return navigation.isFirstPage();
+                        },
+                        get isLastPage () {
+                            return navigation.isLastPage();
+                        }
+                    })),
+                createComponent(Show, {
+                    get when () {
+                        return local.showPWAPrompt;
+                    },
+                    get children () {
+                        return createComponent(PWAInstallPrompt, {
+                            get appName () {
+                                return local.pwaConfig?.appName;
+                            },
+                            get appIcon () {
+                                return local.pwaConfig?.appIcon;
+                            },
+                            get storageKey () {
+                                return local.pwaConfig?.storageKey ?? "app_pwa_dismissed";
+                            },
+                            get texts () {
+                                return local.pwaConfig?.texts;
+                            },
+                            get onInstall () {
+                                return local.pwaConfig?.onInstall;
+                            },
+                            get onDismiss () {
+                                return local.pwaConfig?.onDismiss;
+                            }
+                        });
+                    }
+                }),
+                createComponent(Show, {
+                    get when () {
+                        return local.showFirefoxBanner;
+                    },
+                    get children () {
+                        return createComponent(FirefoxPWABanner, {
+                            get extensionUrl () {
+                                return local.firefoxPWAConfig?.extensionUrl;
+                            },
+                            get storageKey () {
+                                return local.firefoxPWAConfig?.storageKey ?? "app_firefox_pwa_dismissed";
+                            },
+                            get texts () {
+                                return local.firefoxPWAConfig?.texts;
+                            },
+                            get onInstall () {
+                                return local.firefoxPWAConfig?.onInstall;
+                            },
+                            get onDismiss () {
+                                return local.firefoxPWAConfig?.onDismiss;
+                            }
+                        });
+                    }
+                }),
+                createComponent(Show, {
+                    get when () {
+                        return local.showCookieConsent;
+                    },
+                    get children () {
+                        return createComponent(CookieConsent, {
+                            get storageKeys () {
+                                return local.cookieConfig?.storageKeys;
+                            },
+                            get texts () {
+                                return local.cookieConfig?.texts;
+                            },
+                            get onConsentChange () {
+                                return local.cookieConfig?.onConsentChange;
+                            }
+                        });
+                    }
+                })
+            ];
+        }
+    });
+};
+const ImmersiveLanding = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutImmersiveLanding,
+    embedded: true
+});
+const ImmersiveLanding_generated = Object.assign(ImmersiveLanding, {
+    Page: ImmersiveLandingPage_generated,
+    Arrows: ImmersiveLandingArrows_generated,
+    Navigation: ImmersiveLandingNavigation_generated
+});
+export default ImmersiveLanding_generated;

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

@@ -0,0 +1,89 @@
+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";
+    };
+};
+export declare const componentRecipe: import("solid-layouts").Recipe<{
+    readonly component: "immersive-landing";
+    readonly slots: {
+        readonly root: {};
+    };
+}>;

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

@@ -0,0 +1,103 @@
+import { recipe } from "../../lib/layouts/index.js";
+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"
+    }
+};
+const componentRecipe = recipe({
+    component: "immersive-landing",
+    slots: {
+        root: {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 0
+        }
+    }
+});
+export { CLASSES, componentRecipe };

package/dist/components/immersive-landing/ImmersiveLandingArrows.generated.d.ts

@@ -0,0 +1,4 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import type { ImmersiveLandingArrowsProps } from "./types";
+declare const ImmersiveLandingArrows: __LayoutComponent<ImmersiveLandingArrowsProps>;
+export default ImmersiveLandingArrows;

package/dist/components/immersive-landing/ImmersiveLandingArrows.generated.js

@@ -0,0 +1,80 @@
+import { createComponent, delegateEvents, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { Show, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, componentRecipe } from "./ImmersiveLanding.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template('<button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7">'), _tmpl$2 = /*#__PURE__*/ template('<button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">');
+const __solidLayoutImmersiveLandingArrows = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "onPrev",
+        "onNext",
+        "isFirstPage",
+        "isLastPage",
+        "class",
+        "className"
+    ]);
+    const handleNext = ()=>{
+        if (local.onNext) local.onNext();
+    };
+    const handlePrev = ()=>{
+        if (local.onPrev) local.onPrev();
+    };
+    return [
+        createComponent(Show, {
+            get when () {
+                return !local.isFirstPage;
+            },
+            get children () {
+                var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+                _el$.$$click = handlePrev;
+                spread(_el$, mergeProps(()=>({
+                        class: twMerge(CLASSES.arrows.button, CLASSES.arrows.prev, local.class, local.className)
+                    }), {
+                    "aria-label": "Previous page"
+                }, others), false, true);
+                spread(_el$2, mergeProps(()=>({
+                        class: CLASSES.arrows.icon
+                    }), {
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                }), true, true);
+                return _el$;
+            }
+        }),
+        createComponent(Show, {
+            get when () {
+                return !local.isLastPage;
+            },
+            get children () {
+                var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+                _el$3.$$click = handleNext;
+                spread(_el$3, mergeProps(()=>({
+                        class: twMerge(CLASSES.arrows.button, CLASSES.arrows.next, local.class, local.className)
+                    }), {
+                    "aria-label": "Next page"
+                }, others), false, true);
+                spread(_el$4, mergeProps(()=>({
+                        class: CLASSES.arrows.icon
+                    }), {
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                }), true, true);
+                return _el$3;
+            }
+        })
+    ];
+};
+const ImmersiveLandingArrows = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutImmersiveLandingArrows,
+    embedded: true
+});
+const ImmersiveLandingArrows_generated = ImmersiveLandingArrows;
+delegateEvents([
+    "click"
+]);
+export default ImmersiveLandingArrows_generated;

package/dist/components/immersive-landing/ImmersiveLandingNavigation.generated.d.ts

@@ -0,0 +1,4 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import type { ImmersiveLandingNavigationProps } from "./types";
+declare const ImmersiveLandingNavigation: __LayoutComponent<ImmersiveLandingNavigationProps>;
+export default ImmersiveLandingNavigation;