@pathscale/ui 0.0.163 → 0.0.165

package/dist/motion/presets.js

@@ -1,203 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
-import * as __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__ from "./tokens.js";
-const createMotionPresets = (tokens)=>{
-    const durations = tokens.durations;
-    const easings = tokens.easings;
-    const distances = tokens.distances;
-    return {
-        route: {
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: 1
-            },
-            exit: {
-                opacity: 0
-            },
-            transition: {
-                duration: durations.route,
-                easing: easings.out
-            }
-        },
-        routeAuth: {
-            initial: {
-                opacity: 0,
-                x: distances.slideIn
-            },
-            animate: {
-                opacity: 1,
-                x: 0
-            },
-            exit: {
-                opacity: 0,
-                x: -distances.slideIn
-            },
-            transition: {
-                duration: durations.routeAuth,
-                easing: easings.inOut
-            }
-        },
-        routeAuthBack: {
-            initial: {
-                opacity: 0,
-                x: -distances.slideIn
-            },
-            animate: {
-                opacity: 1,
-                x: 0
-            },
-            exit: {
-                opacity: 0,
-                x: distances.slideIn
-            },
-            transition: {
-                duration: durations.routeAuth,
-                easing: easings.inOut
-            }
-        },
-        authSwap: {
-            initial: {
-                opacity: 0.92
-            },
-            animate: {
-                opacity: 1
-            },
-            exit: {
-                opacity: 0.92
-            },
-            transition: {
-                duration: durations.fast,
-                easing: easings.out
-            }
-        },
-        fade: {
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: 1
-            },
-            exit: {
-                opacity: 0
-            },
-            transition: {
-                duration: durations.base,
-                easing: easings.out,
-                delay: 0.08
-            }
-        },
-        fadeUp: {
-            initial: {
-                opacity: 0,
-                y: distances.sm
-            },
-            animate: {
-                opacity: 1,
-                y: 0
-            },
-            exit: {
-                opacity: 0,
-                y: -distances.sm
-            },
-            transition: {
-                duration: durations.base,
-                easing: easings.out,
-                delay: 0.08
-            }
-        },
-        scaleIn: {
-            initial: {
-                opacity: 0,
-                scale: 0.96
-            },
-            animate: {
-                opacity: 1,
-                scale: 1
-            },
-            exit: {
-                opacity: 0,
-                scale: 0.96
-            },
-            transition: {
-                duration: durations.fast,
-                easing: easings.out,
-                delay: 0.08
-            }
-        },
-        toast: {
-            initial: {
-                opacity: 0,
-                y: distances.sm
-            },
-            animate: {
-                opacity: 1,
-                y: 0
-            },
-            exit: {
-                opacity: 0,
-                y: -distances.sm
-            },
-            transition: {
-                duration: durations.fast,
-                easing: easings.out
-            }
-        },
-        routeDashboard: {
-            initial: {
-                opacity: 0,
-                y: distances.md,
-                scale: 0.985
-            },
-            animate: {
-                opacity: 1,
-                y: 0,
-                scale: 1
-            },
-            exit: {
-                opacity: 0,
-                y: -distances.sm,
-                scale: 0.985
-            },
-            transition: {
-                duration: durations.route,
-                easing: easings.out
-            }
-        }
-    };
-};
-const motionPresets = createMotionPresets(__WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens);
-const routeTransition = motionPresets.route;
-const noMotion = {
-    initial: {
-        opacity: 1,
-        y: 0,
-        x: 0,
-        scale: 1
-    },
-    animate: {
-        opacity: 1,
-        y: 0,
-        x: 0,
-        scale: 1
-    },
-    exit: {
-        opacity: 1,
-        y: 0,
-        x: 0,
-        scale: 1
-    },
-    transition: {
-        duration: 0
-    }
-};
-const getPreset = (name)=>motionPresets[name];
-const registerPreset = (name, preset)=>{
-    motionPresets[name] = preset;
-};
-const resolvePreset = (name, options)=>{
-    const reduce = options?.reduceMotion ?? (0, __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion)();
-    if (reduce) return noMotion;
-    return motionPresets[name] ?? noMotion;
-};
-export { createMotionPresets, getPreset, motionPresets, noMotion, registerPreset, resolvePreset, routeTransition };

package/dist/motion/reduced-motion.js

@@ -1,2 +0,0 @@
-const prefersReducedMotion = ()=>globalThis.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? false;
-export { prefersReducedMotion };

package/dist/motion/route.js

@@ -1,24 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
-import * as __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__ from "./presets.js";
-const createRouteTransitionResolver = (options)=>{
-    const resolvePreset = options.resolvePreset ?? ((name)=>__WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.motionPresets[name]);
-    const reduceMotion = options.reduceMotion ?? __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
-    const fallback = options.fallback ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.routeTransition;
-    const reduceMotionPreset = options.reduceMotionPreset ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
-    return (from, to)=>{
-        if (reduceMotion()) return reduceMotionPreset;
-        for (const rule of options.rules){
-            const result = rule(from, to);
-            if (result) {
-                if ("string" == typeof result) {
-                    const resolved = resolvePreset(result);
-                    if (resolved) return resolved;
-                    continue;
-                }
-                return result;
-            }
-        }
-        return fallback ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
-    };
-};
-export { createRouteTransitionResolver };

package/dist/motion/solid/MotionDiv.js

@@ -1,76 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__ from "../engine.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const MotionDiv_MotionDiv = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "initial",
-        "animate",
-        "exit",
-        "transition",
-        "isExiting",
-        "onExitComplete",
-        "animateKey",
-        "children",
-        "ref"
-    ]);
-    const [elementRef, setElementRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
-    let activeControl = null;
-    let lastTrigger;
-    let lastIsExiting = false;
-    let hasAnimated = false;
-    const stopActive = ()=>{
-        activeControl?.stop();
-        activeControl = null;
-    };
-    const runEnter = (target, from, to, transition)=>{
-        if (!to) return;
-        stopActive();
-        activeControl = (0, __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__.runMotion)(target, from ?? {}, to ?? {}, transition);
-    };
-    const runExit = (target, from, to, transition, onComplete)=>{
-        if (!to) return void onComplete?.();
-        stopActive();
-        activeControl = (0, __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__.runMotion)(target, from ?? {}, to ?? {}, transition, onComplete);
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const target = elementRef();
-        if (!target) return;
-        const isExiting = Boolean(local.isExiting);
-        const trigger = local.animateKey;
-        const initial = local.initial;
-        const animate = local.animate;
-        const exit = local.exit;
-        const transition = local.transition;
-        const onComplete = local.onExitComplete;
-        if (isExiting) {
-            if (!lastIsExiting) {
-                lastIsExiting = true;
-                hasAnimated = false;
-                runExit(target, animate ?? initial, exit, transition, onComplete);
-            }
-            return;
-        }
-        lastIsExiting = false;
-        if (!hasAnimated || trigger !== lastTrigger) {
-            lastTrigger = trigger;
-            hasAnimated = true;
-            runEnter(target, initial, animate, transition);
-        }
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-        stopActive();
-    });
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
-            setElementRef(el);
-            if ("function" == typeof local.ref) local.ref(el);
-        }, _el$);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const MotionDiv = MotionDiv_MotionDiv;
-export { MotionDiv_MotionDiv as MotionDiv, MotionDiv as default };

package/dist/motion/solid/index.js

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

package/dist/motion/system.js

@@ -1,59 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
-import * as __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__ from "./presets.js";
-import * as __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__ from "./tokens.js";
-const createMotionSystem = (config)=>{
-    let tokens = (0, __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens)(__WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens, config?.tokens);
-    let customPresets = {
-        ...config?.presets ?? {}
-    };
-    let basePresets = (0, __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets)(tokens);
-    let presets = {
-        ...basePresets,
-        ...customPresets
-    };
-    const reduceMotion = config?.reduceMotion ?? __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
-    let noMotionPreset = config?.noMotionPreset ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
-    const rebuildPresets = ()=>{
-        basePresets = (0, __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets)(tokens);
-        presets = {
-            ...basePresets,
-            ...customPresets
-        };
-    };
-    const getTokens = ()=>tokens;
-    const getPresets = ()=>presets;
-    const getPreset = (name)=>presets[name];
-    const registerPreset = (name, preset)=>{
-        customPresets = {
-            ...customPresets,
-            [name]: preset
-        };
-        presets = {
-            ...basePresets,
-            ...customPresets
-        };
-    };
-    const overrideTokens = (overrides)=>{
-        tokens = (0, __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens)(tokens, overrides);
-        rebuildPresets();
-        return tokens;
-    };
-    const resolvePreset = (name, options)=>{
-        const reduce = options?.reduceMotion ?? reduceMotion();
-        if (reduce) return noMotionPreset;
-        return presets[name] ?? noMotionPreset;
-    };
-    const setNoMotionPreset = (preset)=>{
-        noMotionPreset = preset;
-    };
-    return {
-        getTokens,
-        getPresets,
-        getPreset,
-        registerPreset,
-        overrideTokens,
-        resolvePreset,
-        setNoMotionPreset
-    };
-};
-export { createMotionSystem };

package/dist/motion/tokens.js

@@ -1,42 +0,0 @@
-const motionDurations = {
-    route: 0.18,
-    routeAuth: 0.35,
-    fast: 0.2,
-    base: 0.3,
-    slow: 0.45
-};
-const motionEasings = {
-    out: "ease-out",
-    inOut: "ease-in-out"
-};
-const motionDistances = {
-    sm: 6,
-    md: 12,
-    lg: 20,
-    slideIn: 40
-};
-const defaultMotionTokens = {
-    durations: {
-        ...motionDurations
-    },
-    easings: {
-        ...motionEasings
-    },
-    distances: {
-        ...motionDistances
-    }
-};
-const mergeDefined = (base, overrides)=>{
-    const next = {
-        ...base
-    };
-    if (!overrides) return next;
-    for (const [key, value] of Object.entries(overrides))if (void 0 !== value) next[key] = value;
-    return next;
-};
-const mergeMotionTokens = (base, overrides)=>({
-        durations: mergeDefined(base.durations, overrides?.durations),
-        easings: mergeDefined(base.easings, overrides?.easings),
-        distances: mergeDefined(base.distances, overrides?.distances)
-    });
-export { defaultMotionTokens, mergeMotionTokens, motionDistances, motionDurations, motionEasings };

package/dist/navbar/navbar.css

@@ -1,33 +0,0 @@
-@layer components {
-  .navbar {
-      display: flex;
-      width: 100%;
-      align-items: center;
-      padding: 0.5rem;
-      min-height: 4rem;
-    }
-
-  :where(.navbar) {
-      position: relative;
-    }
-
-  .navbar-end {
-      display: inline-flex;
-      align-items: center;
-      width: 50%;
-      justify-content: flex-end;
-    }
-
-  .navbar-start {
-      display: inline-flex;
-      align-items: center;
-      width: 50%;
-      justify-content: flex-start;
-    }
-
-  .navbar-center {
-      display: inline-flex;
-      align-items: center;
-      flex-shrink: 0;
-    }
-}

package/dist/progress/progress.css

@@ -1,94 +0,0 @@
-@layer components {
-  .progress {
-      position: relative;
-      height: calc(0.25rem * 2);
-      width: 100%;
-      appearance: none;
-      overflow: hidden;
-      border-radius: var(--radius-box);
-      background-color: currentcolor;
-      color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .progress {
-      background-color: color-mix(in oklab, currentcolor 20%, transparent);
-    }
-    }
-
-  .progress:indeterminate {
-      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
-      background-size: 200%;
-      background-position-x: 15%;
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .progress:indeterminate {
-      animation: progress 5s ease-in-out infinite;
-    }
-    }
-
-  @supports (-moz-appearance: none) {
-    .progress:indeterminate::-moz-progress-bar {
-      background-color: transparent;
-    }
-    @media (prefers-reduced-motion: no-preference) {
-    .progress:indeterminate::-moz-progress-bar {
-      animation: progress 5s ease-in-out infinite;
-      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
-      background-size: 200%;
-      background-position-x: 15%;
-    }
-    }
-    }
-
-  @supports (-moz-appearance: none) {
-    .progress::-moz-progress-bar {
-      border-radius: var(--radius-box);
-      background-color: currentcolor;
-    }
-    }
-
-  @supports (-webkit-appearance: none) {
-    .progress::-webkit-progress-bar {
-      border-radius: var(--radius-box);
-      background-color: transparent;
-    }
-    .progress::-webkit-progress-value {
-      border-radius: var(--radius-box);
-      background-color: currentColor;
-    }
-    }
-
-  .progress-accent {
-      color: var(--color-accent);
-    }
-
-  .progress-error {
-      color: var(--color-error);
-    }
-
-  .progress-info {
-      color: var(--color-info);
-    }
-
-  .progress-neutral {
-      color: var(--color-neutral);
-    }
-
-  .progress-primary {
-      color: var(--color-primary);
-    }
-
-  .progress-secondary {
-      color: var(--color-secondary);
-    }
-
-  .progress-success {
-      color: var(--color-success);
-    }
-
-  .progress-warning {
-      color: var(--color-warning);
-    }
-}

package/dist/radio/radio.css

@@ -1,152 +0,0 @@
-@layer components {
-  .radio {
-      position: relative;
-      display: inline-block;
-      flex-shrink: 0;
-      cursor: pointer;
-      appearance: none;
-      border-radius: calc(infinity * 1px);
-      padding: calc(0.25rem * 1);
-      vertical-align: middle;
-      border: var(--border) solid var(--input-color, currentColor);
-      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
-      --size: calc(var(--size-selector, 0.25rem) * 6);
-      width: var(--size);
-      height: var(--size);
-      color: var(--input-color, currentColor);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .radio {
-      border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
-    }
-    }
-
-  .radio:before {
-      display: block;
-      width: 100%;
-      height: 100%;
-      border-radius: calc(infinity * 1px);
-      --tw-content: "";
-      content: var(--tw-content);
-      background-size: auto, calc(var(--noise) * 100%);
-      background-image: none, var(--fx-noise);
-    }
-
-  .radio:focus-visible {
-      outline: 2px solid currentColor;
-    }
-
-  .radio:checked,
-    .radio[aria-checked="true"] {
-      border-color: currentcolor;
-      background-color: var(--color-base-100);
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .radio:checked,
-    .radio[aria-checked="true"] {
-      animation: radio 0.2s ease-out;
-    }
-    }
-
-  .radio:checked:before,
-    .radio[aria-checked="true"]:before {
-      background-color: currentcolor;
-      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
-    }
-
-  @media (forced-colors: active) {
-    .radio:checked:before,
-    .radio[aria-checked="true"]:before {
-      outline-style: var(--tw-outline-style);
-      outline-width: 1px;
-      outline-offset: calc(1px * -1);
-    }
-    }
-
-  @media print {
-    .radio:checked:before,
-    .radio[aria-checked="true"]:before {
-      outline: 0.25rem solid;
-      outline-offset: -1rem;
-    }
-    }
-
-  .radio:disabled {
-      cursor: not-allowed;
-      opacity: 20%;
-    }
-
-  .radio-lg {
-      padding: 0.3125rem;
-    }
-
-  .radio-lg:is([type="radio"]) {
-      --size: calc(var(--size-selector, 0.25rem) * 7);
-    }
-
-  .radio-md {
-      padding: 0.25rem;
-    }
-
-  .radio-md:is([type="radio"]) {
-      --size: calc(var(--size-selector, 0.25rem) * 6);
-    }
-
-  .radio-sm {
-      padding: 0.1875rem;
-    }
-
-  .radio-sm:is([type="radio"]) {
-      --size: calc(var(--size-selector, 0.25rem) * 5);
-    }
-
-  .radio-xl {
-      padding: 0.375rem;
-    }
-
-  .radio-xl:is([type="radio"]) {
-      --size: calc(var(--size-selector, 0.25rem) * 8);
-    }
-
-  .radio-xs {
-      padding: 0.125rem;
-    }
-
-  .radio-xs:is([type="radio"]) {
-      --size: calc(var(--size-selector, 0.25rem) * 4);
-    }
-
-  .radio-accent {
-      --input-color: var(--color-accent);
-    }
-
-  .radio-error {
-      --input-color: var(--color-error);
-    }
-
-  .radio-info {
-      --input-color: var(--color-info);
-    }
-
-  .radio-neutral {
-      --input-color: var(--color-neutral);
-    }
-
-  .radio-primary {
-      --input-color: var(--color-primary);
-    }
-
-  .radio-secondary {
-      --input-color: var(--color-secondary);
-    }
-
-  .radio-success {
-      --input-color: var(--color-success);
-    }
-
-  .radio-warning {
-      --input-color: var(--color-warning);
-    }
-}