@pathscale/ui 1.2.6 → 1.2.8

package/dist/components/number-field/NumberField.js

@@ -1,10 +1,10 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import "./NumberField.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__NumberField_classes_js_abe73f12__ from "./NumberField.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=number-field-increment-button-icon fill=none role=presentation viewBox="0 0 16 16"><path d="M8 3.25a.75.75 0 0 1 .75.75v3.25H12a.75.75 0 0 1 0 1.5H8.75V12a.75.75 0 0 1-1.5 0V8.75H4a.75.75 0 0 1 0-1.5h3.25V4A.75.75 0 0 1 8 3.25Z"fill=currentColor>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=number-field-decrement-button-icon fill=none role=presentation viewBox="0 0 16 16"><path d="M4 7.25a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H4Z"fill=currentColor>');
-const NumberFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext, createEffect, createSignal, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./NumberField.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<button>"), _tmpl$4 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=number-field-increment-button-icon fill=none role=presentation viewBox="0 0 16 16"><path d="M8 3.25a.75.75 0 0 1 .75.75v3.25H12a.75.75 0 0 1 0 1.5H8.75V12a.75.75 0 0 1-1.5 0V8.75H4a.75.75 0 0 1 0-1.5h3.25V4A.75.75 0 0 1 8 3.25Z"fill=currentColor>'), _tmpl$5 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=number-field-decrement-button-icon fill=none role=presentation viewBox="0 0 16 16"><path d="M4 7.25a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H4Z"fill=currentColor>');
+const NumberFieldContext = createContext();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
@@ -23,7 +23,7 @@ const clamp = (value, min, max)=>{
 };
 const formatNumber = (value)=>void 0 === value ? "" : `${value}`;
 const NumberFieldRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -43,8 +43,8 @@ const NumberFieldRoot = (props)=>{
         "disabled",
         "isInvalid"
     ]);
-    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue);
-    const [inputValue, setInputValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(formatNumber(local.defaultValue));
+    const [internalValue, setInternalValue] = createSignal(local.defaultValue);
+    const [inputValue, setInputValue] = createSignal(formatNumber(local.defaultValue));
     const isControlled = ()=>void 0 !== local.value;
     const value = ()=>isControlled() ? local.value : internalValue();
     const variant = ()=>local.variant ?? "primary";
@@ -54,7 +54,7 @@ const NumberFieldRoot = (props)=>{
     const step = ()=>local.step && Number.isFinite(local.step) ? local.step : 1;
     const min = ()=>local.min;
     const max = ()=>local.max;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!isControlled()) return;
         setInputValue(formatNumber(local.value));
     });
@@ -102,12 +102,12 @@ const NumberFieldRoot = (props)=>{
         increment: ()=>adjustValue(1),
         decrement: ()=>adjustValue(-1)
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(NumberFieldContext.Provider, {
+    return createComponent(NumberFieldContext.Provider, {
         value: contextValue,
         get children () {
             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__NumberField_classes_js_abe73f12__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
                 }), {
                 "data-slot": "number-field",
                 get ["data-invalid"] () {
@@ -129,14 +129,14 @@ const NumberFieldRoot = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-                var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
-                return ()=>_c$() ? local.children(renderProps()) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.children)() ? local.children : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(NumberFieldGroup, {
+            insert(_el$, (()=>{
+                var _c$ = memo(()=>"function" == typeof local.children);
+                return ()=>_c$() ? local.children(renderProps()) : memo(()=>!!local.children)() ? local.children : createComponent(NumberFieldGroup, {
                         get children () {
                             return [
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(NumberFieldDecrementButton, {}),
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(NumberFieldInput, {}),
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(NumberFieldIncrementButton, {})
+                                createComponent(NumberFieldDecrementButton, {}),
+                                createComponent(NumberFieldInput, {}),
+                                createComponent(NumberFieldIncrementButton, {})
                             ];
                         }
                     });
@@ -146,8 +146,8 @@ const NumberFieldRoot = (props)=>{
     });
 };
 const NumberFieldGroup = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(NumberFieldContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const context = useContext(NumberFieldContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -161,8 +161,8 @@ const NumberFieldGroup = (props)=>{
         });
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Group.flag.fullWidth, local.class, local.className)
+        spread(_el$2, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Group.base, context?.fullWidth() && CLASSES.Group.flag.fullWidth, local.class, local.className)
             }), {
             "data-slot": "number-field-group",
             get ["data-invalid"] () {
@@ -178,16 +178,16 @@ const NumberFieldGroup = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
+        insert(_el$2, (()=>{
+            var _c$2 = memo(()=>"function" == typeof local.children);
             return ()=>_c$2() ? local.children(renderProps()) : local.children;
         })());
         return _el$2;
     })();
 };
 const NumberFieldInput = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(NumberFieldContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const context = useContext(NumberFieldContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -207,11 +207,11 @@ const NumberFieldInput = (props)=>{
     };
     return (()=>{
         var _el$3 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$3, mergeProps(others, {
             type: "text",
             inputmode: "decimal"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Input.base, local.class, local.className)
+                class: twMerge(CLASSES.Input.base, local.class, local.className)
             }), {
             "data-slot": "number-field-input",
             get ["data-theme"] () {
@@ -251,8 +251,8 @@ const NumberFieldInput = (props)=>{
     })();
 };
 const NumberFieldIncrementButton = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(NumberFieldContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const context = useContext(NumberFieldContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -267,10 +267,10 @@ const NumberFieldIncrementButton = (props)=>{
     };
     return (()=>{
         var _el$4 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$4, mergeProps(others, {
             type: "button"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.IncrementButton.base, local.class, local.className)
+                class: twMerge(CLASSES.IncrementButton.base, local.class, local.className)
             }), {
             "data-slot": "number-field-increment-button",
             get ["data-theme"] () {
@@ -288,13 +288,13 @@ const NumberFieldIncrementButton = (props)=>{
             slot: "increment",
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children ?? _tmpl$4());
+        insert(_el$4, ()=>local.children ?? _tmpl$4());
         return _el$4;
     })();
 };
 const NumberFieldDecrementButton = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(NumberFieldContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const context = useContext(NumberFieldContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -309,10 +309,10 @@ const NumberFieldDecrementButton = (props)=>{
     };
     return (()=>{
         var _el$6 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$6, mergeProps(others, {
             type: "button"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.DecrementButton.base, local.class, local.className)
+                class: twMerge(CLASSES.DecrementButton.base, local.class, local.className)
             }), {
             "data-slot": "number-field-decrement-button",
             get ["data-theme"] () {
@@ -330,16 +330,17 @@ const NumberFieldDecrementButton = (props)=>{
             slot: "decrement",
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children ?? _tmpl$5());
+        insert(_el$6, ()=>local.children ?? _tmpl$5());
         return _el$6;
     })();
 };
-const NumberField_NumberField = Object.assign(NumberFieldRoot, {
+const NumberField = Object.assign(NumberFieldRoot, {
     Root: NumberFieldRoot,
     Group: NumberFieldGroup,
     Input: NumberFieldInput,
     IncrementButton: NumberFieldIncrementButton,
     DecrementButton: NumberFieldDecrementButton
 });
-const NumberField = NumberField_NumberField;
-export { NumberField_NumberField as NumberField, NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot, NumberField as default };
+const number_field_NumberField = NumberField;
+export default number_field_NumberField;
+export { NumberField, NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot };

package/dist/components/number-field/index.js

@@ -1,9 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__ from "./NumberField.js";
-var __webpack_exports__NumberField = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__.NumberField;
-var __webpack_exports__NumberFieldDecrementButton = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__.NumberFieldDecrementButton;
-var __webpack_exports__NumberFieldGroup = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__.NumberFieldGroup;
-var __webpack_exports__NumberFieldIncrementButton = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__.NumberFieldIncrementButton;
-var __webpack_exports__NumberFieldInput = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__.NumberFieldInput;
-var __webpack_exports__NumberFieldRoot = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__.NumberFieldRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__["default"];
-export { __webpack_exports__NumberField as NumberField, __webpack_exports__NumberFieldDecrementButton as NumberFieldDecrementButton, __webpack_exports__NumberFieldGroup as NumberFieldGroup, __webpack_exports__NumberFieldIncrementButton as NumberFieldIncrementButton, __webpack_exports__NumberFieldInput as NumberFieldInput, __webpack_exports__NumberFieldRoot as NumberFieldRoot, __webpack_exports__default as default };
+export { NumberField, NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot, default } from "./NumberField.js";

package/dist/components/pagination/Pagination.css

@@ -1,121 +1,121 @@
-@layer components {
-  .pagination {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-between;
-    gap: 1rem;
-  }
-
-  @media (min-width: 640px) {
-    .pagination {
-      flex-direction: row;
-    }
-  }
-
-  .pagination__summary {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    align-self: flex-start;
-    font-size: 0.875rem;
-    opacity: 0.7;
-  }
-
-  @media (min-width: 640px) {
-    .pagination__summary {
-      align-self: center;
-    }
-  }
-
-  .pagination__content {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-    align-self: flex-start;
-  }
-
-  @media (min-width: 640px) {
-    .pagination__content {
-      align-self: center;
-    }
-  }
-
-  .pagination__item {
-    display: inline-flex;
-  }
-
-  .pagination__link {
-    position: relative;
-    isolation: isolate;
-    display: inline-flex;
-    height: 2.25rem;
-    width: 2.25rem;
-    transform-origin: center;
-    align-items: center;
-    justify-content: center;
-    border-radius: 9999px;
-    border: 0;
-    background-color: transparent;
-    color: var(--color-base-content);
-    font-size: 0.875rem;
-    font-weight: 500;
-    white-space: nowrap;
-    outline: none;
-    user-select: none;
-    cursor: pointer;
-    transition:
-      transform 250ms var(--ease-smooth, cubic-bezier(0.22, 1, 0.36, 1)),
-      background-color 100ms ease-out,
-      box-shadow 100ms ease-out;
-  }
-
-  .pagination__link:focus-visible,
-  .pagination__link[data-focus-visible="true"] {
-    outline: none;
-    box-shadow: 0 0 0 2px var(--color-focus, var(--color-accent));
-  }
-
-  .pagination__link:disabled,
-  .pagination__link[aria-disabled="true"] {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  @media (hover: hover) {
-    .pagination__link:hover:not(:disabled),
-    .pagination__link[data-hovered="true"]:not(:disabled) {
-      background-color: var(--color-base-200);
-    }
-  }
-
-  .pagination__link:active:not(:disabled),
-  .pagination__link[data-pressed="true"]:not(:disabled) {
-    background-color: var(--color-base-300);
-    transform: scale(0.97);
-  }
-
-  .pagination__link[data-active="true"] {
-    background-color: var(--color-base-300);
-    color: var(--color-base-content);
-  }
-
-  .pagination__ellipsis {
-    display: inline-flex;
-    height: 2.25rem;
-    width: 2.25rem;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.875rem;
-    opacity: 0.65;
-    user-select: none;
-  }
-
-  .pagination__link--nav {
-    width: auto;
-    gap: 0.375rem;
-    padding-inline: 0.625rem;
-  }
-}
-
+@layer components {
+  .pagination {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+  }
+
+  @media (min-width: 640px) {
+    .pagination {
+      flex-direction: row;
+    }
+  }
+
+  .pagination__summary {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    align-self: flex-start;
+    font-size: 0.875rem;
+    opacity: 0.7;
+  }
+
+  @media (min-width: 640px) {
+    .pagination__summary {
+      align-self: center;
+    }
+  }
+
+  .pagination__content {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    align-self: flex-start;
+  }
+
+  @media (min-width: 640px) {
+    .pagination__content {
+      align-self: center;
+    }
+  }
+
+  .pagination__item {
+    display: inline-flex;
+  }
+
+  .pagination__link {
+    position: relative;
+    isolation: isolate;
+    display: inline-flex;
+    height: 2.25rem;
+    width: 2.25rem;
+    transform-origin: center;
+    align-items: center;
+    justify-content: center;
+    border-radius: 9999px;
+    border: 0;
+    background-color: transparent;
+    color: var(--color-base-content);
+    font-size: 0.875rem;
+    font-weight: 500;
+    white-space: nowrap;
+    outline: none;
+    user-select: none;
+    cursor: pointer;
+    transition:
+      transform 250ms var(--ease-smooth, cubic-bezier(0.22, 1, 0.36, 1)),
+      background-color 100ms ease-out,
+      box-shadow 100ms ease-out;
+  }
+
+  .pagination__link:focus-visible,
+  .pagination__link[data-focus-visible="true"] {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--color-focus, var(--color-accent));
+  }
+
+  .pagination__link:disabled,
+  .pagination__link[aria-disabled="true"] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  @media (hover: hover) {
+    .pagination__link:hover:not(:disabled),
+    .pagination__link[data-hovered="true"]:not(:disabled) {
+      background-color: var(--color-base-200);
+    }
+  }
+
+  .pagination__link:active:not(:disabled),
+  .pagination__link[data-pressed="true"]:not(:disabled) {
+    background-color: var(--color-base-300);
+    transform: scale(0.97);
+  }
+
+  .pagination__link[data-active="true"] {
+    background-color: var(--color-base-300);
+    color: var(--color-base-content);
+  }
+
+  .pagination__ellipsis {
+    display: inline-flex;
+    height: 2.25rem;
+    width: 2.25rem;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.875rem;
+    opacity: 0.65;
+    user-select: none;
+  }
+
+  .pagination__link--nav {
+    width: auto;
+    gap: 0.375rem;
+    padding-inline: 0.625rem;
+  }
+}
+

package/dist/components/pagination/Pagination.js

@@ -1,9 +1,9 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import "./Pagination.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__Pagination_classes_js_a4e7fc9f__ from "./Pagination.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<nav><div>Page <!> of </div><ul><li><button type=button><span aria-hidden=true>\u{2039}</span><span>Previous</span></button></li><li><button type=button><span>Next</span><span aria-hidden=true>\u{203A}`), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2026}`);
+import { For, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Pagination.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<nav><div>Page <!> of </div><ul><li><button type=button><span aria-hidden=true>‹</span><span>Previous</span></button></li><li><button type=button><span>Next</span><span aria-hidden=true>›"), _tmpl$2 = /*#__PURE__*/ template("<li>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>"), _tmpl$4 = /*#__PURE__*/ template("<span>…");
 const clampPage = (page, total)=>{
     if (!Number.isFinite(page)) return 1;
     return Math.min(Math.max(1, Math.floor(page)), total);
@@ -42,7 +42,7 @@ const getPaginationTokens = (page, total)=>{
     ];
 };
 const Pagination = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -63,36 +63,36 @@ const Pagination = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = (_el$5.nextSibling, _el$2.nextSibling), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             "aria-label": "pagination",
             role: "navigation"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.base, local.class, local.className)
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             "data-slot": "pagination"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.summary
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.slot.summary
             }), {
             "data-slot": "pagination-summary"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, currentPage, _el$5);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, safeTotal, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.content
+        insert(_el$2, currentPage, _el$5);
+        insert(_el$2, safeTotal, null);
+        spread(_el$6, mergeProps(()=>({
+                class: CLASSES.slot.content
             }), {
             "data-slot": "pagination-content"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
+        spread(_el$7, mergeProps(()=>({
+                class: CLASSES.slot.item
             }), {
             "data-slot": "pagination-item"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link, __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.linkNav)
+        spread(_el$8, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.link, CLASSES.slot.linkNav)
             }), {
             "data-slot": "pagination-previous",
             onClick: ()=>handleChange(currentPage() - 1),
@@ -101,21 +101,21 @@ const Pagination = (props)=>{
             },
             "aria-label": "Go to previous page"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+        insert(_el$6, createComponent(For, {
             get each () {
                 return tokens();
             },
             children: (token)=>(()=>{
                     var _el$1 = _tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
+                    spread(_el$1, mergeProps(()=>({
+                            class: CLASSES.slot.item
                         }), {
                         "data-slot": "pagination-item"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, "number" == typeof token ? (()=>{
+                    insert(_el$1, "number" == typeof token ? (()=>{
                         var _el$10 = _tmpl$3();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link
+                        spread(_el$10, mergeProps(()=>({
+                                class: CLASSES.slot.link
                             }), {
                             "data-slot": "pagination-link",
                             get ["data-active"] () {
@@ -130,12 +130,12 @@ const Pagination = (props)=>{
                             },
                             onClick: ()=>handleChange(token)
                         }), false, true);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, token);
+                        insert(_el$10, token);
                         return _el$10;
                     })() : (()=>{
                         var _el$11 = _tmpl$4();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.ellipsis
+                        spread(_el$11, mergeProps(()=>({
+                                class: CLASSES.slot.ellipsis
                             }), {
                             "data-slot": "pagination-ellipsis",
                             "aria-hidden": "true"
@@ -145,13 +145,13 @@ const Pagination = (props)=>{
                     return _el$1;
                 })()
         }), _el$9);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
+        spread(_el$9, mergeProps(()=>({
+                class: CLASSES.slot.item
             }), {
             "data-slot": "pagination-item"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link, __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.linkNav)
+        spread(_el$0, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.link, CLASSES.slot.linkNav)
             }), {
             "data-slot": "pagination-next",
             onClick: ()=>handleChange(currentPage() + 1),
@@ -164,4 +164,4 @@ const Pagination = (props)=>{
     })();
 };
 const pagination_Pagination = Pagination;
-export { pagination_Pagination as default };
+export default pagination_Pagination;

package/dist/components/pagination/index.js

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