@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/date-picker/DatePicker.js

@@ -1,201 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./DatePicker.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__DatePicker_classes_js_5fcf1fe2__ from "./DatePicker.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input type=hidden>"), _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)("<div><button type=button><span></span><span><svg><rect x=3 y=4 width=18 height=18 rx=2 ry=2></rect><line x1=16 y1=2 x2=16 y2=6></line><line x1=8 y1=2 x2=8 y2=6></line><line x1=3 y1=10 x2=21 y2=10>");
-const DatePicker = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "ref",
-        "value",
-        "defaultValue",
-        "onChange",
-        "isOpen",
-        "defaultOpen",
-        "onOpenChange",
-        "name",
-        "placeholder",
-        "locale",
-        "weekdayFormat",
-        "minValue",
-        "maxValue",
-        "isDateUnavailable",
-        "isDisabled",
-        "disabled"
-    ]);
-    const isDisabled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
-    const selection = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.useDateSelection)({
-        value: ()=>local.value,
-        defaultValue: ()=>local.defaultValue,
-        onChange: ()=>local.onChange
-    });
-    const openState = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.usePickerOpenState)({
-        isOpen: ()=>local.isOpen,
-        defaultOpen: ()=>local.defaultOpen,
-        onOpenChange: ()=>local.onOpenChange,
-        isDisabled
-    });
-    const locale = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.locale ?? "en-US");
-    const displayValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const selectedDate = selection.selectedDate();
-        if (!selectedDate) return local.placeholder ?? "Select date";
-        return (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.formatDate)(selectedDate, locale());
-    });
-    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
-    const popoverId = `date-picker-popover-${uniqueId}`;
-    const handleDateChange = (date)=>{
-        selection.setSelectedDate(date);
-        openState.setOpen(false);
-    };
-    return (()=>{
-        var _el$ = _tmpl$3(), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
-            openState.setRootRef(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, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.Root.base, openState.isOpen() && __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.Root.flag.open, isDisabled() && __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.Root.flag.disabled, local.class, local.className)
-            }), {
-            "data-slot": "date-picker",
-            get ["data-open"] () {
-                return openState.isOpen() ? "true" : "false";
-            },
-            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;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return local.name;
-            },
-            get children () {
-                var _el$2 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                    var _v$ = local.name, _v$2 = isDisabled();
-                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "name", _p$.e = _v$);
-                    _v$2 !== _p$.t && (_el$2.disabled = _p$.t = _v$2);
-                    return _p$;
-                }, {
-                    e: void 0,
-                    t: void 0
-                });
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.value = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.toISODate)(selection.selectedDate()));
-                return _el$2;
-            }
-        }), _el$3);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.Trigger.base
-            }), {
-            "data-slot": "date-picker-trigger",
-            "aria-haspopup": "dialog",
-            get ["aria-expanded"] () {
-                return openState.isOpen() ? "true" : "false";
-            },
-            get ["aria-controls"] () {
-                return openState.isOpen() ? popoverId : void 0;
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get disabled () {
-                return isDisabled();
-            },
-            onClick: ()=>openState.toggleOpen(),
-            onKeyDown: (event)=>{
-                if ("ArrowDown" === event.key || "Enter" === event.key || " " === event.key) {
-                    event.preventDefault();
-                    openState.setOpen(true);
-                }
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.TriggerValue.base, !selection.selectedDate() && __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.TriggerValue.flag.placeholder)
-            }), {
-            "data-slot": "date-picker-trigger-value"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, displayValue);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.TriggerIndicator.base
-            }), {
-            "data-slot": "date-picker-trigger-indicator",
-            "aria-hidden": "true"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.TriggerIcon.base
-            }), {
-            "data-slot": "date-picker-trigger-icon",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "2",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "aria-hidden": "true"
-        }), true, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return openState.isOpen();
-            },
-            get children () {
-                var _el$7 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "id", popoverId);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__DatePicker_classes_js_5fcf1fe2__.CLASSES.Popover.base
-                    }), {
-                    "data-slot": "date-picker-popover",
-                    role: "dialog",
-                    "aria-modal": "false"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (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__DatePicker_classes_js_5fcf1fe2__.CLASSES.Calendar.base
-                    }), {
-                    "data-slot": "date-picker-calendar",
-                    get value () {
-                        return selection.selectedDate() ?? void 0;
-                    },
-                    onChange: handleDateChange,
-                    get locale () {
-                        return locale();
-                    },
-                    get weekdayFormat () {
-                        return local.weekdayFormat;
-                    },
-                    get minValue () {
-                        return local.minValue;
-                    },
-                    get maxValue () {
-                        return local.maxValue;
-                    },
-                    get isDateUnavailable () {
-                        return local.isDateUnavailable;
-                    },
-                    get isDisabled () {
-                        return isDisabled();
-                    }
-                })));
-                return _el$7;
-            }
-        }), null);
-        return _el$;
-    })();
-};
-const date_picker_DatePicker = DatePicker;
-export { date_picker_DatePicker as default };

package/dist/components/date-picker/index.d.ts

@@ -1 +0,0 @@
-export { default, type DatePickerProps } from "./DatePicker";

package/dist/components/date-picker/index.js

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

package/dist/components/date-range-picker/DateRangePicker.classes.d.ts

@@ -1,33 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "date-range-picker";
-        readonly flag: {
-            readonly open: "date-range-picker--open";
-            readonly disabled: "date-range-picker--disabled";
-        };
-    };
-    readonly Trigger: {
-        readonly base: "date-range-picker__trigger";
-    };
-    readonly TriggerSegment: {
-        readonly base: "date-range-picker__trigger-segment";
-        readonly flag: {
-            readonly placeholder: "date-range-picker__trigger-segment--placeholder";
-        };
-    };
-    readonly RangeSeparator: {
-        readonly base: "date-range-picker__range-separator";
-    };
-    readonly TriggerIndicator: {
-        readonly base: "date-range-picker__trigger-indicator";
-    };
-    readonly TriggerIcon: {
-        readonly base: "date-range-picker__trigger-icon";
-    };
-    readonly Popover: {
-        readonly base: "date-range-picker__popover";
-    };
-    readonly Calendar: {
-        readonly base: "date-range-picker__calendar";
-    };
-};

package/dist/components/date-range-picker/DateRangePicker.classes.js

@@ -1,34 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "date-range-picker",
-        flag: {
-            open: "date-range-picker--open",
-            disabled: "date-range-picker--disabled"
-        }
-    },
-    Trigger: {
-        base: "date-range-picker__trigger"
-    },
-    TriggerSegment: {
-        base: "date-range-picker__trigger-segment",
-        flag: {
-            placeholder: "date-range-picker__trigger-segment--placeholder"
-        }
-    },
-    RangeSeparator: {
-        base: "date-range-picker__range-separator"
-    },
-    TriggerIndicator: {
-        base: "date-range-picker__trigger-indicator"
-    },
-    TriggerIcon: {
-        base: "date-range-picker__trigger-icon"
-    },
-    Popover: {
-        base: "date-range-picker__popover"
-    },
-    Calendar: {
-        base: "date-range-picker__calendar"
-    }
-};
-export { CLASSES };

package/dist/components/date-range-picker/DateRangePicker.css

@@ -1,149 +0,0 @@
-@layer components {
-  .date-range-picker {
-    position: relative;
-    display: inline-flex;
-    width: 100%;
-    max-width: 22rem;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  .date-range-picker--disabled {
-    opacity: var(--disabled-opacity, 0.7);
-  }
-
-  .date-range-picker__trigger {
-    display: inline-flex;
-    width: 100%;
-    min-height: 2.25rem;
-    align-items: center;
-    gap: 0.25rem;
-    border: var(--border-width-field, 1px) solid
-      var(--color-field-border, color-mix(in oklab, var(--color-base-content) 16%, transparent));
-    border-radius: var(--radius-field, 0.75rem);
-    background-color: var(--color-field, var(--color-base-100));
-    color: var(--color-field-foreground, var(--color-base-content));
-    padding-inline: 0.75rem;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    text-align: left;
-    cursor: var(--cursor-interactive, pointer);
-    user-select: none;
-    box-shadow:
-      0 1px 0 color-mix(in oklab, var(--color-base-content) 8%, transparent),
-      0 1px 0 color-mix(in oklab, var(--color-base-100) 60%, transparent) inset;
-    outline: none;
-    transition:
-      border-color 150ms var(--ease-out, ease),
-      background-color 150ms var(--ease-out, ease),
-      box-shadow 150ms var(--ease-out, ease),
-      opacity 150ms var(--ease-out, ease);
-  }
-
-  .date-range-picker__trigger:focus-visible,
-  .date-range-picker--open .date-range-picker__trigger {
-    border-color: var(--color-field-border-focus, var(--color-accent));
-    box-shadow:
-      0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent),
-      0 1px 0 color-mix(in oklab, var(--color-accent) 24%, transparent);
-  }
-
-  @media (hover: hover) {
-    .date-range-picker__trigger:hover:not(:disabled):not([aria-disabled="true"]):not(:focus-visible) {
-      background-color: var(--color-field-hover, var(--color-base-200));
-      border-color: var(--color-field-border-hover, color-mix(in oklab, var(--color-base-content) 22%, transparent));
-    }
-  }
-
-  .date-range-picker__trigger:disabled,
-  .date-range-picker__trigger[aria-disabled="true"],
-  .date-range-picker__trigger[data-disabled="true"] {
-    cursor: not-allowed;
-    background-color: var(--color-base-200);
-    color: color-mix(in oklab, var(--color-base-content) 45%, transparent);
-    box-shadow: none;
-  }
-
-  .date-range-picker__trigger-segment {
-    min-width: 0;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .date-range-picker__trigger-segment--placeholder {
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
-  }
-
-  .date-range-picker__range-separator {
-    flex-shrink: 0;
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
-    user-select: none;
-    padding-inline: 0.125rem;
-  }
-
-  .date-range-picker__trigger-indicator {
-    display: inline-flex;
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
-  }
-
-  .date-range-picker__trigger-icon {
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-  }
-
-  .date-range-picker__popover {
-    position: absolute;
-    z-index: var(--z-overlay, 70);
-    top: calc(100% + 0.375rem);
-    left: 0;
-    width: max-content;
-    min-width: 100%;
-    max-width: min(24rem, calc(100vw - 1rem));
-    overflow: hidden auto;
-    border-radius: calc(var(--radius, 0.75rem) * 1.75);
-    background-color: var(--color-overlay, var(--color-base-100));
-    box-shadow: var(--shadow-overlay, 0 24px 48px color-mix(in oklab, black 20%, transparent));
-    padding: 0.75rem;
-    opacity: 0;
-    transform: translateY(-0.25rem) scale(0.98);
-    pointer-events: none;
-    transition:
-      opacity 140ms var(--ease-out, ease),
-      transform 140ms var(--ease-out, ease);
-  }
-
-  .date-range-picker__popover::-webkit-scrollbar {
-    display: none;
-  }
-
-  .date-range-picker--open .date-range-picker__popover {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    pointer-events: auto;
-  }
-
-  .date-range-picker__calendar {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  .date-range-picker__calendar .calendar {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .date-range-picker__trigger,
-    .date-range-picker__popover {
-      transition: none;
-    }
-  }
-}

package/dist/components/date-range-picker/DateRangePicker.d.ts

@@ -1,28 +0,0 @@
-import "./DateRangePicker.css";
-import { type JSX } from "solid-js";
-import { type ControlledDateRangeValue } from "../../hooks/date";
-import { type CalendarWeekdayFormat } from "../calendar";
-import type { IComponentBaseProps } from "../types";
-export type DateRangeValue = ControlledDateRangeValue;
-type DateRangePickerBaseProps = {
-    value?: DateRangeValue;
-    defaultValue?: DateRangeValue;
-    onChange?: (value: DateRangeValue) => void;
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    startName?: string;
-    endName?: string;
-    startPlaceholder?: string;
-    endPlaceholder?: string;
-    locale?: string;
-    weekdayFormat?: CalendarWeekdayFormat;
-    minValue?: Date;
-    maxValue?: Date;
-    isDateUnavailable?: (date: Date) => boolean;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type DateRangePickerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange" | "children"> & IComponentBaseProps & DateRangePickerBaseProps;
-declare const DateRangePicker: (props: DateRangePickerProps) => JSX.Element;
-export default DateRangePicker;