@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/password-field/PasswordField.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__button_index_js_557db1f7__ from "../button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__ from "../input/index.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 { createSignal, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../button/index.js";
+import external_icon_index_js_default from "../icon/index.js";
+import external_input_index_js_default from "../input/index.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const createPasswordFieldInputContract = (params)=>({
         id: params.id,
         name: params.name,
@@ -19,7 +19,7 @@ const createPasswordFieldInputContract = (params)=>({
         isDisabled: Boolean(params.disabled),
         isInvalid: Boolean(params.invalid),
         startIcon: params.startIcon,
-        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full", params.inputClass)
+        class: twMerge("w-full", params.inputClass)
     });
 const getPasswordInputType = (isVisible)=>isVisible ? "text" : "password";
 const selectPasswordToggleIcon = (isVisible, visibleIcon, hiddenIcon, fallback)=>(isVisible ? visibleIcon : hiddenIcon) ?? fallback;
@@ -49,7 +49,7 @@ const restorePasswordFieldAfterToggle = (field, snapshot)=>{
 };
 const preventPasswordTogglePointerDown = (event)=>event.preventDefault();
 const PasswordField = (props)=>{
-    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local] = splitProps(props, [
         "id",
         "name",
         "label",
@@ -75,10 +75,10 @@ const PasswordField = (props)=>{
         "className",
         "dataTheme"
     ]);
-    const [isVisible, setIsVisible] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [isVisible, setIsVisible] = createSignal(false);
     let fieldRef;
     const toggleLabel = ()=>isVisible() ? local.hideLabel : local.showLabel;
-    const toggleIcon = ()=>selectPasswordToggleIcon(isVisible(), local.visibleIcon, local.hiddenIcon, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+    const toggleIcon = ()=>selectPasswordToggleIcon(isVisible(), local.visibleIcon, local.hiddenIcon, createComponent(external_icon_index_js_default, {
             width: 16,
             height: 16,
             get name () {
@@ -101,8 +101,8 @@ const PasswordField = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full", local.class, local.className)
+        spread(_el$, mergeProps(()=>({
+                class: twMerge("w-full", local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -112,7 +112,7 @@ const PasswordField = (props)=>{
                 return isVisible() ? "true" : "false";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>createPasswordFieldInputContract({
+        insert(_el$, createComponent(external_input_index_js_default, mergeProps(()=>createPasswordFieldInputContract({
                 id: local.id,
                 name: local.name,
                 label: local.label,
@@ -134,7 +134,7 @@ const PasswordField = (props)=>{
             },
             onBlur: ()=>local.onBlur?.(),
             get endIcon () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+                return createComponent(index_js_default, {
                     type: "button",
                     variant: "ghost",
                     size: "sm",

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

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__PasswordField_js_9859d7de__ from "./PasswordField.js";
-var __webpack_exports__PasswordField = __WEBPACK_EXTERNAL_MODULE__PasswordField_js_9859d7de__["default"];
-export { __webpack_exports__PasswordField as PasswordField };
+import external_PasswordField_js_default from "./PasswordField.js";
+export { external_PasswordField_js_default as PasswordField };

package/dist/components/password-requirements/PasswordRequirements.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__icon_index_js_1f7a158c__ from "../icon/index.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-xs font-medium uppercase opacity-70">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul class=space-y-1>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<li><span class="inline-flex shrink-0 items-center justify-center"aria-hidden=true></span><span>');
-const PasswordRequirements = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { className, createComponent, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { For, Show, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../icon/index.js";
+var _tmpl$ = /*#__PURE__*/ template('<p class="text-xs font-medium uppercase opacity-70">'), _tmpl$2 = /*#__PURE__*/ template("<div><ul class=space-y-1>"), _tmpl$3 = /*#__PURE__*/ template('<li><span class="inline-flex shrink-0 items-center justify-center"aria-hidden=true></span><span>');
+const PasswordRequirements_PasswordRequirements = (props)=>{
+    const [local, others] = splitProps(props, [
         "title",
         "results",
         "itemClass",
@@ -16,36 +16,36 @@ const PasswordRequirements = (props)=>{
     ]);
     return (()=>{
         var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
-        (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)("space-y-2", local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge("space-y-2", local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             "data-slot": "password-requirements"
         }), 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, {
+        insert(_el$, createComponent(Show, {
             get when () {
                 return local.title;
             },
             get children () {
                 var _el$2 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+                insert(_el$2, ()=>local.title);
                 return _el$2;
             }
         }), _el$3);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+        insert(_el$3, createComponent(For, {
             get each () {
                 return local.results;
             },
             children: (rule)=>(()=>{
                     var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    insert(_el$5, createComponent(Show, {
                         get when () {
-                            return rule.passed ? local.metIcon : local.unmetIcon;
+                            return memo(()=>!!rule.passed)() ? local.metIcon : local.unmetIcon;
                         },
                         get fallback () {
-                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                            return createComponent(index_js_default, {
                                 width: 14,
                                 height: 14,
                                 get name () {
@@ -54,15 +54,15 @@ const PasswordRequirements = (props)=>{
                             });
                         },
                         get children () {
-                            return rule.passed ? local.metIcon : local.unmetIcon;
+                            return memo(()=>!!rule.passed)() ? local.metIcon : local.unmetIcon;
                         }
                     }));
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>rule.message);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex items-center gap-2 text-sm", rule.passed ? "text-success" : "opacity-75", local.itemClass), _v$2 = rule.key, _v$3 = rule.passed ? "true" : "false";
-                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.e = _v$);
-                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-rule", _p$.t = _v$2);
-                        _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-passed", _p$.a = _v$3);
+                    insert(_el$6, ()=>rule.message);
+                    effect((_p$)=>{
+                        var _v$ = twMerge("flex items-center gap-2 text-sm", rule.passed ? "text-success" : "opacity-75", local.itemClass), _v$2 = rule.key, _v$3 = rule.passed ? "true" : "false";
+                        _v$ !== _p$.e && className(_el$4, _p$.e = _v$);
+                        _v$2 !== _p$.t && setAttribute(_el$4, "data-rule", _p$.t = _v$2);
+                        _v$3 !== _p$.a && setAttribute(_el$4, "data-passed", _p$.a = _v$3);
                         return _p$;
                     }, {
                         e: void 0,
@@ -75,5 +75,5 @@ const PasswordRequirements = (props)=>{
         return _el$;
     })();
 };
-const password_requirements_PasswordRequirements = PasswordRequirements;
-export { password_requirements_PasswordRequirements as default };
+const PasswordRequirements = PasswordRequirements_PasswordRequirements;
+export { PasswordRequirements as default };

package/dist/components/password-requirements/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__PasswordRequirements_js_8e4e4c71__ from "./PasswordRequirements.js";
-var __webpack_exports__PasswordRequirements = __WEBPACK_EXTERNAL_MODULE__PasswordRequirements_js_8e4e4c71__["default"];
-export { __webpack_exports__PasswordRequirements as PasswordRequirements };
+import external_PasswordRequirements_js_default from "./PasswordRequirements.js";
+export { external_PasswordRequirements_js_default as PasswordRequirements };

package/dist/components/password-rules/index.js

@@ -1,4 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__passwordRules_js_7a09c026__ from "../../passwordRules.js";
-var __webpack_exports__evaluatePasswordRules = __WEBPACK_EXTERNAL_MODULE__passwordRules_js_7a09c026__.evaluatePasswordRules;
-var __webpack_exports__matchPasswordConfirmation = __WEBPACK_EXTERNAL_MODULE__passwordRules_js_7a09c026__.matchPasswordConfirmation;
-export { __webpack_exports__evaluatePasswordRules as evaluatePasswordRules, __webpack_exports__matchPasswordConfirmation as matchPasswordConfirmation };
+import { evaluatePasswordRules, matchPasswordConfirmation } from "../../passwordRules.js";
+export { evaluatePasswordRules, matchPasswordConfirmation };

package/dist/components/popover/Popover.css

@@ -1,117 +1,117 @@
-@layer components {
-  .popover-root {
-    position: relative;
-    display: inline-flex;
-  }
-
-  .popover {
-    position: fixed;
-    z-index: var(--z-overlay, 70);
-    border-radius: 1.5rem;
-    padding: 0;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    background-color: var(--color-overlay, var(--color-base-100));
-    color: var(--color-overlay-foreground, var(--color-base-content));
-    box-shadow: var(--shadow-overlay, 0 24px 48px color-mix(in oklab, black 20%, transparent));
-    opacity: 0;
-    pointer-events: none;
-    transform: translateY(-4px) scale(0.96);
-    transform-origin: center;
-    transition:
-      opacity 150ms var(--ease-smooth, ease),
-      transform 150ms var(--ease-smooth, ease);
-  }
-
-  .popover[data-open="true"] {
-    opacity: 1;
-    pointer-events: auto;
-    transform: scale(1);
-  }
-
-  .popover[data-placement="top"] {
-    transform: translateY(4px) scale(0.96);
-    transform-origin: bottom;
-  }
-
-  .popover[data-placement="top"][data-open="true"] {
-    transform: translateY(0) scale(1);
-  }
-
-  .popover[data-placement="bottom"] {
-    transform: translateY(-4px) scale(0.96);
-    transform-origin: top;
-  }
-
-  .popover[data-placement="bottom"][data-open="true"] {
-    transform: translateY(0) scale(1);
-  }
-
-  .popover[data-placement="left"] {
-    transform: translateX(4px) scale(0.96);
-    transform-origin: right;
-  }
-
-  .popover[data-placement="left"][data-open="true"] {
-    transform: translateX(0) scale(1);
-  }
-
-  .popover[data-placement="right"] {
-    transform: translateX(-4px) scale(0.96);
-    transform-origin: left;
-  }
-
-  .popover[data-placement="right"][data-open="true"] {
-    transform: translateX(0) scale(1);
-  }
-
-  .popover__dialog {
-    padding: 1rem;
-    outline: none;
-  }
-
-  .popover__heading {
-    font-weight: 600;
-  }
-
-  .popover__trigger {
-    display: inline-flex;
-    cursor: pointer;
-  }
-
-  .popover__trigger:focus-visible,
-  .popover__trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-    border-radius: var(--radius-field, 0.375rem);
-  }
-
-  .popover__arrow {
-    position: absolute;
-    color: var(--color-overlay, var(--color-base-100));
-  }
-
-  .popover[data-placement="top"] .popover__arrow {
-    top: calc(100% - 1px);
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .popover[data-placement="bottom"] .popover__arrow {
-    bottom: calc(100% - 1px);
-    left: 50%;
-    transform: translateX(-50%) rotate(180deg);
-  }
-
-  .popover[data-placement="left"] .popover__arrow {
-    left: calc(100% - 1px);
-    top: 50%;
-    transform: translateY(-50%) rotate(-90deg);
-  }
-
-  .popover[data-placement="right"] .popover__arrow {
-    right: calc(100% - 1px);
-    top: 50%;
-    transform: translateY(-50%) rotate(90deg);
-  }
-}
+@layer components {
+  .popover-root {
+    position: relative;
+    display: inline-flex;
+  }
+
+  .popover {
+    position: fixed;
+    z-index: var(--z-overlay, 70);
+    border-radius: 1.5rem;
+    padding: 0;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    background-color: var(--color-overlay, var(--color-base-100));
+    color: var(--color-overlay-foreground, var(--color-base-content));
+    box-shadow: var(--shadow-overlay, 0 24px 48px color-mix(in oklab, black 20%, transparent));
+    opacity: 0;
+    pointer-events: none;
+    transform: translateY(-4px) scale(0.96);
+    transform-origin: center;
+    transition:
+      opacity 150ms var(--ease-smooth, ease),
+      transform 150ms var(--ease-smooth, ease);
+  }
+
+  .popover[data-open="true"] {
+    opacity: 1;
+    pointer-events: auto;
+    transform: scale(1);
+  }
+
+  .popover[data-placement="top"] {
+    transform: translateY(4px) scale(0.96);
+    transform-origin: bottom;
+  }
+
+  .popover[data-placement="top"][data-open="true"] {
+    transform: translateY(0) scale(1);
+  }
+
+  .popover[data-placement="bottom"] {
+    transform: translateY(-4px) scale(0.96);
+    transform-origin: top;
+  }
+
+  .popover[data-placement="bottom"][data-open="true"] {
+    transform: translateY(0) scale(1);
+  }
+
+  .popover[data-placement="left"] {
+    transform: translateX(4px) scale(0.96);
+    transform-origin: right;
+  }
+
+  .popover[data-placement="left"][data-open="true"] {
+    transform: translateX(0) scale(1);
+  }
+
+  .popover[data-placement="right"] {
+    transform: translateX(-4px) scale(0.96);
+    transform-origin: left;
+  }
+
+  .popover[data-placement="right"][data-open="true"] {
+    transform: translateX(0) scale(1);
+  }
+
+  .popover__dialog {
+    padding: 1rem;
+    outline: none;
+  }
+
+  .popover__heading {
+    font-weight: 600;
+  }
+
+  .popover__trigger {
+    display: inline-flex;
+    cursor: pointer;
+  }
+
+  .popover__trigger:focus-visible,
+  .popover__trigger[data-focus-visible="true"] {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+    border-radius: var(--radius-field, 0.375rem);
+  }
+
+  .popover__arrow {
+    position: absolute;
+    color: var(--color-overlay, var(--color-base-100));
+  }
+
+  .popover[data-placement="top"] .popover__arrow {
+    top: calc(100% - 1px);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .popover[data-placement="bottom"] .popover__arrow {
+    bottom: calc(100% - 1px);
+    left: 50%;
+    transform: translateX(-50%) rotate(180deg);
+  }
+
+  .popover[data-placement="left"] .popover__arrow {
+    left: calc(100% - 1px);
+    top: 50%;
+    transform: translateY(-50%) rotate(-90deg);
+  }
+
+  .popover[data-placement="right"] .popover__arrow {
+    right: calc(100% - 1px);
+    top: 50%;
+    transform: translateY(-50%) rotate(90deg);
+  }
+}