@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/range-calendar/RangeCalendar.js

@@ -1,110 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./RangeCalendar.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__ from "../../hooks/date/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__calendar_index_js_fe41d1b9__ from "../calendar/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__ from "./RangeCalendar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const RangeCalendar_RangeCalendar = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "ref",
-        "value",
-        "defaultValue",
-        "onChange",
-        "locale",
-        "weekdayFormat",
-        "minValue",
-        "maxValue",
-        "isDateUnavailable",
-        "showOutsideDays",
-        "isDisabled",
-        "disabled",
-        "onDaySelect",
-        "onDayHover"
-    ]);
-    const isDisabled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
-    const rangeSelection = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.useRangeSelection)({
-        value: ()=>local.value,
-        defaultValue: ()=>local.defaultValue,
-        onChange: ()=>local.onChange
-    });
-    const handleDaySelect = (date)=>{
-        local.onDaySelect?.(date);
-        rangeSelection.selectDate(date);
-    };
-    const handleDayHover = (date)=>{
-        local.onDayHover?.(date);
-        rangeSelection.setHoverDate(date);
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
-            if ("function" == typeof local.ref) local.ref(node);
-        }, _el$);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            "data-slot": "range-calendar",
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__.CLASSES.Root.base, isDisabled() && __WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__.CLASSES.Root.flag.disabled, local.class, local.className)
-            })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__calendar_index_js_fe41d1b9__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__.CLASSES.Calendar.base
-            }), {
-            selectionMode: "range",
-            get value () {
-                return rangeSelection.focusDate() ?? void 0;
-            },
-            get rangeStart () {
-                return rangeSelection.rangeStart() ?? void 0;
-            },
-            get rangeEnd () {
-                return rangeSelection.rangeEnd() ?? void 0;
-            },
-            get rangePreview () {
-                return rangeSelection.hoveredDate() ?? void 0;
-            },
-            get locale () {
-                return local.locale;
-            },
-            get weekdayFormat () {
-                return local.weekdayFormat;
-            },
-            get minValue () {
-                return local.minValue;
-            },
-            get maxValue () {
-                return local.maxValue;
-            },
-            get isDateUnavailable () {
-                return local.isDateUnavailable;
-            },
-            get showOutsideDays () {
-                return local.showOutsideDays;
-            },
-            get isDisabled () {
-                return isDisabled();
-            },
-            onDaySelect: handleDaySelect,
-            onDayHover: handleDayHover
-        })));
-        return _el$;
-    })();
-};
-const RangeCalendar = RangeCalendar_RangeCalendar;
-export { RangeCalendar as default };

package/dist/components/range-calendar/index.d.ts

@@ -1 +0,0 @@
-export { default, type RangeCalendarProps, type RangeCalendarValue, } from "./RangeCalendar";

package/dist/components/range-calendar/index.js

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

package/dist/components/scroll-shadow/ScrollShadow.classes.d.ts

@@ -1,13 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "scroll-shadow";
-    readonly orientation: {
-        readonly vertical: "scroll-shadow--vertical";
-        readonly horizontal: "scroll-shadow--horizontal";
-    };
-    readonly variant: {
-        readonly fade: "scroll-shadow--fade";
-    };
-    readonly flag: {
-        readonly hideScrollBar: "scroll-shadow--hide-scrollbar";
-    };
-};

package/dist/components/scroll-shadow/ScrollShadow.classes.js

@@ -1,14 +0,0 @@
-const CLASSES = {
-    base: "scroll-shadow",
-    orientation: {
-        vertical: "scroll-shadow--vertical",
-        horizontal: "scroll-shadow--horizontal"
-    },
-    variant: {
-        fade: "scroll-shadow--fade"
-    },
-    flag: {
-        hideScrollBar: "scroll-shadow--hide-scrollbar"
-    }
-};
-export { CLASSES };

package/dist/components/scroll-shadow/ScrollShadow.css

@@ -1,93 +0,0 @@
-@layer components {
-  .scroll-shadow {
-    position: relative;
-    --scroll-shadow-size: 40px;
-  }
-
-  .scroll-shadow--vertical {
-    overflow-y: auto;
-  }
-
-  .scroll-shadow--horizontal {
-    overflow-x: auto;
-  }
-
-  .scroll-shadow--fade.scroll-shadow--vertical[data-top-scroll="true"] {
-    --scroll-linear-gradient:
-      0deg,
-      #000 calc(100% - var(--scroll-shadow-size)),
-      transparent;
-
-    mask-image: linear-gradient(var(--scroll-linear-gradient));
-    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
-  }
-
-  .scroll-shadow--fade.scroll-shadow--vertical[data-bottom-scroll="true"] {
-    --scroll-linear-gradient:
-      180deg,
-      #000 calc(100% - var(--scroll-shadow-size)),
-      transparent;
-
-    mask-image: linear-gradient(var(--scroll-linear-gradient));
-    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
-  }
-
-  .scroll-shadow--fade.scroll-shadow--vertical[data-top-bottom-scroll="true"] {
-    --scroll-linear-gradient:
-      #000,
-      #000,
-      transparent 0,
-      #000 var(--scroll-shadow-size),
-      #000 calc(100% - var(--scroll-shadow-size)),
-      transparent;
-
-    mask-image: linear-gradient(var(--scroll-linear-gradient));
-    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
-  }
-
-  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-scroll="true"] {
-    --scroll-linear-gradient:
-      270deg,
-      #000 calc(100% - var(--scroll-shadow-size)),
-      transparent;
-
-    mask-image: linear-gradient(var(--scroll-linear-gradient));
-    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
-  }
-
-  .scroll-shadow--fade.scroll-shadow--horizontal[data-right-scroll="true"] {
-    --scroll-linear-gradient:
-      90deg,
-      #000 calc(100% - var(--scroll-shadow-size)),
-      transparent;
-
-    mask-image: linear-gradient(var(--scroll-linear-gradient));
-    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
-  }
-
-  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-right-scroll="true"] {
-    --scroll-linear-gradient:
-      to right,
-      #000,
-      #000,
-      transparent 0,
-      #000 var(--scroll-shadow-size),
-      #000 calc(100% - var(--scroll-shadow-size)),
-      transparent;
-
-    mask-image: linear-gradient(var(--scroll-linear-gradient));
-    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
-  }
-
-  .scroll-shadow--hide-scrollbar {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-
-  .scroll-shadow--hide-scrollbar::-webkit-scrollbar {
-    display: none;
-    width: 0;
-    height: 0;
-  }
-}
-

package/dist/components/scroll-shadow/ScrollShadow.d.ts

@@ -1,18 +0,0 @@
-import "./ScrollShadow.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ScrollShadowVisibility = "auto" | "both" | "top" | "bottom" | "left" | "right" | "none";
-export type ScrollShadowOrientation = "vertical" | "horizontal";
-export type ScrollShadowVariant = "fade";
-export type ScrollShadowProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "size"> & {
-    size?: number;
-    offset?: number;
-    visibility?: ScrollShadowVisibility;
-    isEnabled?: boolean;
-    orientation?: ScrollShadowOrientation;
-    variant?: ScrollShadowVariant;
-    hideScrollBar?: boolean;
-    onVisibilityChange?: (visibility: ScrollShadowVisibility) => void;
-};
-declare const ScrollShadow: (props: ScrollShadowProps) => JSX.Element;
-export default ScrollShadow;

package/dist/components/scroll-shadow/ScrollShadow.js

@@ -1,87 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./ScrollShadow.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ScrollShadow_classes_js_12f8416d__ from "./ScrollShadow.classes.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useScrollShadow_js_5837647e__ from "./useScrollShadow.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const ScrollShadow = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "size",
-        "offset",
-        "visibility",
-        "isEnabled",
-        "orientation",
-        "variant",
-        "hideScrollBar",
-        "onVisibilityChange",
-        "ref"
-    ]);
-    let containerRef;
-    const size = ()=>local.size ?? 40;
-    const offset = ()=>local.offset ?? 0;
-    const variant = ()=>local.variant ?? "fade";
-    const visibility = ()=>local.visibility ?? "auto";
-    const orientation = ()=>local.orientation ?? "vertical";
-    const isEnabled = ()=>local.isEnabled ?? true;
-    (0, __WEBPACK_EXTERNAL_MODULE__useScrollShadow_js_5837647e__.useScrollShadow)({
-        containerRef: ()=>containerRef,
-        orientation,
-        offset,
-        visibility,
-        isEnabled,
-        onVisibilityChange: ()=>local.onVisibilityChange
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const el = containerRef;
-        if (!el) return;
-        if (!isEnabled()) return void (0, __WEBPACK_EXTERNAL_MODULE__useScrollShadow_js_5837647e__.clearScrollShadowDataAttributes)(el);
-        const currentVisibility = visibility();
-        if ("auto" === currentVisibility) return;
-        (0, __WEBPACK_EXTERNAL_MODULE__useScrollShadow_js_5837647e__.applyControlledScrollShadowVisibility)(el, currentVisibility, orientation());
-    });
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ScrollShadow_classes_js_12f8416d__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__ScrollShadow_classes_js_12f8416d__.CLASSES.orientation[orientation()], __WEBPACK_EXTERNAL_MODULE__ScrollShadow_classes_js_12f8416d__.CLASSES.variant[variant()], local.hideScrollBar && __WEBPACK_EXTERNAL_MODULE__ScrollShadow_classes_js_12f8416d__.CLASSES.flag.hideScrollBar, local.class, local.className));
-    const style = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        if ("string" == typeof local.style) {
-            const trimmed = local.style.trim();
-            const suffix = trimmed.length > 0 && !trimmed.endsWith(";") ? ";" : "";
-            return `${trimmed}${suffix} --scroll-shadow-size: ${size()}px;`;
-        }
-        return {
-            ...local.style ?? {},
-            "--scroll-shadow-size": `${size()}px`
-        };
-    });
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
-            containerRef = el;
-            if ("function" == typeof local.ref) local.ref(el);
-        }, _el$);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: classes()
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["data-orientation"] () {
-                return orientation();
-            },
-            get ["data-scroll-shadow-size"] () {
-                return size();
-            },
-            get style () {
-                return style();
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const scroll_shadow_ScrollShadow = ScrollShadow;
-export { scroll_shadow_ScrollShadow as default };

package/dist/components/scroll-shadow/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ScrollShadow";
-export type { ScrollShadowProps, ScrollShadowVisibility, ScrollShadowOrientation, ScrollShadowVariant, } from "./ScrollShadow";

package/dist/components/scroll-shadow/index.js

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

package/dist/components/scroll-shadow/useScrollShadow.d.ts

@@ -1,13 +0,0 @@
-import { type Accessor } from "solid-js";
-import type { ScrollShadowOrientation, ScrollShadowVisibility } from "./ScrollShadow";
-export interface UseScrollShadowProps {
-    containerRef: Accessor<HTMLElement | undefined>;
-    orientation: Accessor<ScrollShadowOrientation>;
-    offset: Accessor<number>;
-    visibility: Accessor<ScrollShadowVisibility>;
-    isEnabled: Accessor<boolean>;
-    onVisibilityChange?: Accessor<((visibility: ScrollShadowVisibility) => void) | undefined>;
-}
-export declare const clearScrollShadowDataAttributes: (el: HTMLElement) => void;
-export declare const applyControlledScrollShadowVisibility: (el: HTMLElement, visibility: ScrollShadowVisibility, orientation: ScrollShadowOrientation) => void;
-export declare const useScrollShadow: (props: UseScrollShadowProps) => void;

package/dist/components/scroll-shadow/useScrollShadow.js

@@ -1,97 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const clearScrollShadowDataAttributes = (el)=>{
-    delete el.dataset.topScroll;
-    delete el.dataset.bottomScroll;
-    delete el.dataset.topBottomScroll;
-    delete el.dataset.leftScroll;
-    delete el.dataset.rightScroll;
-    delete el.dataset.leftRightScroll;
-};
-const applyControlledScrollShadowVisibility = (el, visibility, orientation)=>{
-    clearScrollShadowDataAttributes(el);
-    if ("both" === visibility) {
-        if ("vertical" === orientation) el.dataset.topBottomScroll = "true";
-        else el.dataset.leftRightScroll = "true";
-        return;
-    }
-    if ("none" === visibility || "auto" === visibility) return;
-    if ("top" === visibility) el.dataset.topScroll = "true";
-    else if ("bottom" === visibility) el.dataset.bottomScroll = "true";
-    else if ("left" === visibility) el.dataset.leftScroll = "true";
-    else if ("right" === visibility) el.dataset.rightScroll = "true";
-};
-const resolveVisibilityFromOverflow = (orientation, hasScrollBefore, hasScrollAfter)=>{
-    if (hasScrollBefore && hasScrollAfter) return "both";
-    if (hasScrollBefore) return "vertical" === orientation ? "top" : "left";
-    if (hasScrollAfter) return "vertical" === orientation ? "bottom" : "right";
-    return "none";
-};
-const applyAutoVisibilityDataAttributes = (el, orientation, hasScrollBefore, hasScrollAfter)=>{
-    if ("vertical" === orientation) {
-        if (hasScrollBefore && hasScrollAfter) {
-            el.dataset.topBottomScroll = "true";
-            delete el.dataset.topScroll;
-            delete el.dataset.bottomScroll;
-            return;
-        }
-        el.dataset.topScroll = String(hasScrollBefore);
-        el.dataset.bottomScroll = String(hasScrollAfter);
-        delete el.dataset.topBottomScroll;
-        return;
-    }
-    if (hasScrollBefore && hasScrollAfter) {
-        el.dataset.leftRightScroll = "true";
-        delete el.dataset.leftScroll;
-        delete el.dataset.rightScroll;
-        return;
-    }
-    el.dataset.leftScroll = String(hasScrollBefore);
-    el.dataset.rightScroll = String(hasScrollAfter);
-    delete el.dataset.leftRightScroll;
-};
-const useScrollShadow = (props)=>{
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const el = props.containerRef();
-        const isEnabled = props.isEnabled();
-        const visibility = props.visibility();
-        const orientation = props.orientation();
-        const offset = props.offset();
-        const onVisibilityChange = props.onVisibilityChange?.();
-        if (!el) return;
-        if (!isEnabled) return void clearScrollShadowDataAttributes(el);
-        if ("auto" !== visibility) return;
-        let prevState = null;
-        let rafId = null;
-        const checkOverflow = ()=>{
-            const scrollStart = "vertical" === orientation ? el.scrollTop : el.scrollLeft;
-            const scrollSize = "vertical" === orientation ? el.scrollHeight : el.scrollWidth;
-            const clientSize = "vertical" === orientation ? el.clientHeight : el.clientWidth;
-            const hasScrollBefore = scrollStart > offset;
-            const hasScrollAfter = scrollStart + clientSize + offset < scrollSize;
-            if (prevState && prevState.hasScrollBefore === hasScrollBefore && prevState.hasScrollAfter === hasScrollAfter) return;
-            prevState = {
-                hasScrollBefore,
-                hasScrollAfter
-            };
-            if (null !== rafId) cancelAnimationFrame(rafId);
-            rafId = requestAnimationFrame(()=>{
-                rafId = null;
-                applyAutoVisibilityDataAttributes(el, orientation, hasScrollBefore, hasScrollAfter);
-                onVisibilityChange?.(resolveVisibilityFromOverflow(orientation, hasScrollBefore, hasScrollAfter));
-            });
-        };
-        checkOverflow();
-        el.addEventListener("scroll", checkOverflow, {
-            passive: true
-        });
-        const resizeObserver = "undefined" != typeof ResizeObserver ? new ResizeObserver(()=>checkOverflow()) : void 0;
-        resizeObserver?.observe(el);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-            el.removeEventListener("scroll", checkOverflow);
-            resizeObserver?.disconnect();
-            if (null !== rafId) cancelAnimationFrame(rafId);
-            prevState = null;
-        });
-    });
-};
-export { applyControlledScrollShadowVisibility, clearScrollShadowDataAttributes, useScrollShadow };

package/dist/components/search-field/SearchField.classes.d.ts

@@ -1,27 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "search-field";
-        readonly variant: {
-            readonly primary: "search-field--primary";
-            readonly secondary: "search-field--secondary";
-        };
-        readonly flag: {
-            readonly fullWidth: "search-field--full-width";
-        };
-    };
-    readonly Group: {
-        readonly base: "search-field__group";
-        readonly flag: {
-            readonly fullWidth: "search-field__group--full-width";
-        };
-    };
-    readonly Input: {
-        readonly base: "search-field__input";
-    };
-    readonly SearchIcon: {
-        readonly base: "search-field__search-icon";
-    };
-    readonly ClearButton: {
-        readonly base: "search-field__clear-button";
-    };
-};

package/dist/components/search-field/SearchField.classes.js

@@ -1,28 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "search-field",
-        variant: {
-            primary: "search-field--primary",
-            secondary: "search-field--secondary"
-        },
-        flag: {
-            fullWidth: "search-field--full-width"
-        }
-    },
-    Group: {
-        base: "search-field__group",
-        flag: {
-            fullWidth: "search-field__group--full-width"
-        }
-    },
-    Input: {
-        base: "search-field__input"
-    },
-    SearchIcon: {
-        base: "search-field__search-icon"
-    },
-    ClearButton: {
-        base: "search-field__clear-button"
-    }
-};
-export { CLASSES };