@pathscale/ui 0.1.1 → 1.2.0

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,204 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Tooltip.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=tooltip-root>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=tooltip-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const TooltipContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const useTooltipContext = ()=>{
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TooltipContext);
+    if (!ctx) throw new Error("Tooltip compound components must be used within <Tooltip>");
+    return ctx;
+};
+const TooltipRoot = (props)=>{
+    const [local, _others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "placement",
+        "showArrow",
+        "delay",
+        "closeDelay",
+        "isOpen",
+        "defaultOpen",
+        "onOpenChange",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
+    const [triggerRef, setTriggerRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
+    const isControlled = ()=>void 0 !== local.isOpen;
+    const isOpen = ()=>isControlled() ? Boolean(local.isOpen) : internalOpen();
+    const setIsOpen = (v)=>{
+        if (!isControlled()) setInternalOpen(v);
+        local.onOpenChange?.(v);
+    };
+    const ctx = {
+        isOpen,
+        setIsOpen,
+        placement: ()=>local.placement ?? "top",
+        showArrow: ()=>Boolean(local.showArrow),
+        triggerRef,
+        setTriggerRef
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TooltipContext.Provider, {
+        value: ctx,
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip", local.class, local.className), _v$2 = local.dataTheme, _v$3 = local.style;
+                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
+                _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
+                _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$3, _p$.a);
+                return _p$;
+            }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+            });
+            return _el$;
+        }
+    });
+};
+const TooltipTrigger = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "onMouseEnter",
+        "onMouseLeave",
+        "onFocusIn",
+        "onFocusOut"
+    ]);
+    const ctx = useTooltipContext();
+    let delayTimer;
+    let closeTimer;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        clearTimeout(delayTimer);
+        clearTimeout(closeTimer);
+    });
+    const handleMouseEnter = (e)=>{
+        clearTimeout(closeTimer);
+        ctx.setIsOpen(true);
+        if ("function" == typeof local.onMouseEnter) local.onMouseEnter(e);
+    };
+    const handleMouseLeave = (e)=>{
+        closeTimer = setTimeout(()=>ctx.setIsOpen(false), 100);
+        if ("function" == typeof local.onMouseLeave) local.onMouseLeave(e);
+    };
+    const handleFocusIn = (e)=>{
+        clearTimeout(closeTimer);
+        ctx.setIsOpen(true);
+        if ("function" == typeof local.onFocusIn) local.onFocusIn(e);
+    };
+    const handleFocusOut = (e)=>{
+        ctx.setIsOpen(false);
+        if ("function" == typeof local.onFocusOut) local.onFocusOut(e);
+    };
+    return (()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setTriggerRef(el), _el$2);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__trigger", local.class, local.className);
+            },
+            "data-slot": "tooltip-trigger",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+            onFocusIn: handleFocusIn,
+            onFocusOut: handleFocusOut
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$2;
+    })();
+};
+const TooltipContent = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const ctx = useTooltipContext();
+    return (()=>{
+        var _el$3 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            role: "tooltip",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__content", local.class, local.className);
+            },
+            "data-slot": "tooltip-content",
+            get ["data-placement"] () {
+                return ctx.placement();
+            },
+            get ["data-open"] () {
+                return ctx.isOpen() ? "true" : "false";
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        return _el$3;
+    })();
+};
+const TooltipArrow = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const ctx = useTooltipContext();
+    const defaultArrow = _tmpl$3();
+    return (()=>{
+        var _el$5 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__arrow", local.class, local.className);
+            },
+            "data-slot": "tooltip-arrow",
+            get ["data-placement"] () {
+                return ctx.placement();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            "aria-hidden": "true"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.children;
+            },
+            fallback: defaultArrow,
+            get children () {
+                return local.children;
+            }
+        }));
+        return _el$5;
+    })();
+};
+const Tooltip_Tooltip = Object.assign(TooltipRoot, {
+    Root: TooltipRoot,
+    Trigger: TooltipTrigger,
+    Content: TooltipContent,
+    Arrow: TooltipArrow
+});
+const Tooltip = Tooltip_Tooltip;
+export { TooltipArrow, TooltipContent, TooltipRoot, TooltipTrigger, Tooltip as default };

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

@@ -1 +1 @@
-export { default } from "./Tooltip";
+export { default, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, type TooltipPlacement, type TooltipRootProps, type TooltipTriggerProps, type TooltipContentProps, type TooltipArrowProps, } from "./Tooltip";

package/dist/components/tooltip/index.js

@@ -0,0 +1,7 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Tooltip_js_5e198f9c__ from "./Tooltip.js";
+var __webpack_exports__TooltipArrow = __WEBPACK_EXTERNAL_MODULE__Tooltip_js_5e198f9c__.TooltipArrow;
+var __webpack_exports__TooltipContent = __WEBPACK_EXTERNAL_MODULE__Tooltip_js_5e198f9c__.TooltipContent;
+var __webpack_exports__TooltipRoot = __WEBPACK_EXTERNAL_MODULE__Tooltip_js_5e198f9c__.TooltipRoot;
+var __webpack_exports__TooltipTrigger = __WEBPACK_EXTERNAL_MODULE__Tooltip_js_5e198f9c__.TooltipTrigger;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Tooltip_js_5e198f9c__["default"];
+export { __webpack_exports__TooltipArrow as TooltipArrow, __webpack_exports__TooltipContent as TooltipContent, __webpack_exports__TooltipRoot as TooltipRoot, __webpack_exports__TooltipTrigger as TooltipTrigger, __webpack_exports__default as default };

package/dist/components/types.js

@@ -0,0 +1,8 @@
+const breakpoints = [
+    "base",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+export { breakpoints };

package/dist/components/utils.js

@@ -0,0 +1,46 @@
+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__types_js_7eec16d2__ from "./types.js";
+function isJSXElement(node) {
+    return "object" == typeof node && null !== node;
+}
+function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
+    null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
+        component: wrapper,
+        class: className,
+        children: node
+    });
+}
+function mapResponsiveProp(prop, classMap) {
+    if (void 0 === prop) return [];
+    if ("string" == typeof prop || "boolean" == typeof prop) return [
+        classMap[String(prop)]
+    ];
+    return __WEBPACK_EXTERNAL_MODULE__types_js_7eec16d2__.breakpoints.flatMap((bp)=>{
+        const value = prop[bp];
+        if (void 0 === value) return [];
+        const className = classMap[String(value)];
+        return "base" === bp ? [
+            className
+        ] : [
+            `${bp}:${className}`
+        ];
+    });
+}
+function useDesktop(breakpoint = 1024) {
+    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const checkIfDesktop = ()=>{
+        const width = window.innerWidth;
+        setIsDesktop(width >= breakpoint);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        checkIfDesktop();
+        window.addEventListener("resize", checkIfDesktop);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        window.removeEventListener("resize", checkIfDesktop);
+    });
+    return isDesktop;
+}
+export { mapResponsiveProp, useDesktop, wrapWithElementIfInvalid };

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

@@ -0,0 +1,21 @@
+import { type Accessor, type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type VideoPreviewBaseProps = {
+    /**
+     * Reactive accessor for the MediaStream to display
+     */
+    stream: Accessor<MediaStream | null>;
+    /**
+     * Whether the video should be muted
+     * @default true
+     */
+    muted?: boolean;
+    /**
+     * Whether to mirror the video (applies scaleX(-1))
+     * @default false
+     */
+    mirror?: boolean;
+};
+export type VideoPreviewProps = VideoPreviewBaseProps & IComponentBaseProps & Omit<JSX.VideoHTMLAttributes<HTMLVideoElement>, keyof VideoPreviewBaseProps>;
+export declare const VideoPreview: Component<VideoPreviewProps>;
+export default VideoPreview;

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

@@ -0,0 +1,55 @@
+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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<video>");
+const VideoPreview = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "stream",
+        "muted",
+        "mirror",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const muted = ()=>local.muted ?? true;
+    const mirror = ()=>local.mirror ?? false;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return local.stream();
+        },
+        children: (stream)=>{
+            let videoRef;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+                videoRef.srcObject = stream();
+            });
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+                videoRef.srcObject = null;
+            });
+            return (()=>{
+                var _el$ = _tmpl$();
+                var _ref$ = videoRef;
+                "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : videoRef = _el$;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                    autoplay: true,
+                    playsinline: true,
+                    get muted () {
+                        return muted();
+                    },
+                    get ["data-theme"] () {
+                        return local.dataTheme;
+                    },
+                    get ["class"] () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(mirror() && "-scale-x-100", local.class, local.className);
+                    },
+                    get style () {
+                        return local.style;
+                    }
+                }), false, false);
+                return _el$;
+            })();
+        }
+    });
+};
+const video_preview_VideoPreview = VideoPreview;
+export { VideoPreview, video_preview_VideoPreview as default };

package/dist/components/video-preview/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VideoPreview } from "./VideoPreview";
+export type { VideoPreviewProps } from "./VideoPreview";

package/dist/components/video-preview/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__VideoPreview_js_8a695d89__ from "./VideoPreview.js";
+var __webpack_exports__VideoPreview = __WEBPACK_EXTERNAL_MODULE__VideoPreview_js_8a695d89__["default"];
+export { __webpack_exports__VideoPreview as VideoPreview };

package/dist/components/windowmockup/WindowMockup.js

@@ -0,0 +1,85 @@
+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_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
+const WindowMockup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "border",
+        "borderColor",
+        "backgroundColor",
+        "frameColor"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const borderColorValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.borderColor || local.frameColor || "neutral");
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "border-neutral": "neutral" === borderColorValue(),
+            "border-primary": "primary" === borderColorValue(),
+            "border-secondary": "secondary" === borderColorValue(),
+            "border-accent": "accent" === borderColorValue(),
+            "border-info": "info" === borderColorValue(),
+            "border-success": "success" === borderColorValue(),
+            "border-warning": "warning" === borderColorValue(),
+            "border-error": "error" === borderColorValue(),
+            "bg-neutral": "neutral" === local.frameColor,
+            "bg-primary": "primary" === local.frameColor,
+            "bg-secondary": "secondary" === local.frameColor,
+            "bg-accent": "accent" === local.frameColor,
+            "bg-info": "info" === local.frameColor,
+            "bg-success": "success" === local.frameColor,
+            "bg-warning": "warning" === local.frameColor,
+            "bg-error": "error" === local.frameColor
+        })));
+    const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "bg-neutral": "neutral" === local.backgroundColor,
+            "bg-primary": "primary" === local.backgroundColor,
+            "bg-secondary": "secondary" === local.backgroundColor,
+            "bg-accent": "accent" === local.backgroundColor,
+            "bg-info": "info" === local.backgroundColor,
+            "bg-success": "success" === local.backgroundColor,
+            "bg-warning": "warning" === local.backgroundColor,
+            "bg-error": "error" === local.backgroundColor
+        })));
+    const innerElement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const childrenArray = Array.isArray(resolvedChildren()) ? resolvedChildren() : [
+            resolvedChildren()
+        ];
+        const firstChild = childrenArray[0];
+        if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
+            const existingClass = firstChild.props?.class || firstChild.props?.className || "";
+            const mergedClass = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(innerClasses(), existingClass);
+            return {
+                ...firstChild,
+                props: {
+                    ...firstChild.props,
+                    class: mergedClass
+                }
+            };
+        }
+        return (()=>{
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, innerClasses()));
+            return _el$;
+        })();
+    });
+    return (()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, innerElement);
+        return _el$2;
+    })();
+};
+const windowmockup_WindowMockup = WindowMockup;
+export { windowmockup_WindowMockup as default };

package/dist/components/windowmockup/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__WindowMockup_js_be933e27__ from "./WindowMockup.js";
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__WindowMockup_js_be933e27__["default"];
+export { __webpack_exports__default as default };

package/dist/index.css

@@ -0,0 +1,75 @@
+@import "./styles/base/index.css";
+@import "./styles/themes/dark.css";
+@import "./styles/themes/light.css";
+@import "./components/sidenav/Sidenav.css";
+@import "./styles/icons/generated-icons.css";
+
+@theme {
+  --color-light: var(--color-zinc-100);
+  --color-dark: var(--color-zinc-900);
+
+  /* Base colors */
+  --color-primary: var(--color-primary);
+  --color-primary-content: var(--color-primary-content);
+  --color-secondary: var(--color-secondary);
+  --color-secondary-content: var(--color-secondary-content);
+  --color-accent: var(--color-accent);
+  --color-accent-content: var(--color-accent-content);
+  --color-accent-foreground: var(--color-accent-foreground);
+  --color-accent-soft: var(--color-accent-soft);
+  --color-accent-soft-foreground: var(--color-accent-soft-foreground);
+  --color-accent-soft-hover: var(--color-accent-soft-hover);
+  --color-accent-hover: var(--color-accent-hover);
+  --color-neutral: var(--color-neutral);
+  --color-neutral-content: var(--color-neutral-content);
+
+  /* Semantic colors */
+  --color-info: var(--color-info);
+  --color-info-content: var(--color-info-content);
+  --color-success: var(--color-success);
+  --color-success-content: var(--color-success-content);
+  --color-success-foreground: var(--color-success-foreground);
+  --color-success-soft: var(--color-success-soft);
+  --color-success-soft-foreground: var(--color-success-soft-foreground);
+  --color-warning: var(--color-warning);
+  --color-warning-content: var(--color-warning-content);
+  --color-warning-foreground: var(--color-warning-foreground);
+  --color-warning-soft: var(--color-warning-soft);
+  --color-warning-soft-foreground: var(--color-warning-soft-foreground);
+  --color-error: var(--color-error);
+  --color-error-content: var(--color-error-content);
+  --color-danger: var(--color-danger);
+  --color-danger-foreground: var(--color-danger-foreground);
+  --color-danger-soft: var(--color-danger-soft);
+  --color-danger-soft-foreground: var(--color-danger-soft-foreground);
+
+  /* HeroUI generic tokens */
+  --color-default: var(--color-default);
+  --color-default-foreground: var(--color-default-foreground);
+  --color-default-hover: var(--color-default-hover);
+  --color-background: var(--color-background);
+  --color-foreground: var(--color-foreground);
+
+  /* Base background colors */
+  --color-base-100: var(--color-base-100);
+  --color-base-200: var(--color-base-200);
+  --color-base-300: var(--color-base-300);
+  --color-base-content: var(--color-base-content);
+
+  /* Legacy support */
+  --color-bg-body: var(--color-base-100);
+  --color-bg-primary: var(--color-base-200);
+  --color-bg-secondary: var(--color-base-300);
+  --color-bg-tertiary: var(--color-neutral);
+  --color-bg-accent: var(--color-accent);
+  --color-bg-positive: var(--color-success);
+  --color-bg-destructive: var(--color-error);
+
+  --color-fg-body: var(--color-base-content);
+  --color-fg-primary: var(--color-base-content);
+  --color-fg-secondary: var(--color-neutral-content);
+  --color-fg-tertiary: var(--color-neutral-content);
+  --color-fg-accent: var(--color-accent-content);
+  --color-fg-positive: var(--color-success-content);
+  --color-fg-destructive: var(--color-error-content);
+}