@manafishrov/ui 1.4.5 → 1.5.0

package/dist/components/form/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sources":["../../../src/components/form/SubmitButton.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Button } from '@/components/Button';\n\nimport { useFormContext } from './context';\n\nexport type SubmitButtonProps = ComponentProps<typeof Button> & {\n  loading?: boolean;\n};\n\nexport const SubmitButton: Component<SubmitButtonProps> = (props) => {\n  const form = useFormContext();\n  const [local, others] = splitProps(props, ['children', 'loading', 'disabled', 'class']);\n\n  const isLoading = (): boolean =>\n    form.state.isSubmitting || form.state.isValidating || (local.loading ?? false);\n\n  return (\n    <Button\n      type='submit'\n      loading={isLoading()}\n      disabled={local.disabled ?? !form.state.canSubmit}\n      class={`min-w-24 ${local.class ?? ''}`}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"names":["SubmitButton","props","form","useFormContext","local","others","splitProps","isLoading","state","isSubmitting","isValidating","loading","_$createComponent","Button","_$mergeProps","type","disabled","canSubmit","class","children"],"mappings":";;;;AAUO,MAAMA,IAA8CC,CAAAA,MAAU;AACnE,QAAMC,IAAOC,EAAAA,GACP,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CAAC,YAAY,WAAW,YAAY,OAAO,CAAC,GAEhFM,IAAYA,MAChBL,EAAKM,MAAMC,gBAAgBP,EAAKM,MAAME,iBAAiBN,EAAMO,WAAW;AAE1E,SAAAC,EACGC,GAAMC,EAAA;AAAA,IACLC,MAAI;AAAA,IAAA,IACJJ,UAAO;AAAA,aAAEJ,EAAAA;AAAAA,IAAW;AAAA,IAAA,IACpBS,WAAQ;AAAA,aAAEZ,EAAMY,YAAY,CAACd,EAAKM,MAAMS;AAAAA,IAAS;AAAA,IAAA,IAAA,QAAA;AAAA,aAC1C,YAAYb,EAAMc,SAAS,EAAE;AAAA,IAAE;AAAA,EAAA,GAClCb,GAAM;AAAA,IAAA,IAAAc,WAAA;AAAA,aAETf,EAAMe;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB;"}
+{"version":3,"file":"SubmitButton.js","names":["Component","ComponentProps","Button","useFormContext","SubmitButtonProps","loading","SubmitButton","props","form","local","others","splitProps","isLoading","state","isSubmitting","isValidating","_$createComponent","_$mergeProps","type","disabled","canSubmit","class","children"],"sources":["../../../src/components/form/SubmitButton.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Button } from '@/components/Button';\n\nimport { useFormContext } from './context';\n\nexport type SubmitButtonProps = ComponentProps<typeof Button> & {\n  loading?: boolean;\n};\n\nexport const SubmitButton: Component<SubmitButtonProps> = (props) => {\n  const form = useFormContext();\n  const [local, others] = splitProps(props, ['children', 'loading', 'disabled', 'class']);\n\n  const isLoading = (): boolean =>\n    form.state.isSubmitting || form.state.isValidating || (local.loading ?? false);\n\n  return (\n    <Button\n      type='submit'\n      loading={isLoading()}\n      disabled={local.disabled ?? !form.state.canSubmit}\n      class={`min-w-24 ${local.class ?? ''}`}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KAA8CC,MAAU;CACnE,IAAMC,IAAOL,GAAgB,EACvB,CAACM,GAAOC,KAAUC,EAAWJ,GAAO;EAAC;EAAY;EAAW;EAAY;EAAQ,CAAC,EAEjFK,UACJJ,EAAKK,MAAMC,gBAAgBN,EAAKK,MAAME,iBAAiBN,EAAMJ,WAAW;AAE1E,QAAAW,EACGd,GAAMe,EAAA;EACLC,MAAI;EAAA,IACJb,UAAO;AAAA,UAAEO,GAAW;;EAAA,IACpBO,WAAQ;AAAA,UAAEV,EAAMU,YAAY,CAACX,EAAKK,MAAMO;;EAAS,IAAA,QAAA;AAAA,UAC1C,YAAYX,EAAMY,SAAS;;EAAI,EAClCX,GAAM,EAAA,IAAAY,WAAA;AAAA,SAETb,EAAMa;IAAQ,CAAA,CAAA"}

package/dist/components/form/SwitchField.js

@@ -1,75 +1,74 @@
-import { createComponent as r, mergeProps as d } from "solid-js/web";
-import { Field as a, FieldContent as o, FieldError as s, FieldDescription as u } from "../Field.js";
-import { Switch as c, SwitchControl as h, SwitchThumb as g, SwitchLabel as m } from "../Switch.js";
-import { useFieldContext as p } from "./context.js";
-import { splitProps as f } from "solid-js";
-const y = (n) => {
-  const t = p(), [e, l] = f(n, ["description", "label", "required", "disabled", "readOnly"]);
-  return r(a, {
-    get invalid() {
-      return t().state.meta.errors.length > 0;
-    },
-    get required() {
-      return e.required ?? !1;
-    },
-    get disabled() {
-      return e.disabled ?? !1;
-    },
-    get readOnly() {
-      return e.readOnly ?? !1;
-    },
-    get children() {
-      return r(o, {
-        get children() {
-          return [r(c, d({
-            get checked() {
-              return t().state.value;
-            },
-            onCheckedChange: (i) => {
-              t().handleChange(!!i.checked);
-            },
-            onBlur: () => {
-              t().handleBlur();
-            },
-            get invalid() {
-              return t().state.meta.errors.length > 0;
-            },
-            get disabled() {
-              return e.disabled ?? !1;
-            },
-            get readOnly() {
-              return e.readOnly ?? !1;
-            },
-            get required() {
-              return e.required ?? !1;
-            }
-          }, l, {
-            get children() {
-              return [r(h, {
-                get children() {
-                  return r(g, {});
-                }
-              }), r(m, {
-                get children() {
-                  return e.label;
-                }
-              })];
-            }
-          })), r(s, {
-            get errors() {
-              return t().state.meta.errors;
-            }
-          }), r(u, {
-            get children() {
-              return e.description;
-            }
-          })];
-        }
-      });
-    }
-  });
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r } from "../Field.js";
+import { useFieldContext as i } from "./context.js";
+import { Switch as a, SwitchControl as o, SwitchLabel as s, SwitchThumb as c } from "../Switch.js";
+import { createComponent as l, mergeProps as u } from "solid-js/web";
+import { splitProps as d } from "solid-js";
+//#region src/components/form/SwitchField.tsx
+var f = (f) => {
+	let p = i(), [m, h] = d(f, [
+		"description",
+		"label",
+		"required",
+		"disabled",
+		"readOnly"
+	]);
+	return l(e, {
+		get invalid() {
+			return p().state.meta.errors.length > 0;
+		},
+		get required() {
+			return m.required ?? !1;
+		},
+		get disabled() {
+			return m.disabled ?? !1;
+		},
+		get readOnly() {
+			return m.readOnly ?? !1;
+		},
+		get children() {
+			return l(t, { get children() {
+				return [
+					l(a, u({
+						get checked() {
+							return p().state.value;
+						},
+						onCheckedChange: (e) => {
+							p().handleChange(!!e.checked);
+						},
+						onBlur: () => {
+							p().handleBlur();
+						},
+						get invalid() {
+							return p().state.meta.errors.length > 0;
+						},
+						get disabled() {
+							return m.disabled ?? !1;
+						},
+						get readOnly() {
+							return m.readOnly ?? !1;
+						},
+						get required() {
+							return m.required ?? !1;
+						}
+					}, h, { get children() {
+						return [l(o, { get children() {
+							return l(c, {});
+						} }), l(s, { get children() {
+							return m.label;
+						} })];
+					} })),
+					l(r, { get errors() {
+						return p().state.meta.errors;
+					} }),
+					l(n, { get children() {
+						return m.description;
+					} })
+				];
+			} });
+		}
+	});
 };
-export {
-  y as SwitchField
-};
-//# sourceMappingURL=SwitchField.js.map
+//#endregion
+export { f as SwitchField };
+
+//# sourceMappingURL=SwitchField.js.map

package/dist/components/form/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../src/components/form/SwitchField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\nimport { Switch, SwitchControl, SwitchLabel, SwitchThumb } from '@/components/Switch';\n\nimport { useFieldContext } from './context';\n\nexport type SwitchFieldProps = ComponentProps<typeof Switch> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const SwitchField: Component<SwitchFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Switch\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <SwitchControl>\n            <SwitchThumb />\n          </SwitchControl>\n          <SwitchLabel>{local.label}</SwitchLabel>\n        </Switch>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["SwitchField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldContent","Switch","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur","SwitchControl","SwitchThumb","SwitchLabel","label","FieldError","FieldDescription","description"],"mappings":";;;;;AAYO,MAAMA,IAA4CC,CAAAA,MAAU;AACjE,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,eACA,SACA,YACA,YACA,UAAU,CACX;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAV,EAEhCW,GAAY;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAA,CAAAV,EACVY,GAAMC,EAAA;AAAA,YAAA,IACLC,UAAO;AAAA,qBAAEnB,EAAAA,EAAQQ,MAAMY;AAAAA,YAAK;AAAA,YAC5BC,iBAAkBC,CAAAA,MAAY;AAC5BtB,cAAAA,EAAAA,EAAQuB,aAAaC,EAAQF,EAAQH,OAAQ;AAAA,YAC/C;AAAA,YACAM,QAAQA,MAAM;AACZzB,cAAAA,EAAAA,EAAQ0B,WAAAA;AAAAA,YACV;AAAA,YAAC,IACDnB,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,UAAA,GAC7BT,GAAM;AAAA,YAAA,IAAAY,WAAA;AAAA,qBAAA,CAAAV,EAETsB,GAAa;AAAA,gBAAA,IAAAZ,WAAA;AAAA,yBAAAV,EACXuB,GAAW,EAAA;AAAA,gBAAA;AAAA,cAAA,CAAA,GAAAvB,EAEbwB,GAAW;AAAA,gBAAA,IAAAd,WAAA;AAAA,yBAAEb,EAAM4B;AAAAA,gBAAK;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,CAAA,GAAAzB,EAE1B0B,GAAU;AAAA,YAAA,IAACrB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C2B,GAAgB;AAAA,YAAA,IAAAjB,WAAA;AAAA,qBAAEb,EAAM+B;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}
+{"version":3,"file":"SwitchField.js","names":["Component","ComponentProps","JSX","Field","FieldContent","FieldDescription","FieldError","Switch","SwitchControl","SwitchLabel","SwitchThumb","useFieldContext","SwitchFieldProps","description","label","Element","SwitchField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur"],"sources":["../../../src/components/form/SwitchField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\nimport { Switch, SwitchControl, SwitchLabel, SwitchThumb } from '@/components/Switch';\n\nimport { useFieldContext } from './context';\n\nexport type SwitchFieldProps = ComponentProps<typeof Switch> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const SwitchField: Component<SwitchFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Switch\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <SwitchControl>\n            <SwitchThumb />\n          </SwitchControl>\n          <SwitchLabel>{local.label}</SwitchLabel>\n        </Switch>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAA4CC,MAAU;CACjE,IAAMC,IAAQP,GAA0B,EAClC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;AAAA,UAAAT,EAEhClB,GAAY,EAAA,IAAA2B,WAAA;AAAA,WAAA;KAAAT,EACVf,GAAMyB,EAAA;MAAA,IACLC,UAAO;AAAA,cAAEf,GAAO,CAACM,MAAMU;;MACvBC,kBAAkBC,MAAY;AAC5BlB,UAAO,CAACmB,aAAaC,EAAQF,EAAQH,QAAS;;MAEhDM,cAAc;AACZrB,UAAO,CAACsB,YAAY;;MACrB,IACDjB,UAAO;AAAA,cAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;MAAC,IAC7CE,WAAQ;AAAA,cAAEV,EAAMU,YAAY;;MAAK,IACjCC,WAAQ;AAAA,cAAEX,EAAMW,YAAY;;MAAK,IACjCF,WAAQ;AAAA,cAAET,EAAMS,YAAY;;MAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;AAAA,aAAA,CAAAT,EAETd,GAAa,EAAA,IAAAuB,WAAA;AAAA,cAAAT,EACXZ,GAAW,EAAA,CAAA;SAAA,CAAA,EAAAY,EAEbb,GAAW,EAAA,IAAAsB,WAAA;AAAA,cAAEZ,EAAML;SAAK,CAAA,CAAA;QAAA,CAAA,CAAA;KAAAQ,EAE1BhB,GAAU,EAAA,IAACoB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5CjB,GAAgB,EAAA,IAAA0B,WAAA;AAAA,aAAEZ,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/TagsInputField.js

@@ -1,113 +1,129 @@
-import { createComponent as e, mergeProps as d, For as g, Show as u, memo as h } from "solid-js/web";
-import { Field as p, FieldLabel as c, FieldContent as T, FieldError as m, FieldDescription as I } from "../Field.js";
-import { TagsInput as C, TagsInputContext as f, TagsInputControl as O, TagsInputItem as P, TagsInputItemPreview as w, TagsInputItemText as b, TagsInputItemDeleteTrigger as F, TagsInputItemInput as v, TagsInputInput as x, TagsInputClearTrigger as y, TagsInputHiddenInput as _ } from "../TagsInput.js";
-import { useFieldContext as A } from "./context.js";
-import { WithTrailingAddon as S } from "./WithTrailingAddon.js";
-import { splitProps as o } from "solid-js";
-const D = ["max", "maxLength", "delimiter", "addOnPaste", "blurBehavior", "validate", "autoFocus", "editable", "allowOverflow", "translations", "ids", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onPointerDownOutside", "onValueInvalid"], q = (l) => {
-  const [t, r] = o(l, ["children", "showClearTrigger"]);
-  return [e(f, {
-    children: (a) => e(O, {
-      get children() {
-        return [e(g, {
-          get each() {
-            return a().value;
-          },
-          children: (n, i) => e(P, {
-            get index() {
-              return i();
-            },
-            value: n,
-            get children() {
-              return [e(w, {
-                get children() {
-                  return [e(b, {
-                    children: n
-                  }), e(F, {})];
-                }
-              }), e(v, {})];
-            }
-          })
-        }), e(x, r), e(u, {
-          get when() {
-            return t.showClearTrigger !== !1;
-          },
-          get children() {
-            return e(y, {});
-          }
-        }), h(() => t.children)];
-      }
-    })
-  }), e(_, {})];
-}, B = ["label", "description", "required", "disabled", "readOnly", "showClearTrigger", "trailingAddon"], N = (l) => {
-  const t = A(), [r, a] = o(l, B), [n, i] = o(a, D);
-  return e(p, {
-    get invalid() {
-      return t().state.meta.errors.length > 0;
-    },
-    get disabled() {
-      return r.disabled ?? !1;
-    },
-    get readOnly() {
-      return r.readOnly ?? !1;
-    },
-    get required() {
-      return r.required ?? !1;
-    },
-    get children() {
-      return [e(c, {
-        get children() {
-          return r.label;
-        }
-      }), e(T, {
-        get children() {
-          return [e(S, {
-            get addon() {
-              return r.trailingAddon;
-            },
-            get children() {
-              return e(C, d({
-                get value() {
-                  return t().state.value;
-                },
-                onValueChange: (s) => {
-                  t().handleChange(s.value);
-                },
-                onBlur: () => {
-                  t().handleBlur();
-                },
-                get invalid() {
-                  return t().state.meta.errors.length > 0;
-                },
-                get disabled() {
-                  return r.disabled ?? !1;
-                },
-                get readOnly() {
-                  return r.readOnly ?? !1;
-                }
-              }, n, {
-                get children() {
-                  return e(q, d(i, () => typeof r.showClearTrigger == "boolean" && {
-                    showClearTrigger: r.showClearTrigger
-                  }));
-                }
-              }));
-            }
-          }), e(m, {
-            get errors() {
-              return t().state.meta.errors;
-            }
-          }), e(I, {
-            get children() {
-              return r.description;
-            }
-          })];
-        }
-      })];
-    }
-  });
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i } from "../Field.js";
+import { WithTrailingAddon as a } from "./WithTrailingAddon.js";
+import { useFieldContext as o } from "./context.js";
+import { TagsInput as s, TagsInputClearTrigger as c, TagsInputContext as l, TagsInputControl as u, TagsInputHiddenInput as d, TagsInputInput as f, TagsInputItem as p, TagsInputItemDeleteTrigger as m, TagsInputItemInput as h, TagsInputItemPreview as g, TagsInputItemText as _ } from "../TagsInput.js";
+import { For as v, Show as y, createComponent as b, memo as x, mergeProps as S } from "solid-js/web";
+import { splitProps as C } from "solid-js";
+//#region src/components/form/TagsInputField.tsx
+var w = [
+	"max",
+	"maxLength",
+	"delimiter",
+	"addOnPaste",
+	"blurBehavior",
+	"validate",
+	"autoFocus",
+	"editable",
+	"allowOverflow",
+	"translations",
+	"ids",
+	"onFocusOutside",
+	"onHighlightChange",
+	"onInputValueChange",
+	"onInteractOutside",
+	"onPointerDownOutside",
+	"onValueInvalid"
+], T = (e) => {
+	let [t, n] = C(e, ["children", "showClearTrigger"]);
+	return [b(l, { children: (e) => b(u, { get children() {
+		return [
+			b(v, {
+				get each() {
+					return e().value;
+				},
+				children: (e, t) => b(p, {
+					get index() {
+						return t();
+					},
+					value: e,
+					get children() {
+						return [b(g, { get children() {
+							return [b(_, { children: e }), b(m, {})];
+						} }), b(h, {})];
+					}
+				})
+			}),
+			b(f, n),
+			b(y, {
+				get when() {
+					return t.showClearTrigger !== !1;
+				},
+				get children() {
+					return b(c, {});
+				}
+			}),
+			x(() => t.children)
+		];
+	} }) }), b(d, {})];
+}, E = [
+	"label",
+	"description",
+	"required",
+	"disabled",
+	"readOnly",
+	"showClearTrigger",
+	"trailingAddon"
+], D = (c) => {
+	let l = o(), [u, d] = C(c, E), [f, p] = C(d, w);
+	return b(e, {
+		get invalid() {
+			return l().state.meta.errors.length > 0;
+		},
+		get disabled() {
+			return u.disabled ?? !1;
+		},
+		get readOnly() {
+			return u.readOnly ?? !1;
+		},
+		get required() {
+			return u.required ?? !1;
+		},
+		get children() {
+			return [b(i, { get children() {
+				return u.label;
+			} }), b(t, { get children() {
+				return [
+					b(a, {
+						get addon() {
+							return u.trailingAddon;
+						},
+						get children() {
+							return b(s, S({
+								get value() {
+									return l().state.value;
+								},
+								onValueChange: (e) => {
+									l().handleChange(e.value);
+								},
+								onBlur: () => {
+									l().handleBlur();
+								},
+								get invalid() {
+									return l().state.meta.errors.length > 0;
+								},
+								get disabled() {
+									return u.disabled ?? !1;
+								},
+								get readOnly() {
+									return u.readOnly ?? !1;
+								}
+							}, f, { get children() {
+								return b(T, S(p, () => typeof u.showClearTrigger == "boolean" && { showClearTrigger: u.showClearTrigger }));
+							} }));
+						}
+					}),
+					b(r, { get errors() {
+						return l().state.meta.errors;
+					} }),
+					b(n, { get children() {
+						return u.description;
+					} })
+				];
+			} })];
+		}
+	});
 };
-export {
-  N as TagsInputField
-};
-//# sourceMappingURL=TagsInputField.js.map
+//#endregion
+export { D as TagsInputField };
+
+//# sourceMappingURL=TagsInputField.js.map

package/dist/components/form/TagsInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInputField.js","sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  TagsInput,\n  TagsInputClearTrigger,\n  TagsInputContext,\n  TagsInputControl,\n  TagsInputHiddenInput,\n  TagsInputInput,\n  TagsInputItemInput,\n  TagsInputItemPreview,\n  TagsInputItemText,\n  TagsInputItem,\n  TagsInputItemDeleteTrigger,\n} from '@/components/TagsInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst TAGS_INPUT_ROOT_PROPS = [\n  'max',\n  'maxLength',\n  'delimiter',\n  'addOnPaste',\n  'blurBehavior',\n  'validate',\n  'autoFocus',\n  'editable',\n  'allowOverflow',\n  'translations',\n  'ids',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onPointerDownOutside',\n  'onValueInvalid',\n] as const;\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> &\n  Pick<ComponentProps<typeof TagsInput>, (typeof TAGS_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst TagsInputGroup: Component<\n  { showClearTrigger?: boolean } & ComponentProps<typeof TagsInputInput>\n> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'showClearTrigger']);\n\n  return (\n    <>\n      <TagsInputContext>\n        {(context) => (\n          <TagsInputControl>\n            <For each={context().value}>\n              {(value, index) => (\n                <TagsInputItem index={index()} value={value}>\n                  <TagsInputItemPreview>\n                    <TagsInputItemText>{value}</TagsInputItemText>\n                    <TagsInputItemDeleteTrigger />\n                  </TagsInputItemPreview>\n                  <TagsInputItemInput />\n                </TagsInputItem>\n              )}\n            </For>\n            <TagsInputInput {...others} />\n            <Show when={local.showClearTrigger !== false}>\n              <TagsInputClearTrigger />\n            </Show>\n            {local.children}\n          </TagsInputControl>\n        )}\n      </TagsInputContext>\n      <TagsInputHiddenInput />\n    </>\n  );\n};\n\nconst TAGS_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'showClearTrigger',\n  'trailingAddon',\n] as const;\n\nexport const TagsInputField: Component<TagsInputFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, TAGS_INPUT_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, TAGS_INPUT_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TagsInput\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <TagsInputGroup\n              {...inputProps}\n              {...(typeof local.showClearTrigger === 'boolean' && {\n                showClearTrigger: local.showClearTrigger,\n              })}\n            />\n          </TagsInput>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["TAGS_INPUT_ROOT_PROPS","TagsInputGroup","props","local","others","splitProps","_$createComponent","TagsInputContext","children","context","TagsInputControl","_$For","each","value","index","TagsInputItem","TagsInputItemPreview","TagsInputItemText","TagsInputItemDeleteTrigger","TagsInputItemInput","TagsInputInput","_$Show","when","showClearTrigger","TagsInputClearTrigger","_$memo","TagsInputHiddenInput","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","TagsInput","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur","FieldError","FieldDescription","description"],"mappings":"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"}
+{"version":3,"file":"TagsInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","TagsInput","TagsInputClearTrigger","TagsInputContext","TagsInputControl","TagsInputHiddenInput","TagsInputInput","TagsInputItemInput","TagsInputItemPreview","TagsInputItemText","TagsInputItem","TagsInputItemDeleteTrigger","useFieldContext","WithTrailingAddon","TAGS_INPUT_ROOT_PROPS","const","TagsInputFieldProps","Pick","label","description","showClearTrigger","trailingAddon","TagsInputGroup","props","local","others","splitProps","_$createComponent","children","context","_$For","each","value","index","_$Show","when","_$memo","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  TagsInput,\n  TagsInputClearTrigger,\n  TagsInputContext,\n  TagsInputControl,\n  TagsInputHiddenInput,\n  TagsInputInput,\n  TagsInputItemInput,\n  TagsInputItemPreview,\n  TagsInputItemText,\n  TagsInputItem,\n  TagsInputItemDeleteTrigger,\n} from '@/components/TagsInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst TAGS_INPUT_ROOT_PROPS = [\n  'max',\n  'maxLength',\n  'delimiter',\n  'addOnPaste',\n  'blurBehavior',\n  'validate',\n  'autoFocus',\n  'editable',\n  'allowOverflow',\n  'translations',\n  'ids',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onPointerDownOutside',\n  'onValueInvalid',\n] as const;\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> &\n  Pick<ComponentProps<typeof TagsInput>, (typeof TAGS_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst TagsInputGroup: Component<\n  { showClearTrigger?: boolean } & ComponentProps<typeof TagsInputInput>\n> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'showClearTrigger']);\n\n  return (\n    <>\n      <TagsInputContext>\n        {(context) => (\n          <TagsInputControl>\n            <For each={context().value}>\n              {(value, index) => (\n                <TagsInputItem index={index()} value={value}>\n                  <TagsInputItemPreview>\n                    <TagsInputItemText>{value}</TagsInputItemText>\n                    <TagsInputItemDeleteTrigger />\n                  </TagsInputItemPreview>\n                  <TagsInputItemInput />\n                </TagsInputItem>\n              )}\n            </For>\n            <TagsInputInput {...others} />\n            <Show when={local.showClearTrigger !== false}>\n              <TagsInputClearTrigger />\n            </Show>\n            {local.children}\n          </TagsInputControl>\n        )}\n      </TagsInputContext>\n      <TagsInputHiddenInput />\n    </>\n  );\n};\n\nconst TAGS_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'showClearTrigger',\n  'trailingAddon',\n] as const;\n\nexport const TagsInputField: Component<TagsInputFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, TAGS_INPUT_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, TAGS_INPUT_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TagsInput\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <TagsInputGroup\n              {...inputProps}\n              {...(typeof local.showClearTrigger === 'boolean' && {\n                showClearTrigger: local.showClearTrigger,\n              })}\n            />\n          </TagsInput>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":"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"}

package/dist/components/form/TextInputField.js

@@ -1,67 +1,69 @@
-import { createComponent as e, mergeProps as d } from "solid-js/web";
-import { Field as o, FieldLabel as a, FieldContent as u, FieldError as s, FieldDescription as g } from "../Field.js";
-import { TextInputControl as p, TextInputInput as m } from "../TextInput.js";
-import { useFieldContext as c } from "./context.js";
-import { WithTrailingAddon as h } from "./WithTrailingAddon.js";
-import { splitProps as f } from "solid-js";
-const T = (n) => {
-  const t = c(), [r, l] = f(n, ["label", "description", "trailingAddon", "required", "disabled", "readOnly"]);
-  return e(o, {
-    get invalid() {
-      return t().state.meta.errors.length > 0;
-    },
-    get disabled() {
-      return r.disabled ?? !1;
-    },
-    get readOnly() {
-      return r.readOnly ?? !1;
-    },
-    get required() {
-      return r.required ?? !1;
-    },
-    get children() {
-      return [e(a, {
-        get children() {
-          return r.label;
-        }
-      }), e(u, {
-        get children() {
-          return [e(h, {
-            get addon() {
-              return r.trailingAddon;
-            },
-            get children() {
-              return e(p, {
-                get children() {
-                  return e(m, d({
-                    get value() {
-                      return t().state.value;
-                    },
-                    onInput: (i) => {
-                      t().handleChange(i.target.value);
-                    },
-                    onBlur: () => {
-                      t().handleBlur();
-                    }
-                  }, l));
-                }
-              });
-            }
-          }), e(s, {
-            get errors() {
-              return t().state.meta.errors;
-            }
-          }), e(g, {
-            get children() {
-              return r.description;
-            }
-          })];
-        }
-      })];
-    }
-  });
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i } from "../Field.js";
+import { WithTrailingAddon as a } from "./WithTrailingAddon.js";
+import { useFieldContext as o } from "./context.js";
+import { TextInputControl as s, TextInputInput as c } from "../TextInput.js";
+import { createComponent as l, mergeProps as u } from "solid-js/web";
+import { splitProps as d } from "solid-js";
+//#region src/components/form/TextInputField.tsx
+var f = (f) => {
+	let p = o(), [m, h] = d(f, [
+		"label",
+		"description",
+		"trailingAddon",
+		"required",
+		"disabled",
+		"readOnly"
+	]);
+	return l(e, {
+		get invalid() {
+			return p().state.meta.errors.length > 0;
+		},
+		get disabled() {
+			return m.disabled ?? !1;
+		},
+		get readOnly() {
+			return m.readOnly ?? !1;
+		},
+		get required() {
+			return m.required ?? !1;
+		},
+		get children() {
+			return [l(i, { get children() {
+				return m.label;
+			} }), l(t, { get children() {
+				return [
+					l(a, {
+						get addon() {
+							return m.trailingAddon;
+						},
+						get children() {
+							return l(s, { get children() {
+								return l(c, u({
+									get value() {
+										return p().state.value;
+									},
+									onInput: (e) => {
+										p().handleChange(e.target.value);
+									},
+									onBlur: () => {
+										p().handleBlur();
+									}
+								}, h));
+							} });
+						}
+					}),
+					l(r, { get errors() {
+						return p().state.meta.errors;
+					} }),
+					l(n, { get children() {
+						return m.description;
+					} })
+				];
+			} })];
+		}
+	});
 };
-export {
-  T as TextInputField
-};
-//# sourceMappingURL=TextInputField.js.map
+//#endregion
+export { f as TextInputField };
+
+//# sourceMappingURL=TextInputField.js.map