@pathscale/ui 1.2.6 → 1.2.8

package/dist/components/form/FieldErrorMessage.js

@@ -1,23 +1,24 @@
-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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>");
-const FieldErrorMessage = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { Show } from "solid-js";
+import { twMerge } from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ template("<p>");
+const FieldErrorMessage = (props)=>createComponent(Show, {
         get when () {
             return props.message;
         },
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-xs text-error mt-0.5", props.class, props.className)
+            spread(_el$, mergeProps(props, ()=>({
+                    class: twMerge("text-xs text-error mt-0.5", props.class, props.className)
                 }), {
                 "data-slot": "field-error-message",
                 role: "alert",
                 "aria-live": "polite"
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.message);
+            insert(_el$, ()=>props.message);
             return _el$;
         }
     });
 const form_FieldErrorMessage = FieldErrorMessage;
-export { FieldErrorMessage, form_FieldErrorMessage as default };
+export default form_FieldErrorMessage;
+export { FieldErrorMessage };

package/dist/components/form/Form.css

@@ -1,5 +1,5 @@
-@layer components {
-  .form {
-    display: block;
-  }
-}
+@layer components {
+  .form {
+    display: block;
+  }
+}

package/dist/components/form/Form.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import "./Form.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__Form_classes_js_b7c9f8c6__ from "./Form.classes.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__ from "../../hooks/form/FormContext.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Form.classes.js";
+import { FormContext } from "../../hooks/form/FormContext.js";
+var _tmpl$ = /*#__PURE__*/ template("<form>");
 const FormRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -14,8 +14,8 @@ const FormRoot = (props)=>{
     ]);
     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__Form_classes_js_b7c9f8c6__.CLASSES.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "form",
             get ["data-theme"] () {
@@ -29,7 +29,7 @@ const FormRoot = (props)=>{
     })();
 };
 const FormWithContext = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "form",
         "class",
         "className",
@@ -44,16 +44,16 @@ const FormWithContext = (props)=>{
         local.form._tsForm.handleSubmit();
         if ("function" == typeof local.onSubmit) local.onSubmit(e);
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__.FormContext.Provider, {
+    return createComponent(FormContext.Provider, {
         get value () {
             return local.form;
         },
         get children () {
             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, {
+            spread(_el$2, mergeProps(others, {
                 onSubmit: handleSubmit
             }, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Form_classes_js_b7c9f8c6__.CLASSES.base, local.class, local.className)
+                    class: twMerge(CLASSES.base, local.class, local.className)
                 }), {
                 "data-slot": "form",
                 get ["data-theme"] () {
@@ -63,16 +63,17 @@ const FormWithContext = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+            insert(_el$2, ()=>local.children);
             return _el$2;
         }
     });
 };
 const Form = (props)=>{
-    if ("form" in props && null != props.form) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormWithContext, props);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormRoot, props);
+    if ("form" in props && null != props.form) return createComponent(FormWithContext, props);
+    return createComponent(FormRoot, props);
 };
 Form.Root = FormRoot;
 Form.WithContext = FormWithContext;
 const form_Form = Form;
-export { Form, FormRoot, FormWithContext, form_Form as default };
+export default form_Form;
+export { Form, FormRoot, FormWithContext };

package/dist/components/form/FormField.js

@@ -1,14 +1,14 @@
-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__input_index_js_00da0e74__ from "../input/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__label_index_js_2049cd83__ from "../label/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__ from "../../hooks/form/FormContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_getFirstFieldError_js_b4e4d106__ from "../../hooks/form/getFirstFieldError.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__ from "./FieldErrorMessage.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 { Show, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import input from "../input/index.js";
+import label from "../label/index.js";
+import { useFormContext } from "../../hooks/form/FormContext.js";
+import { getFirstFieldError } from "../../hooks/form/getFirstFieldError.js";
+import { FieldErrorMessage } from "./FieldErrorMessage.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const FormField = (props)=>{
-    const [local, _rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, _rest] = splitProps(props, [
         "name",
         "label",
         "inputProps",
@@ -18,29 +18,29 @@ const FormField = (props)=>{
     ]);
     const resolveForm = ()=>{
         if (null != local.form) return local.form;
-        return (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__.useFormContext)();
+        return useFormContext();
     };
     const form = resolveForm();
     const tsForm = form._tsForm;
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(tsForm.Field, {
+    return createComponent(tsForm.Field, {
         get name () {
             return local.name;
         },
         children: (field)=>{
-            const errorMessage = ()=>field().state.meta.isTouched ? (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_getFirstFieldError_js_b4e4d106__.getFirstFieldError)(field().state.meta.errors ?? []) : void 0;
+            const errorMessage = ()=>field().state.meta.isTouched ? getFirstFieldError(field().state.meta.errors ?? []) : void 0;
             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)("flex flex-col gap-1", local.class, local.className)
+                spread(_el$, mergeProps(()=>({
+                        class: twMerge("flex flex-col gap-1", local.class, local.className)
                     }), {
                     "data-slot": "form-field"
                 }), 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.label;
                     },
                     get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__label_index_js_2049cd83__["default"], {
+                        return createComponent(label, {
                             get ["for"] () {
                                 return local.name;
                             },
@@ -53,7 +53,7 @@ const FormField = (props)=>{
                         });
                     }
                 }), null);
-                (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"].Field, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.inputProps, {
+                insert(_el$, createComponent(input.Field, mergeProps(()=>local.inputProps, {
                     get id () {
                         return local.name;
                     },
@@ -74,7 +74,7 @@ const FormField = (props)=>{
                         return Boolean(errorMessage());
                     }
                 })), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__.FieldErrorMessage, {
+                insert(_el$, createComponent(FieldErrorMessage, {
                     get message () {
                         return errorMessage();
                     }
@@ -85,4 +85,5 @@ const FormField = (props)=>{
     });
 };
 const form_FormField = FormField;
-export { FormField, form_FormField as default };
+export default form_FormField;
+export { FormField };

package/dist/components/form/FormSubmitButton.js

@@ -1,24 +1,24 @@
-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__button_index_js_557db1f7__ from "../button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__ from "../../hooks/form/FormContext.js";
-const FormSubmitButton_FormSubmitButton = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import button_0 from "../button/index.js";
+import { useFormContext } from "../../hooks/form/FormContext.js";
+const FormSubmitButton = (props)=>{
+    const [local, others] = splitProps(props, [
         "form",
         "children"
     ]);
     const resolveForm = ()=>{
         if (null != local.form) return local.form;
-        return (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__.useFormContext)();
+        return useFormContext();
     };
     const form = resolveForm();
     const tsForm = form._tsForm;
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(tsForm.Subscribe, {
+    return createComponent(tsForm.Subscribe, {
         selector: (s)=>({
                 canSubmit: s.canSubmit,
                 isSubmitting: s.isSubmitting
             }),
-        children: (state)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        children: (state)=>createComponent(button_0, mergeProps(others, {
                 type: "submit",
                 get isDisabled () {
                     return !state().canSubmit;
@@ -32,5 +32,6 @@ const FormSubmitButton_FormSubmitButton = (props)=>{
             }))
     });
 };
-const FormSubmitButton = FormSubmitButton_FormSubmitButton;
-export { FormSubmitButton_FormSubmitButton as FormSubmitButton, FormSubmitButton as default };
+const form_FormSubmitButton = FormSubmitButton;
+export default form_FormSubmitButton;
+export { FormSubmitButton };

package/dist/components/form/index.js

@@ -1,12 +1,6 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__ from "./Form.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormField_js_940fe8a4__ from "./FormField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormSubmitButton_js_5c732699__ from "./FormSubmitButton.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__ from "./FieldErrorMessage.js";
-var __webpack_exports__FieldErrorMessage = __WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__.FieldErrorMessage;
-var __webpack_exports__Form = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.Form;
-var __webpack_exports__FormField = __WEBPACK_EXTERNAL_MODULE__FormField_js_940fe8a4__.FormField;
-var __webpack_exports__FormRoot = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.FormRoot;
-var __webpack_exports__FormSubmitButton = __WEBPACK_EXTERNAL_MODULE__FormSubmitButton_js_5c732699__.FormSubmitButton;
-var __webpack_exports__FormWithContext = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.FormWithContext;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__["default"];
-export { __webpack_exports__FieldErrorMessage as FieldErrorMessage, __webpack_exports__Form as Form, __webpack_exports__FormField as FormField, __webpack_exports__FormRoot as FormRoot, __webpack_exports__FormSubmitButton as FormSubmitButton, __webpack_exports__FormWithContext as FormWithContext, __webpack_exports__default as default };
+import { Form as external_Form_js_Form, FormRoot, FormWithContext } from "./Form.js";
+export { FormField } from "./FormField.js";
+export { FormSubmitButton } from "./FormSubmitButton.js";
+export { FieldErrorMessage } from "./FieldErrorMessage.js";
+export default external_Form_js_Form;
+export { FormRoot, FormWithContext, external_Form_js_Form as Form };

package/dist/components/glass-panel/GlassPanel.classes.d.ts

@@ -9,6 +9,9 @@ export declare const CLASSES: {
     };
     readonly flag: {
         readonly transparent: "glass-panel--transparent";
+        readonly toneSecondary: "glass-panel--tone-secondary";
+        readonly highlight: "glass-panel--highlight";
+        readonly interactive: "glass-panel--interactive";
         readonly contentCollapsed: "glass-panel__content--collapsed";
         readonly contentCollapsible: "glass-panel__content--collapsible";
         readonly contentInnerHidden: "glass-panel__content-inner--hidden";

package/dist/components/glass-panel/GlassPanel.classes.js

@@ -9,6 +9,9 @@ const CLASSES = {
     },
     flag: {
         transparent: "glass-panel--transparent",
+        toneSecondary: "glass-panel--tone-secondary",
+        highlight: "glass-panel--highlight",
+        interactive: "glass-panel--interactive",
         contentCollapsed: "glass-panel__content--collapsed",
         contentCollapsible: "glass-panel__content--collapsible",
         contentInnerHidden: "glass-panel__content-inner--hidden",