@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/separator/Separator.css

@@ -1,35 +1,35 @@
-@layer components {
-  .separator {
-    display: block;
-    flex-shrink: 0;
-    border-radius: 0.25rem;
-
-    --separator-color: var(--color-separator, var(--color-base-300));
-
-    background-color: var(--separator-color);
-  }
-
-  .separator--horizontal {
-    width: 100%;
-    height: 1px;
-  }
-
-  .separator--vertical {
-    width: 1px;
-    height: auto;
-    min-height: 0.5rem;
-    align-self: stretch;
-  }
-
-  .separator--default {
-    --separator-color: var(--color-separator, var(--color-base-300));
-  }
-
-  .separator--secondary {
-    --separator-color: var(--color-separator-secondary, var(--color-base-300));
-  }
-
-  .separator--tertiary {
-    --separator-color: var(--color-separator-tertiary, var(--color-base-200));
-  }
-}
+@layer components {
+  .separator {
+    display: block;
+    flex-shrink: 0;
+    border-radius: 0.25rem;
+
+    --separator-color: var(--color-separator, var(--color-base-300));
+
+    background-color: var(--separator-color);
+  }
+
+  .separator--horizontal {
+    width: 100%;
+    height: 1px;
+  }
+
+  .separator--vertical {
+    width: 1px;
+    height: auto;
+    min-height: 0.5rem;
+    align-self: stretch;
+  }
+
+  .separator--default {
+    --separator-color: var(--color-separator, var(--color-base-300));
+  }
+
+  .separator--secondary {
+    --separator-color: var(--color-separator-secondary, var(--color-base-300));
+  }
+
+  .separator--tertiary {
+    --separator-color: var(--color-separator-tertiary, var(--color-base-200));
+  }
+}

package/dist/components/separator/Separator.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import "./Separator.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__Separator_classes_js_876f4d4e__ from "./Separator.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const Separator_Separator = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Separator.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const Separator = (props)=>{
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -18,7 +18,7 @@ const Separator_Separator = (props)=>{
     const variant = ()=>local.variant ?? "default";
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             get role () {
                 return local.role ?? "separator";
             },
@@ -33,7 +33,7 @@ const Separator_Separator = (props)=>{
                 return variant();
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Separator_classes_js_876f4d4e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Separator_classes_js_876f4d4e__.CLASSES.orientation[orientation()], __WEBPACK_EXTERNAL_MODULE__Separator_classes_js_876f4d4e__.CLASSES.variant[variant()], local.class, local.className);
+                return twMerge(CLASSES.base, CLASSES.orientation[orientation()], CLASSES.variant[variant()], local.class, local.className);
             },
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -45,5 +45,5 @@ const Separator_Separator = (props)=>{
         return _el$;
     })();
 };
-const Separator = Separator_Separator;
-export { Separator_Separator as Separator, Separator as default };
+const separator_Separator = Separator;
+export { Separator, separator_Separator as default };

package/dist/components/separator/index.js

@@ -1,4 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Separator_js_c4a9d2eb__ from "./Separator.js";
-var __webpack_exports__Separator = __WEBPACK_EXTERNAL_MODULE__Separator_js_c4a9d2eb__.Separator;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Separator_js_c4a9d2eb__["default"];
-export { __webpack_exports__Separator as Separator, __webpack_exports__default as default };
+import external_Separator_js_default, { Separator } from "./Separator.js";
+export { Separator, external_Separator_js_default as default };

package/dist/components/size-picker/SizePicker.js

@@ -1,18 +1,18 @@
-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";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__ from "./sizeStore.js";
-import * as __WEBPACK_EXTERNAL_MODULE__SizePicker_classes_js_e21f4008__ from "./SizePicker.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { For, createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
+import index_js_default from "../button/index.js";
+import { createSizeStore } from "./sizeStore.js";
+import { CLASSES } from "./SizePicker.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const PRESETS = [
     "M",
     "L",
     "XL"
 ];
-const SizePicker_SizePicker = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const SizePicker = (props)=>{
+    const [local, others] = splitProps(props, [
         "storagePrefix",
         "onSizeChange",
         "aria-label",
@@ -21,15 +21,15 @@ const SizePicker_SizePicker = (props)=>{
         "style",
         "dataTheme"
     ]);
-    const store = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.createSizeStore)(local.storagePrefix ?? "theme"));
+    const store = createMemo(()=>createSizeStore(local.storagePrefix ?? "theme"));
     const handleClick = (preset)=>{
         store().setSize(preset);
         local.onSizeChange?.(preset);
     };
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SizePicker_classes_js_e21f4008__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
+    const classes = ()=>twMerge(CLASSES.base, clsx(local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+        spread(_el$, mergeProps(()=>({
                 class: classes()
             }), {
             get style () {
@@ -40,9 +40,9 @@ const SizePicker_SizePicker = (props)=>{
                 return local["aria-label"] ?? "Change text size";
             }
         }, others), 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__.For, {
+        insert(_el$, createComponent(For, {
             each: PRESETS,
-            children: (preset)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+            children: (preset)=>createComponent(index_js_default, {
                     type: "button",
                     size: "sm",
                     get variant () {
@@ -60,5 +60,5 @@ const SizePicker_SizePicker = (props)=>{
         return _el$;
     })();
 };
-const SizePicker = SizePicker_SizePicker;
-export { SizePicker as default };
+const size_picker_SizePicker = SizePicker;
+export { size_picker_SizePicker as default };

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

@@ -1,6 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__SizePicker_js_9cdb43f2__ from "./SizePicker.js";
-import * as __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__ from "./sizeStore.js";
-var __webpack_exports__SizePicker = __WEBPACK_EXTERNAL_MODULE__SizePicker_js_9cdb43f2__["default"];
-var __webpack_exports__createSizeStore = __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.createSizeStore;
-var __webpack_exports__getDefaultSizeStore = __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.getDefaultSizeStore;
-export { __webpack_exports__SizePicker as SizePicker, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore };
+import external_SizePicker_js_default from "./SizePicker.js";
+import { createSizeStore, getDefaultSizeStore } from "./sizeStore.js";
+export { external_SizePicker_js_default as SizePicker, createSizeStore, getDefaultSizeStore };

package/dist/components/size-picker/sizeStore.js

@@ -1,4 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import { createEffect, createSignal } from "solid-js";
 const SIZE_SCALE = {
     M: 100,
     L: 112.5,
@@ -15,8 +15,8 @@ function createSizeStore(storagePrefix) {
         if (saved && saved in SIZE_SCALE) return saved;
         return "M";
     };
-    const [size, setSizeInternal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(getInitial());
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    const [size, setSizeInternal] = createSignal(getInitial());
+    createEffect(()=>{
         const s = size();
         if ("undefined" == typeof window) return;
         localStorage.setItem(STORAGE_KEY, s);

package/dist/components/skeleton/Skeleton.css

@@ -1,95 +1,95 @@
-@layer components {
-  /* -------------------------------------------------------------------------------------------------
-   * Base
-   * -----------------------------------------------------------------------------------------------*/
-  .skeleton {
-    pointer-events: none;
-    position: relative;
-    overflow: hidden;
-    border-radius: var(--radius-field, 0.25rem);
-    background-color: color-mix(in oklab, var(--color-base-300) 70%, transparent);
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Shimmer animation
-   * -----------------------------------------------------------------------------------------------*/
-  .skeleton--shimmer::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    transform: translateX(-100%);
-    background: linear-gradient(
-      90deg,
-      transparent 0%,
-      color-mix(in oklab, var(--color-base-300) 50%, transparent) 50%,
-      transparent 100%
-    );
-    animation: skeleton-shimmer 1.5s ease-in-out infinite;
-  }
-
-  @keyframes skeleton-shimmer {
-    100% {
-      transform: translateX(100%);
-    }
-  }
-
-  /* Parent with nested skeletons: single synchronized shimmer */
-  .skeleton--shimmer:has(.skeleton)::after {
-    content: none;
-  }
-
-  .skeleton--shimmer:has(.skeleton)::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    z-index: 10;
-    pointer-events: none;
-    transform: translateX(-100%);
-    background: linear-gradient(
-      90deg,
-      transparent 0%,
-      oklch(100% 0 0 / 0.5) 50%,
-      transparent 100%
-    );
-    mix-blend-mode: overlay;
-    animation: skeleton-shimmer 1.5s ease-in-out infinite;
-  }
-
-  .skeleton--shimmer:has(.skeleton) .skeleton::after {
-    content: none;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Pulse animation
-   * -----------------------------------------------------------------------------------------------*/
-  .skeleton--pulse {
-    animation: skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  @keyframes skeleton-pulse {
-    0%, 100% {
-      opacity: 1;
-    }
-    50% {
-      opacity: 0.5;
-    }
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * No animation
-   * -----------------------------------------------------------------------------------------------*/
-  .skeleton--none {
-    /* Static placeholder, no animation */
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Reduced motion
-   * -----------------------------------------------------------------------------------------------*/
-  @media (prefers-reduced-motion: reduce) {
-    .skeleton--shimmer::after,
-    .skeleton--shimmer::before,
-    .skeleton--pulse {
-      animation: none;
-    }
-  }
-}
+@layer components {
+  /* -------------------------------------------------------------------------------------------------
+   * Base
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton {
+    pointer-events: none;
+    position: relative;
+    overflow: hidden;
+    border-radius: var(--radius-field, 0.25rem);
+    background-color: color-mix(in oklab, var(--color-base-300) 70%, transparent);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Shimmer animation
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton--shimmer::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    transform: translateX(-100%);
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      color-mix(in oklab, var(--color-base-300) 50%, transparent) 50%,
+      transparent 100%
+    );
+    animation: skeleton-shimmer 1.5s ease-in-out infinite;
+  }
+
+  @keyframes skeleton-shimmer {
+    100% {
+      transform: translateX(100%);
+    }
+  }
+
+  /* Parent with nested skeletons: single synchronized shimmer */
+  .skeleton--shimmer:has(.skeleton)::after {
+    content: none;
+  }
+
+  .skeleton--shimmer:has(.skeleton)::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 10;
+    pointer-events: none;
+    transform: translateX(-100%);
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      oklch(100% 0 0 / 0.5) 50%,
+      transparent 100%
+    );
+    mix-blend-mode: overlay;
+    animation: skeleton-shimmer 1.5s ease-in-out infinite;
+  }
+
+  .skeleton--shimmer:has(.skeleton) .skeleton::after {
+    content: none;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Pulse animation
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton--pulse {
+    animation: skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  @keyframes skeleton-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * No animation
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton--none {
+    /* Static placeholder, no animation */
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Reduced motion
+   * -----------------------------------------------------------------------------------------------*/
+  @media (prefers-reduced-motion: reduce) {
+    .skeleton--shimmer::after,
+    .skeleton--shimmer::before,
+    .skeleton--pulse {
+      animation: none;
+    }
+  }
+}

package/dist/components/skeleton/Skeleton.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import "./Skeleton.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__Skeleton_classes_js_44948e04__ from "./Skeleton.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Skeleton.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const Skeleton = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "animationType",
@@ -15,8 +15,8 @@ const Skeleton = (props)=>{
     const animation = ()=>local.animationType ?? "shimmer";
     return (()=>{
         var _el$ = _tmpl$();
-        (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__Skeleton_classes_js_44948e04__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Skeleton_classes_js_44948e04__.CLASSES.animation[animation()], local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, CLASSES.animation[animation()], local.class, local.className)
             }), {
             "data-slot": "skeleton",
             get ["data-theme"] () {

package/dist/components/skeleton/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Skeleton_js_8ac331af__ from "./Skeleton.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Skeleton_js_8ac331af__["default"];
-export { __webpack_exports__default as default };
+import external_Skeleton_js_default from "./Skeleton.js";
+export { external_Skeleton_js_default as default };