@pathscale/ui 2.5.0 → 2.6.1

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

@@ -1,110 +1,90 @@
-import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { createComponent, insert, mergeProps, ref, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./RangeCalendar.css";
-import { createMemo, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { createMemo, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { useRangeSelection } from "../../hooks/date/index.js";
 import calendar from "../calendar/index.js";
 import { CLASSES, componentRecipe } from "./RangeCalendar.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const __solidLayoutRangeCalendar = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "class",
-        "dataTheme",
-        "style",
-        "ref",
-        "value",
-        "defaultValue",
-        "onChange",
-        "locale",
-        "weekdayFormat",
-        "minValue",
-        "maxValue",
-        "isDateUnavailable",
-        "showOutsideDays",
-        "state",
-        "disabled",
-        "onDaySelect",
-        "onDayHover"
-    ]);
-    const isDisabled = createMemo(()=>Boolean("disabled" === local.state) || Boolean(local.disabled));
+    const others = omit(p, "class", "dataTheme", "style", "ref", "value", "defaultValue", "onChange", "locale", "weekdayFormat", "minValue", "maxValue", "isDateUnavailable", "showOutsideDays", "state", "disabled", "onDaySelect", "onDayHover");
+    const isDisabled = createMemo(()=>Boolean("disabled" === p.state) || Boolean(p.disabled));
     const rangeSelection = useRangeSelection({
-        value: ()=>local.value,
-        defaultValue: ()=>local.defaultValue,
-        onChange: ()=>local.onChange
+        value: ()=>p.value,
+        defaultValue: ()=>p.defaultValue,
+        onChange: ()=>p.onChange
     });
     const handleDaySelect = (date)=>{
-        local.onDaySelect?.(date);
+        p.onDaySelect?.(date);
         rangeSelection.selectDate(date);
     };
     const handleDayHover = (date)=>{
-        local.onDayHover?.(date);
+        p.onDayHover?.(date);
         rangeSelection.setHoverDate(date);
     };
-    return (()=>{
-        var _el$ = _tmpl$();
-        use((node)=>{
-            if ("function" == typeof local.ref) local.ref(node);
+    var _el$ = _tmpl$();
+    ref(()=>(node)=>{
+            if ("function" == typeof p.ref) p.ref(node);
         }, _el$);
-        spread(_el$, 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: twMerge(CLASSES.Root.base, isDisabled() && CLASSES.Root.flag.disabled, local.class)
-            })), false, true);
-        insert(_el$, createComponent(calendar, mergeProps(()=>({
-                class: 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 state () {
-                return isDisabled() ? "disabled" : void 0;
-            },
-            onDaySelect: handleDaySelect,
-            onDayHover: handleDayHover
-        })));
-        return _el$;
-    })();
+    spread(_el$, mergeProps(others, {
+        "data-slot": "range-calendar",
+        get ["data-disabled"] () {
+            return isDisabled() ? "true" : "false";
+        },
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        },
+        get ["aria-disabled"] () {
+            return isDisabled() ? "true" : void 0;
+        }
+    }, ()=>({
+            class: twMerge(CLASSES.Root.base, isDisabled() && CLASSES.Root.flag.disabled, p.class)
+        })), true);
+    insert(_el$, createComponent(calendar, mergeProps(()=>({
+            class: 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 p.locale;
+        },
+        get weekdayFormat () {
+            return p.weekdayFormat;
+        },
+        get minValue () {
+            return p.minValue;
+        },
+        get maxValue () {
+            return p.maxValue;
+        },
+        get isDateUnavailable () {
+            return p.isDateUnavailable;
+        },
+        get showOutsideDays () {
+            return p.showOutsideDays;
+        },
+        get state () {
+            return isDisabled() ? "disabled" : void 0;
+        },
+        onDaySelect: handleDaySelect,
+        onDayHover: handleDayHover
+    })));
+    return _el$;
 };
 const RangeCalendar = defineComponent({
     recipe: componentRecipe,

package/dist/components/range-calendar/RangeCalendar.recipe.d.ts

@@ -9,7 +9,7 @@ export declare const CLASSES: {
         readonly base: "range-calendar__calendar";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "range-calendar";
     readonly slots: {
         readonly "range-calendar": {};

package/dist/components/scroll-area/ScrollArea.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./ScrollArea.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type ScrollAreaVisibility = "auto" | "both" | "top" | "bottom" | "left" | "right" | "none";
 export type ScrollAreaOrientation = "vertical" | "horizontal";

package/dist/components/scroll-area/ScrollArea.generated.js

@@ -1,41 +1,27 @@
-import { insert, mergeProps, spread, template, use } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { insert, mergeProps, ref, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./ScrollArea.css";
-import { createEffect, createMemo, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { createEffect, createMemo, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./ScrollArea.recipe.js";
 import { applyControlledScrollAreaVisibility, clearScrollAreaDataAttributes, useScrollArea } from "./useScrollArea.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const __solidLayoutScrollArea = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style",
-        "size",
-        "offset",
-        "visibility",
-        "isEnabled",
-        "orientation",
-        "variant",
-        "hideScrollBar",
-        "onVisibilityChange",
-        "ref"
-    ]);
+    const others = omit(p, "children", "class", "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;
+    const size = ()=>p.size ?? 40;
+    const offset = ()=>p.offset ?? 0;
+    const variant = ()=>p.variant ?? "fade";
+    const visibility = ()=>p.visibility ?? "auto";
+    const orientation = ()=>p.orientation ?? "vertical";
+    const isEnabled = ()=>p.isEnabled ?? true;
     useScrollArea({
         containerRef: ()=>containerRef,
         orientation,
         offset,
         visibility,
         isEnabled,
-        onVisibilityChange: ()=>local.onVisibilityChange
+        onVisibilityChange: ()=>p.onVisibilityChange
     });
     createEffect(()=>{
         const el = containerRef;
@@ -45,43 +31,41 @@ const __solidLayoutScrollArea = (_stable, p)=>{
         if ("auto" === currentVisibility) return;
         applyControlledScrollAreaVisibility(el, currentVisibility, orientation());
     });
-    const classes = createMemo(()=>twMerge(CLASSES.base, CLASSES.orientation[orientation()], CLASSES.variant[variant()], local.hideScrollBar && CLASSES.flag.hideScrollBar, local.class));
+    const classes = createMemo(()=>twMerge(CLASSES.base, CLASSES.orientation[orientation()], CLASSES.variant[variant()], p.hideScrollBar && CLASSES.flag.hideScrollBar, p.class));
     const style = createMemo(()=>{
-        if ("string" == typeof local.style) {
-            const trimmed = local.style.trim();
+        if ("string" == typeof p.style) {
+            const trimmed = p.style.trim();
             const suffix = trimmed.length > 0 && !trimmed.endsWith(";") ? ";" : "";
             return `${trimmed}${suffix} --scroll-area-size: ${size()}px;`;
         }
         return {
-            ...local.style ?? {},
+            ...p.style ?? {},
             "--scroll-area-size": `${size()}px`
         };
     });
-    return (()=>{
-        var _el$ = _tmpl$();
-        use((el)=>{
+    var _el$ = _tmpl$();
+    ref(()=>(el)=>{
             containerRef = el;
-            if ("function" == typeof local.ref) local.ref(el);
+            if ("function" == typeof p.ref) p.ref(el);
         }, _el$);
-        spread(_el$, mergeProps(others, ()=>({
-                class: classes()
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["data-orientation"] () {
-                return orientation();
-            },
-            get ["data-scroll-area-size"] () {
-                return size();
-            },
-            get style () {
-                return style();
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    spread(_el$, mergeProps(others, ()=>({
+            class: classes()
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get ["data-orientation"] () {
+            return orientation();
+        },
+        get ["data-scroll-area-size"] () {
+            return size();
+        },
+        get style () {
+            return style();
+        }
+    }), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const ScrollArea = defineComponent({
     recipe: componentRecipe,

package/dist/components/scroll-area/ScrollArea.recipe.d.ts

@@ -11,7 +11,7 @@ export declare const CLASSES: {
         readonly hideScrollBar: "scroll-area--hide-scrollbar";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "scroll-area";
     readonly slots: {
         readonly root: {};

package/dist/components/select/Select.generated.d.ts

@@ -1,5 +1,6 @@
 import "./Select.css";
-import { type Component, type JSX } from "solid-js";
+import { type Component } from "solid-js";
+import { type JSX } from "@solidjs/web";
 import { type OverlayPlacement } from "../_shared/overlayPosition";
 import type { UIBaseProps, State } from "../vocabulary";
 type SelectKey = string | number;