@pathscale/ui 1.2.5 → 1.2.7

package/dist/components/navbar/Navbar.css

@@ -1,110 +1,110 @@
-@layer components {
-  .navbar {
-    position: relative;
-    display: flex;
-    width: 100%;
-    min-height: 4rem;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.5rem;
-  }
-
-  .navbar__section {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-
-  .navbar__section--start {
-    width: 50%;
-    justify-content: flex-start;
-  }
-
-  .navbar__section--center {
-    flex-shrink: 0;
-    justify-content: center;
-  }
-
-  .navbar__section--end {
-    width: 50%;
-    justify-content: flex-end;
-  }
-
-  .navbar__stack {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-  }
-
-  .navbar__stack--sticky {
-    position: sticky;
-    top: 0;
-    z-index: 30;
-  }
-
-  .navbar__stack--container {
-    width: 100%;
-    max-width: 80rem;
-    margin-inline: auto;
-    padding-inline: 1rem;
-  }
-
-  .navbar__row {
-    display: flex;
-    width: 100%;
-    align-items: center;
-  }
-
-  .navbar__row--bordered {
-    border-bottom: 1px solid color-mix(in oklab, var(--color-base-content) 16%, transparent);
-  }
-
-  .navbar__row--padded {
-    padding: 0.5rem 1rem;
-  }
-
-  .navbar__row--ghost {
-    background-color: var(--color-base-100);
-    color: var(--color-base-content);
-  }
-
-  .navbar__row--neutral {
-    background-color: var(--color-neutral);
-    color: var(--color-neutral-content);
-  }
-
-  .navbar__row--primary {
-    background-color: var(--color-primary);
-    color: var(--color-primary-content);
-  }
-
-  .navbar__row--secondary {
-    background-color: var(--color-secondary);
-    color: var(--color-secondary-content);
-  }
-
-  .navbar__row--accent {
-    background-color: var(--color-accent);
-    color: var(--color-accent-content);
-  }
-
-  .navbar__row--info {
-    background-color: var(--color-info);
-    color: var(--color-info-content);
-  }
-
-  .navbar__row--success {
-    background-color: var(--color-success);
-    color: var(--color-success-foreground);
-  }
-
-  .navbar__row--warning {
-    background-color: var(--color-warning);
-    color: var(--color-warning-foreground);
-  }
-
-  .navbar__row--error {
-    background-color: var(--color-error);
-    color: var(--color-error-foreground);
-  }
-}
+@layer components {
+  .navbar {
+    position: relative;
+    display: flex;
+    width: 100%;
+    min-height: 4rem;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem;
+  }
+
+  .navbar__section {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .navbar__section--start {
+    width: 50%;
+    justify-content: flex-start;
+  }
+
+  .navbar__section--center {
+    flex-shrink: 0;
+    justify-content: center;
+  }
+
+  .navbar__section--end {
+    width: 50%;
+    justify-content: flex-end;
+  }
+
+  .navbar__stack {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+  }
+
+  .navbar__stack--sticky {
+    position: sticky;
+    top: 0;
+    z-index: 30;
+  }
+
+  .navbar__stack--container {
+    width: 100%;
+    max-width: 80rem;
+    margin-inline: auto;
+    padding-inline: 1rem;
+  }
+
+  .navbar__row {
+    display: flex;
+    width: 100%;
+    align-items: center;
+  }
+
+  .navbar__row--bordered {
+    border-bottom: 1px solid color-mix(in oklab, var(--color-base-content) 16%, transparent);
+  }
+
+  .navbar__row--padded {
+    padding: 0.5rem 1rem;
+  }
+
+  .navbar__row--ghost {
+    background-color: var(--color-base-100);
+    color: var(--color-base-content);
+  }
+
+  .navbar__row--neutral {
+    background-color: var(--color-neutral);
+    color: var(--color-neutral-content);
+  }
+
+  .navbar__row--primary {
+    background-color: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  .navbar__row--secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-secondary-content);
+  }
+
+  .navbar__row--accent {
+    background-color: var(--color-accent);
+    color: var(--color-accent-content);
+  }
+
+  .navbar__row--info {
+    background-color: var(--color-info);
+    color: var(--color-info-content);
+  }
+
+  .navbar__row--success {
+    background-color: var(--color-success);
+    color: var(--color-success-foreground);
+  }
+
+  .navbar__row--warning {
+    background-color: var(--color-warning);
+    color: var(--color-warning-foreground);
+  }
+
+  .navbar__row--error {
+    background-color: var(--color-error);
+    color: var(--color-error-foreground);
+  }
+}

package/dist/components/navbar/Navbar.js

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Dynamic, createComponent, mergeProps } from "solid-js/web";
 import "./Navbar.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__NavbarSection_js_c2bbb2b2__ from "./NavbarSection.js";
-import * as __WEBPACK_EXTERNAL_MODULE__NavbarStack_js_59d9b581__ from "./NavbarStack.js";
-import * as __WEBPACK_EXTERNAL_MODULE__NavbarRow_js_2f1ed444__ from "./NavbarRow.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-const Navbar = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import external_NavbarSection_js_default from "./NavbarSection.js";
+import external_NavbarStack_js_default from "./NavbarStack.js";
+import external_NavbarRow_js_default from "./NavbarRow.js";
+import { CLASSES } from "./Navbar.classes.js";
+const Navbar_Navbar = (props)=>{
+    const [local, others] = splitProps(props, [
         "as",
         "class",
         "className",
@@ -16,8 +16,8 @@ const Navbar = (props)=>{
         "dataTheme"
     ]);
     const Tag = local.as || "div";
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.navbar.base, local.class, local.className);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+    const classes = ()=>twMerge(CLASSES.navbar.base, local.class, local.className);
+    return createComponent(Dynamic, mergeProps({
         component: Tag,
         role: "navigation",
         "aria-label": "Navbar"
@@ -36,20 +36,20 @@ const Navbar = (props)=>{
         }
     }));
 };
-const NavbarStart = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+const NavbarStart = (props)=>createComponent(external_NavbarSection_js_default, mergeProps({
         section: "start"
     }, props));
-const NavbarCenter = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+const NavbarCenter = (props)=>createComponent(external_NavbarSection_js_default, mergeProps({
         section: "center"
     }, props));
-const NavbarEnd = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+const NavbarEnd = (props)=>createComponent(external_NavbarSection_js_default, mergeProps({
         section: "end"
     }, props));
-const navbar_Navbar = Object.assign(Navbar, {
+const Navbar = Object.assign(Navbar_Navbar, {
     Start: NavbarStart,
     Center: NavbarCenter,
     End: NavbarEnd,
-    Stack: __WEBPACK_EXTERNAL_MODULE__NavbarStack_js_59d9b581__["default"],
-    Row: __WEBPACK_EXTERNAL_MODULE__NavbarRow_js_2f1ed444__["default"]
+    Stack: external_NavbarStack_js_default,
+    Row: external_NavbarRow_js_default
 });
-export { navbar_Navbar as default };
+export { Navbar as default };

package/dist/components/navbar/NavbarRow.js

@@ -1,10 +1,10 @@
-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__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { children, createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Navbar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const NavbarRow = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "bordered",
         "padded",
@@ -14,12 +14,12 @@ const NavbarRow = (props)=>{
         "style",
         "dataTheme"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const resolvedChildren = children(()=>local.children);
     const colorKey = ()=>local.color && "ghost" !== local.color ? local.color : "ghost";
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.base, true === local.bordered && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.bordered, false !== local.padded && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.padded, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.color[colorKey()], local.class, local.className));
+    const classes = createMemo(()=>twMerge(CLASSES.row.base, true === local.bordered && CLASSES.row.flag.bordered, false !== local.padded && CLASSES.row.flag.padded, CLASSES.row.color[colorKey()], 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 () {
@@ -29,7 +29,7 @@ const NavbarRow = (props)=>{
                 return local.dataTheme;
             }
         }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        insert(_el$, resolvedChildren);
         return _el$;
     })();
 };

package/dist/components/navbar/NavbarSection.js

@@ -1,10 +1,10 @@
-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__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Navbar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const NavbarSection = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "section",
         "dataTheme",
@@ -12,10 +12,10 @@ const NavbarSection = (props)=>{
         "className",
         "style"
     ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.section.base, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.section.variant[local.section], local.class, local.className);
+    const classes = ()=>twMerge(CLASSES.section.base, CLASSES.section.variant[local.section], 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)(others, {
+        spread(_el$, mergeProps(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             }
@@ -26,7 +26,7 @@ const NavbarSection = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };

package/dist/components/navbar/NavbarStack.js

@@ -1,10 +1,10 @@
-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__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { children, createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Navbar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const NavbarStack = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "sticky",
         "container",
@@ -13,11 +13,11 @@ const NavbarStack = (props)=>{
         "style",
         "dataTheme"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.base, local.sticky && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.flag.sticky, local.container && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.flag.container, local.class, local.className));
+    const resolvedChildren = children(()=>local.children);
+    const classes = createMemo(()=>twMerge(CLASSES.stack.base, local.sticky && CLASSES.stack.flag.sticky, local.container && CLASSES.stack.flag.container, 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 () {
@@ -27,7 +27,7 @@ const NavbarStack = (props)=>{
                 return local.dataTheme;
             }
         }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        insert(_el$, resolvedChildren);
         return _el$;
     })();
 };

package/dist/components/navbar/index.js

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

package/dist/components/noise-background/NoiseBackground.css

@@ -1,66 +1,66 @@
-@layer components {
-  .noise-background {
-    position: relative;
-    overflow: hidden;
-    background: var(--color-base-200);
-    backdrop-filter: blur(4px);
-    box-shadow:
-      0 1px 0 0 var(--color-base-300) inset,
-      0 1px 0 0 var(--color-base-100);
-  }
-
-  .noise-background--backdrop-blur::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    backdrop-filter: blur(16px);
-    pointer-events: none;
-  }
-
-  .noise-background__layer {
-    position: absolute;
-    inset: 0;
-  }
-
-  .noise-background__layer--0 {
-    opacity: 0.4;
-  }
-
-  .noise-background__layer--1 {
-    opacity: 0.3;
-  }
-
-  .noise-background__layer--2 {
-    opacity: 0.25;
-  }
-
-  .noise-background__strip {
-    position: absolute;
-    top: 0;
-    inset-inline: 0;
-    height: 0.25rem;
-    opacity: 0.8;
-    filter: blur(4px);
-  }
-
-  .noise-background__noise-wrap {
-    pointer-events: none;
-    position: absolute;
-    inset: 0;
-    overflow: hidden;
-  }
-
-  .noise-background__noise-image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    mix-blend-mode: overlay;
-  }
-
-  .noise-background__content {
-    position: relative;
-    z-index: 10;
-  }
-}
+@layer components {
+  .noise-background {
+    position: relative;
+    overflow: hidden;
+    background: var(--color-base-200);
+    backdrop-filter: blur(4px);
+    box-shadow:
+      0 1px 0 0 var(--color-base-300) inset,
+      0 1px 0 0 var(--color-base-100);
+  }
+
+  .noise-background--backdrop-blur::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    backdrop-filter: blur(16px);
+    pointer-events: none;
+  }
+
+  .noise-background__layer {
+    position: absolute;
+    inset: 0;
+  }
+
+  .noise-background__layer--0 {
+    opacity: 0.4;
+  }
+
+  .noise-background__layer--1 {
+    opacity: 0.3;
+  }
+
+  .noise-background__layer--2 {
+    opacity: 0.25;
+  }
+
+  .noise-background__strip {
+    position: absolute;
+    top: 0;
+    inset-inline: 0;
+    height: 0.25rem;
+    opacity: 0.8;
+    filter: blur(4px);
+  }
+
+  .noise-background__noise-wrap {
+    pointer-events: none;
+    position: absolute;
+    inset: 0;
+    overflow: hidden;
+  }
+
+  .noise-background__noise-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    mix-blend-mode: overlay;
+  }
+
+  .noise-background__content {
+    position: relative;
+    z-index: 10;
+  }
+}