@manafishrov/ui 1.4.5 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../src/components/form/RadioGroupField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { RadioGroup, RadioGroupLabel } from '@/components/RadioGroup';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type RadioGroupFieldProps = ComponentProps<typeof RadioGroup> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const RadioGroupField: Component<RadioGroupFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'children',\n    'trailingAddon',\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        <WithTrailingAddon addon={local.trailingAddon}>\n          <RadioGroup\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            required={local.required ?? false}\n            {...others}\n          >\n            <RadioGroupLabel>{local.label}</RadioGroupLabel>\n            {local.children}\n          </RadioGroup>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["RadioGroupField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldContent","WithTrailingAddon","addon","trailingAddon","RadioGroup","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","RadioGroupLabel","label","_$memo","FieldError","FieldDescription","description"],"mappings":";;;;;;AAcO,MAAMA,IAAoDC,CAAAA,MAAU;AACzE,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,YACA,YACA,eAAe,CAChB;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,GAAiB;AAAA,YAAA,IAACC,QAAK;AAAA,qBAAEhB,EAAMiB;AAAAA,YAAa;AAAA,YAAA,IAAAJ,WAAA;AAAA,qBAAAV,EAC1Ce,GAAUC,EAAA;AAAA,gBAAA,IACTC,QAAK;AAAA,yBAAEtB,EAAAA,EAAQQ,MAAMc;AAAAA,gBAAK;AAAA,gBAC1BC,eAAgBC,CAAAA,MAAY;AAC1BxB,kBAAAA,EAAAA,EAAQyB,aAAaD,EAAQF,SAAS,EAAE;AAAA,gBAC1C;AAAA,gBACAI,QAAQA,MAAM;AACZ1B,kBAAAA,EAAAA,EAAQ2B,WAAAA;AAAAA,gBACV;AAAA,gBAAC,IACDpB,UAAO;AAAA,yBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,gBAAC;AAAA,gBAAA,IAC7CE,WAAQ;AAAA,yBAAEX,EAAMW,YAAY;AAAA,gBAAK;AAAA,gBAAA,IACjCC,WAAQ;AAAA,yBAAEZ,EAAMY,YAAY;AAAA,gBAAK;AAAA,gBAAA,IACjCF,WAAQ;AAAA,yBAAEV,EAAMU,YAAY;AAAA,gBAAK;AAAA,cAAA,GAC7BT,GAAM;AAAA,gBAAA,IAAAY,WAAA;AAAA,yBAAA,CAAAV,EAETuB,GAAe;AAAA,oBAAA,IAAAb,WAAA;AAAA,6BAAEb,EAAM2B;AAAAA,oBAAK;AAAA,kBAAA,CAAA,GAAAC,EAAA,MAC5B5B,EAAMa,QAAQ,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAAV,EAGlB0B,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":"RadioGroupField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldError","FieldDescription","RadioGroup","RadioGroupLabel","useFieldContext","WithTrailingAddon","RadioGroupFieldProps","label","description","trailingAddon","RadioGroupField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","_$memo"],"sources":["../../../src/components/form/RadioGroupField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { RadioGroup, RadioGroupLabel } from '@/components/RadioGroup';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type RadioGroupFieldProps = ComponentProps<typeof RadioGroup> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const RadioGroupField: Component<RadioGroupFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'children',\n    'trailingAddon',\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        <WithTrailingAddon addon={local.trailingAddon}>\n          <RadioGroup\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            required={local.required ?? false}\n            {...others}\n          >\n            <RadioGroupLabel>{local.label}</RadioGroupLabel>\n            {local.children}\n          </RadioGroup>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAae,KAAoDC,MAAU;CACzE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGlB,GAAK;EAAA,IACJmB,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,EAEhCjB,GAAY,EAAA,IAAA0B,WAAA;AAAA,WAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;AAAA,cAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;AAAA,cAAAT,EAC1Cd,GAAUyB,EAAA;QAAA,IACTC,QAAK;AAAA,gBAAEhB,GAAO,CAACM,MAAMU;;QACrBC,gBAAgBC,MAAY;AAC1BlB,YAAO,CAACmB,aAAaD,EAAQF,SAAS,GAAG;;QAE3CI,cAAc;AACZpB,YAAO,CAACqB,YAAY;;QACrB,IACDhB,UAAO;AAAA,gBAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CE,WAAQ;AAAA,gBAAEV,EAAMU,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAEX,EAAMW,YAAY;;QAAK,IACjCF,WAAQ;AAAA,gBAAET,EAAMS,YAAY;;QAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;AAAA,eAAA,CAAAT,EAETb,GAAe,EAAA,IAAAsB,WAAA;AAAA,gBAAEZ,EAAMN;WAAK,CAAA,EAAA2B,QAC5BrB,EAAMY,SAAQ,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAT,EAGlBhB,GAAU,EAAA,IAACoB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;AAAA,aAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/SelectField.js

@@ -1,113 +1,108 @@
-import { createComponent as e, mergeProps as i, Show as o } from "solid-js/web";
-import { Field as a, FieldLabel as c, FieldContent as u, FieldError as g, FieldDescription as s } from "../Field.js";
-import { Select as h, SelectControl as m, SelectTrigger as p, SelectValue as S, SelectIndicator as f, SelectPositioner as b, SelectContent as C } from "../Select.js";
-import { useFieldContext as F } from "./context.js";
-import { WithTrailingAddon as I } from "./WithTrailingAddon.js";
-import { splitProps as w } from "solid-js";
-const O = (n) => [e(m, {
-  get children() {
-    return e(p, {
-      get children() {
-        return [e(S, {
-          get placeholder() {
-            return n.placeholder;
-          }
-        }), e(o, {
-          get when() {
-            return n.showSelectIndicator !== !1;
-          },
-          get children() {
-            return e(f, {});
-          }
-        })];
-      }
-    });
-  }
-}), e(b, {
-  get children() {
-    return e(C, {
-      get children() {
-        return n.children;
-      }
-    });
-  }
-})], v = ["label", "description", "required", "disabled", "readOnly", "placeholder", "showSelectIndicator", "children", "trailingAddon"], T = (n) => {
-  const t = F(), [r, l] = w(n, v);
-  return e(a, {
-    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(u, {
-        get children() {
-          return [e(I, {
-            get addon() {
-              return r.trailingAddon;
-            },
-            get children() {
-              return e(h, i({
-                get value() {
-                  return t().state.value;
-                },
-                onValueChange: (d) => {
-                  t().handleChange(d.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;
-                }
-              }, l, {
-                get children() {
-                  return e(O, {
-                    get placeholder() {
-                      return r.placeholder ?? "";
-                    },
-                    get showSelectIndicator() {
-                      return r.showSelectIndicator;
-                    },
-                    get children() {
-                      return r.children;
-                    }
-                  });
-                }
-              }));
-            }
-          }), e(g, {
-            get errors() {
-              return t().state.meta.errors;
-            }
-          }), e(s, {
-            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 { Select as s, SelectContent as c, SelectControl as l, SelectIndicator as u, SelectPositioner as d, SelectTrigger as f, SelectValue as p } from "../Select.js";
+import { Show as m, createComponent as h, mergeProps as g } from "solid-js/web";
+import { splitProps as _ } from "solid-js";
+//#region src/components/form/SelectField.tsx
+var v = (e) => [h(l, { get children() {
+	return h(f, { get children() {
+		return [h(p, { get placeholder() {
+			return e.placeholder;
+		} }), h(m, {
+			get when() {
+				return e.showSelectIndicator !== !1;
+			},
+			get children() {
+				return h(u, {});
+			}
+		})];
+	} });
+} }), h(d, { get children() {
+	return h(c, { get children() {
+		return e.children;
+	} });
+} })], y = [
+	"label",
+	"description",
+	"required",
+	"disabled",
+	"readOnly",
+	"placeholder",
+	"showSelectIndicator",
+	"children",
+	"trailingAddon"
+], b = (c) => {
+	let l = o(), [u, d] = _(c, y);
+	return h(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 [h(i, { get children() {
+				return u.label;
+			} }), h(t, { get children() {
+				return [
+					h(a, {
+						get addon() {
+							return u.trailingAddon;
+						},
+						get children() {
+							return h(s, g({
+								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;
+								}
+							}, d, { get children() {
+								return h(v, {
+									get placeholder() {
+										return u.placeholder ?? "";
+									},
+									get showSelectIndicator() {
+										return u.showSelectIndicator;
+									},
+									get children() {
+										return u.children;
+									}
+								});
+							} }));
+						}
+					}),
+					h(r, { get errors() {
+						return l().state.meta.errors;
+					} }),
+					h(n, { get children() {
+						return u.description;
+					} })
+				];
+			} })];
+		}
+	});
 };
-export {
-  T as SelectField
-};
-//# sourceMappingURL=SelectField.js.map
+//#endregion
+export { b as SelectField };
+
+//# sourceMappingURL=SelectField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../src/components/form/SelectField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  Select,\n  SelectContent,\n  SelectControl,\n  SelectIndicator,\n  SelectPositioner,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/Select';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SelectInput: Component<{\n  placeholder: string;\n  showSelectIndicator: boolean | undefined;\n  children: JSX.Element;\n}> = (props) => (\n  <>\n    <SelectControl>\n      <SelectTrigger>\n        <SelectValue placeholder={props.placeholder} />\n        <Show when={props.showSelectIndicator !== false}>\n          <SelectIndicator />\n        </Show>\n      </SelectTrigger>\n    </SelectControl>\n    <SelectPositioner>\n      <SelectContent>{props.children}</SelectContent>\n    </SelectPositioner>\n  </>\n);\n\nexport type SelectFieldProps = ComponentProps<typeof Select> & {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  showSelectIndicator?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nconst SELECT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showSelectIndicator',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const SelectField: Component<SelectFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, SELECT_FIELD_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          <Select\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            {...others}\n          >\n            <SelectInput\n              placeholder={local.placeholder ?? ''}\n              showSelectIndicator={local.showSelectIndicator}\n            >\n              {local.children}\n            </SelectInput>\n          </Select>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["SelectInput","props","_$createComponent","SelectControl","children","SelectTrigger","SelectValue","placeholder","_$Show","when","showSelectIndicator","SelectIndicator","SelectPositioner","SelectContent","SELECT_FIELD_PROPS","SelectField","field","useFieldContext","local","others","splitProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","Select","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","FieldError","FieldDescription","description"],"mappings":"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"}
+{"version":3,"file":"SelectField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","Select","SelectContent","SelectControl","SelectIndicator","SelectPositioner","SelectTrigger","SelectValue","useFieldContext","WithTrailingAddon","SelectInput","placeholder","showSelectIndicator","children","Element","props","_$createComponent","_$Show","when","SelectFieldProps","label","description","trailingAddon","SELECT_FIELD_PROPS","const","SelectField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SelectField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  Select,\n  SelectContent,\n  SelectControl,\n  SelectIndicator,\n  SelectPositioner,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/Select';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SelectInput: Component<{\n  placeholder: string;\n  showSelectIndicator: boolean | undefined;\n  children: JSX.Element;\n}> = (props) => (\n  <>\n    <SelectControl>\n      <SelectTrigger>\n        <SelectValue placeholder={props.placeholder} />\n        <Show when={props.showSelectIndicator !== false}>\n          <SelectIndicator />\n        </Show>\n      </SelectTrigger>\n    </SelectControl>\n    <SelectPositioner>\n      <SelectContent>{props.children}</SelectContent>\n    </SelectPositioner>\n  </>\n);\n\nexport type SelectFieldProps = ComponentProps<typeof Select> & {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  showSelectIndicator?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nconst SELECT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showSelectIndicator',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const SelectField: Component<SelectFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, SELECT_FIELD_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          <Select\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            {...others}\n          >\n            <SelectInput\n              placeholder={local.placeholder ?? ''}\n              showSelectIndicator={local.showSelectIndicator}\n            >\n              {local.children}\n            </SelectInput>\n          </Select>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAgBA,IAAMkB,KAIAK,MAAK,CAAAC,EAENb,GAAa,EAAA,IAAAU,WAAA;AAAA,QAAAG,EACXV,GAAa,EAAA,IAAAO,WAAA;AAAA,SAAA,CAAAG,EACXT,GAAW,EAAA,IAACI,cAAW;AAAA,UAAEI,EAAMJ;KAAW,CAAA,EAAAK,EAC1CC,GAAI;GAAA,IAACC,OAAI;AAAA,WAAEH,EAAMH,wBAAwB;;GAAK,IAAAC,WAAA;AAAA,WAAAG,EAC5CZ,GAAe,EAAA,CAAA;;GAAA,CAAA,CAAA;IAAA,CAAA;GAAA,CAAA,EAAAY,EAIrBX,GAAgB,EAAA,IAAAQ,WAAA;AAAA,QAAAG,EACdd,GAAa,EAAA,IAAAW,WAAA;AAAA,SAAEE,EAAMF;IAAQ,CAAA;GAAA,CAAA,CAGnC,EAUKU,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEYE,KAA4CV,MAAU;CACjE,IAAMW,IAAQlB,GAA2B,EACnC,CAACmB,GAAOC,KAAUC,EAAWd,GAAOQ,EAAmB;AAE7D,QAAAP,EACGpB,GAAK;EAAA,IACJkC,UAAO;AAAA,UAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IAAAxB,WAAA;AAAA,UAAA,CAAAG,EAEhChB,GAAU,EAAA,IAAAa,WAAA;AAAA,WAAEc,EAAMP;MAAK,CAAA,EAAAJ,EACvBnB,GAAY,EAAA,IAAAgB,WAAA;AAAA,WAAA;KAAAG,EACVP,GAAiB;MAAA,IAAC6B,QAAK;AAAA,cAAEX,EAAML;;MAAa,IAAAT,WAAA;AAAA,cAAAG,EAC1Cf,GAAMsC,EAAA;QAAA,IACLC,QAAK;AAAA,gBAAEd,GAAO,CAACK,MAAMS;;QACrBC,gBAAgBC,MAAY;AAC1BhB,YAAO,CAACiB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;AACZlB,YAAO,CAACmB,YAAY;;QACrB,IACDf,UAAO;AAAA,gBAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;AAAA,gBAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAET,EAAMS,YAAY;;QAAK,EAC7BR,GAAM,EAAA,IAAAf,WAAA;AAAA,eAAAG,EAETN,GAAW;SAAA,IACVC,cAAW;AAAA,iBAAEgB,EAAMhB,eAAe;;SAAE,IACpCC,sBAAmB;AAAA,iBAAEe,EAAMf;;SAAmB,IAAAC,WAAA;AAAA,iBAE7Cc,EAAMd;;SAAQ,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAG,EAIpBjB,GAAU,EAAA,IAACkC,SAAM;AAAA,aAAEP,GAAO,CAACK,MAAMC,KAAKC;QAAM,CAAA;KAAAjB,EAC5ClB,GAAgB,EAAA,IAAAe,WAAA;AAAA,aAAEc,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/SliderField.js

@@ -1,115 +1,109 @@
-import { createComponent as r, mergeProps as n, insert as a, For as i, memo as d, template as s } from "solid-js/web";
-import { Field as g, FieldError as m, FieldDescription as c } from "../Field.js";
-import { Slider as h, SliderLabel as f, SliderValueText as b, SliderControl as p, SliderTrack as v, SliderRange as S, SliderThumb as y, SliderMarkerGroup as k, SliderMarker as F } from "../Slider.js";
-import { useFieldContext as C } from "./context.js";
-import { WithTrailingAddon as A } from "./WithTrailingAddon.js";
-import { splitProps as O } from "solid-js";
-var x = /* @__PURE__ */ s('<div class="flex items-center justify-between">');
-const T = (l) => [(() => {
-  var e = x();
-  return a(e, r(f, {
-    get children() {
-      return l.label;
-    }
-  }), null), a(e, r(b, {}), null), e;
-})(), r(p, {
-  get children() {
-    return [r(v, {
-      get children() {
-        return r(S, {});
-      }
-    }), r(i, {
-      get each() {
-        return l.value.map((e, t) => t);
-      },
-      children: (e) => r(y, {
-        index: e
-      })
-    })];
-  }
-}), d(() => d(() => !!l.marks)() && r(k, {
-  get children() {
-    return r(i, {
-      get each() {
-        return l.marks;
-      },
-      children: (e) => r(F, {
-        get value() {
-          return e.value;
-        },
-        get children() {
-          return e.label;
-        }
-      })
-    });
-  }
-}))], j = (l) => {
-  const e = C(), [t, u] = O(l, ["label", "description", "required", "disabled", "readOnly", "marks", "trailingAddon"]);
-  return r(g, {
-    get invalid() {
-      return e().state.meta.errors.length > 0;
-    },
-    get disabled() {
-      return t.disabled ?? !1;
-    },
-    get readOnly() {
-      return t.readOnly ?? !1;
-    },
-    get required() {
-      return t.required ?? !1;
-    },
-    get children() {
-      return [r(A, {
-        get addon() {
-          return t.trailingAddon;
-        },
-        get children() {
-          return r(h, n({
-            get value() {
-              return e().state.value;
-            },
-            onValueChange: (o) => {
-              e().handleChange(o.value);
-            },
-            onFocusChange: () => {
-              e().handleBlur();
-            },
-            get invalid() {
-              return e().state.meta.errors.length > 0;
-            },
-            get disabled() {
-              return t.disabled ?? !1;
-            },
-            get readOnly() {
-              return t.readOnly ?? !1;
-            }
-          }, u, {
-            get children() {
-              return r(T, n({
-                get value() {
-                  return e().state.value;
-                }
-              }, () => typeof t.label == "string" && {
-                label: t.label
-              }, () => Array.isArray(t.marks) && {
-                marks: t.marks
-              }));
-            }
-          }));
-        }
-      }), r(m, {
-        get errors() {
-          return e().state.meta.errors;
-        }
-      }), r(c, {
-        get children() {
-          return t.description;
-        }
-      })];
-    }
-  });
+import { Field as e, FieldDescription as t, FieldError as n } from "../Field.js";
+import { WithTrailingAddon as r } from "./WithTrailingAddon.js";
+import { useFieldContext as i } from "./context.js";
+import { Slider as a, SliderControl as o, SliderLabel as s, SliderMarker as c, SliderMarkerGroup as l, SliderRange as u, SliderThumb as d, SliderTrack as f, SliderValueText as p } from "../Slider.js";
+import { For as m, createComponent as h, insert as g, memo as _, mergeProps as v, template as y } from "solid-js/web";
+import { splitProps as b } from "solid-js";
+//#region src/components/form/SliderField.tsx
+var x = /* @__PURE__ */ y("<div class=\"flex items-center justify-between\">"), S = (e) => [
+	(() => {
+		var t = x();
+		return g(t, h(s, { get children() {
+			return e.label;
+		} }), null), g(t, h(p, {}), null), t;
+	})(),
+	h(o, { get children() {
+		return [h(f, { get children() {
+			return h(u, {});
+		} }), h(m, {
+			get each() {
+				return e.value.map((e, t) => t);
+			},
+			children: (e) => h(d, { index: e })
+		})];
+	} }),
+	_(() => _(() => !!e.marks)() && h(l, { get children() {
+		return h(m, {
+			get each() {
+				return e.marks;
+			},
+			children: (e) => h(c, {
+				get value() {
+					return e.value;
+				},
+				get children() {
+					return e.label;
+				}
+			})
+		});
+	} }))
+], C = (o) => {
+	let s = i(), [c, l] = b(o, [
+		"label",
+		"description",
+		"required",
+		"disabled",
+		"readOnly",
+		"marks",
+		"trailingAddon"
+	]);
+	return h(e, {
+		get invalid() {
+			return s().state.meta.errors.length > 0;
+		},
+		get disabled() {
+			return c.disabled ?? !1;
+		},
+		get readOnly() {
+			return c.readOnly ?? !1;
+		},
+		get required() {
+			return c.required ?? !1;
+		},
+		get children() {
+			return [
+				h(r, {
+					get addon() {
+						return c.trailingAddon;
+					},
+					get children() {
+						return h(a, v({
+							get value() {
+								return s().state.value;
+							},
+							onValueChange: (e) => {
+								s().handleChange(e.value);
+							},
+							onFocusChange: () => {
+								s().handleBlur();
+							},
+							get invalid() {
+								return s().state.meta.errors.length > 0;
+							},
+							get disabled() {
+								return c.disabled ?? !1;
+							},
+							get readOnly() {
+								return c.readOnly ?? !1;
+							}
+						}, l, { get children() {
+							return h(S, v({ get value() {
+								return s().state.value;
+							} }, () => typeof c.label == "string" && { label: c.label }, () => Array.isArray(c.marks) && { marks: c.marks }));
+						} }));
+					}
+				}),
+				h(n, { get errors() {
+					return s().state.meta.errors;
+				} }),
+				h(t, { get children() {
+					return c.description;
+				} })
+			];
+		}
+	});
 };
-export {
-  j as SliderField
-};
-//# sourceMappingURL=SliderField.js.map
+//#endregion
+export { C as SliderField };
+
+//# sourceMappingURL=SliderField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderField.js","sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldDescription, FieldError } from '@/components/Field';\nimport {\n  Slider,\n  SliderControl,\n  SliderLabel,\n  SliderMarker,\n  SliderMarkerGroup,\n  SliderRange,\n  SliderThumb,\n  SliderTrack,\n  SliderValueText,\n} from '@/components/Slider';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SliderInput: Component<{\n  value: number[];\n  label?: string;\n  marks?: { value: number; label?: string }[] | undefined;\n}> = (props) => (\n  <>\n    <div class='flex items-center justify-between'>\n      <SliderLabel>{props.label}</SliderLabel>\n      <SliderValueText />\n    </div>\n    <SliderControl>\n      <SliderTrack>\n        <SliderRange />\n      </SliderTrack>\n      <For each={props.value.map((_, index) => index)}>\n        {(index) => <SliderThumb index={index} />}\n      </For>\n    </SliderControl>\n    {props.marks && (\n      <SliderMarkerGroup>\n        <For each={props.marks}>\n          {(mark) => <SliderMarker value={mark.value}>{mark.label}</SliderMarker>}\n        </For>\n      </SliderMarkerGroup>\n    )}\n  </>\n);\n\nexport type SliderFieldProps = ComponentProps<typeof Slider> & {\n  label?: string;\n  description?: string;\n  marks?: { value: number; label?: string }[];\n  required?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nexport const SliderField: Component<SliderFieldProps> = (props) => {\n  const field = useFieldContext<number[]>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'marks',\n    'trailingAddon',\n  ]);\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      <WithTrailingAddon addon={local.trailingAddon}>\n        <Slider\n          value={field().state.value}\n          onValueChange={(details) => {\n            field().handleChange(details.value);\n          }}\n          onFocusChange={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          {...others}\n        >\n          <SliderInput\n            value={field().state.value}\n            {...(typeof local.label === 'string' && { label: local.label })}\n            {...(Array.isArray(local.marks) && { marks: local.marks })}\n          />\n        </Slider>\n      </WithTrailingAddon>\n      <FieldError errors={field().state.meta.errors} />\n      <FieldDescription>{local.description}</FieldDescription>\n    </Field>\n  );\n};\n"],"names":["SliderInput","props","_el$","_tmpl$","_$insert","_$createComponent","SliderLabel","children","label","SliderValueText","SliderControl","SliderTrack","SliderRange","_$For","each","value","map","_","index","SliderThumb","_$memo","marks","SliderMarkerGroup","mark","SliderMarker","SliderField","field","useFieldContext","local","others","splitProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","WithTrailingAddon","addon","trailingAddon","Slider","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray","FieldError","FieldDescription","description"],"mappings":"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"}
+{"version":3,"file":"SliderField.js","names":["Component","ComponentProps","JSXElement","Field","FieldDescription","FieldError","Slider","SliderControl","SliderLabel","SliderMarker","SliderMarkerGroup","SliderRange","SliderThumb","SliderTrack","SliderValueText","useFieldContext","WithTrailingAddon","SliderInput","value","label","marks","props","_el$","_tmpl$","_$insert","_$createComponent","children","_$For","each","map","_","index","_$memo","mark","SliderFieldProps","description","required","trailingAddon","SliderField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","addon","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray"],"sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldDescription, FieldError } from '@/components/Field';\nimport {\n  Slider,\n  SliderControl,\n  SliderLabel,\n  SliderMarker,\n  SliderMarkerGroup,\n  SliderRange,\n  SliderThumb,\n  SliderTrack,\n  SliderValueText,\n} from '@/components/Slider';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SliderInput: Component<{\n  value: number[];\n  label?: string;\n  marks?: { value: number; label?: string }[] | undefined;\n}> = (props) => (\n  <>\n    <div class='flex items-center justify-between'>\n      <SliderLabel>{props.label}</SliderLabel>\n      <SliderValueText />\n    </div>\n    <SliderControl>\n      <SliderTrack>\n        <SliderRange />\n      </SliderTrack>\n      <For each={props.value.map((_, index) => index)}>\n        {(index) => <SliderThumb index={index} />}\n      </For>\n    </SliderControl>\n    {props.marks && (\n      <SliderMarkerGroup>\n        <For each={props.marks}>\n          {(mark) => <SliderMarker value={mark.value}>{mark.label}</SliderMarker>}\n        </For>\n      </SliderMarkerGroup>\n    )}\n  </>\n);\n\nexport type SliderFieldProps = ComponentProps<typeof Slider> & {\n  label?: string;\n  description?: string;\n  marks?: { value: number; label?: string }[];\n  required?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nexport const SliderField: Component<SliderFieldProps> = (props) => {\n  const field = useFieldContext<number[]>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'marks',\n    'trailingAddon',\n  ]);\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      <WithTrailingAddon addon={local.trailingAddon}>\n        <Slider\n          value={field().state.value}\n          onValueChange={(details) => {\n            field().handleChange(details.value);\n          }}\n          onFocusChange={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          {...others}\n        >\n          <SliderInput\n            value={field().state.value}\n            {...(typeof local.label === 'string' && { label: local.label })}\n            {...(Array.isArray(local.marks) && { marks: local.marks })}\n          />\n        </Slider>\n      </WithTrailingAddon>\n      <FieldError errors={field().state.meta.errors} />\n      <FieldDescription>{local.description}</FieldDescription>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;gFAkBMiB,KAIAI,MAAK;QAAA;EAAA,IAAAC,IAAAC,GAAA;AAIW,SAJXC,EAAAF,GAAAG,EAGJjB,GAAW,EAAA,IAAAkB,WAAA;AAAA,UAAEL,EAAMF;KAAK,CAAA,EAAA,KAAA,EAAAK,EAAAF,GAAAG,EACxBX,GAAe,EAAA,CAAA,EAAA,KAAA,EAAAQ;KAAA;CAAAG,EAEjBlB,GAAa,EAAA,IAAAmB,WAAA;AAAA,SAAA,CAAAD,EACXZ,GAAW,EAAA,IAAAa,WAAA;AAAA,UAAAD,EACTd,GAAW,EAAA,CAAA;KAAA,CAAA,EAAAc,EAEbE,GAAG;GAAA,IAACC,OAAI;AAAA,WAAEP,EAAMH,MAAMW,KAAKC,GAAGC,MAAUA,EAAM;;GAAAL,WAC3CK,MAAKN,EAAMb,GAAW,EAAQmB,UAAK,CAAA;GAAI,CAAA,CAAA;IAAA,CAAA;CAAAC,QAG5CA,QAAA,CAAA,CAAAX,EAAMD,MAAK,EAAA,IAAAK,EACTf,GAAiB,EAAA,IAAAgB,WAAA;AAAA,SAAAD,EACfE,GAAG;GAAA,IAACC,OAAI;AAAA,WAAEP,EAAMD;;GAAKM,WAClBO,MAAIR,EAAMhB,GAAY;IAAA,IAACS,QAAK;AAAA,YAAEe,EAAKf;;IAAK,IAAAQ,WAAA;AAAA,YAAGO,EAAKd;;IAAK,CAAA;GAAgB,CAAA;IAAA,CAG5E,CAAA;CAEJ,EAUYmB,KAA4CjB,MAAU;CACjE,IAAMkB,IAAQxB,GAA2B,EACnC,CAACyB,GAAOC,KAAUC,EAAWrB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAI,EACGtB,GAAK;EAAA,IACJwC,UAAO;AAAA,UAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCb,WAAQ;AAAA,UAAEI,EAAMJ,YAAY;;EAAK,IAAAV,WAAA;AAAA,UAAA;IAAAD,EAEhCT,GAAiB;KAAA,IAACkC,QAAK;AAAA,aAAEV,EAAMH;;KAAa,IAAAX,WAAA;AAAA,aAAAD,EAC1CnB,GAAM6C,EAAA;OAAA,IACLjC,QAAK;AAAA,eAAEqB,GAAO,CAACK,MAAM1B;;OACrBkC,gBAAgBC,MAAY;AAC1Bd,WAAO,CAACe,aAAaD,EAAQnC,MAAM;;OAErCqC,qBAAqB;AACnBhB,WAAO,CAACiB,YAAY;;OACrB,IACDb,UAAO;AAAA,eAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;OAAC,IAC7CC,WAAQ;AAAA,eAAER,EAAMQ,YAAY;;OAAK,IACjCC,WAAQ;AAAA,eAAET,EAAMS,YAAY;;OAAK,EAC7BR,GAAM,EAAA,IAAAf,WAAA;AAAA,cAAAD,EAETR,GAAWkC,EAAA,EAAA,IACVjC,QAAK;AAAA,eAAEqB,GAAO,CAACK,MAAM1B;UAAK,QACrB,OAAOsB,EAAMrB,SAAU,YAAY,EAAEA,OAAOqB,EAAMrB,OAAO,QACzDsC,MAAMC,QAAQlB,EAAMpB,MAAM,IAAI,EAAEA,OAAOoB,EAAMpB,OAAO,CAAA,CAAA;SAAA,CAAA,CAAA;;KAAA,CAAA;IAAAK,EAI9DpB,GAAU,EAAA,IAACyC,SAAM;AAAA,YAAEP,GAAO,CAACK,MAAMC,KAAKC;OAAM,CAAA;IAAArB,EAC5CrB,GAAgB,EAAA,IAAAsB,WAAA;AAAA,YAAEc,EAAML;OAAW,CAAA;IAAA;;EAAA,CAAA"}

package/dist/components/form/SubmitButton.js

@@ -1,27 +1,31 @@
-import { createComponent as s, mergeProps as n } from "solid-js/web";
-import { Button as a } from "../Button.js";
-import { useFormContext as l } from "./context.js";
-import { splitProps as m } from "solid-js";
-const p = (r) => {
-  const e = l(), [t, o] = m(r, ["children", "loading", "disabled", "class"]), i = () => e.state.isSubmitting || e.state.isValidating || (t.loading ?? !1);
-  return s(a, n({
-    type: "submit",
-    get loading() {
-      return i();
-    },
-    get disabled() {
-      return t.disabled ?? !e.state.canSubmit;
-    },
-    get class() {
-      return `min-w-24 ${t.class ?? ""}`;
-    }
-  }, o, {
-    get children() {
-      return t.children;
-    }
-  }));
+import { Button as e } from "../Button.js";
+import { useFormContext as t } from "./context.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/form/SubmitButton.tsx
+var a = (a) => {
+	let o = t(), [s, c] = i(a, [
+		"children",
+		"loading",
+		"disabled",
+		"class"
+	]), l = () => o.state.isSubmitting || o.state.isValidating || (s.loading ?? !1);
+	return n(e, r({
+		type: "submit",
+		get loading() {
+			return l();
+		},
+		get disabled() {
+			return s.disabled ?? !o.state.canSubmit;
+		},
+		get class() {
+			return `min-w-24 ${s.class ?? ""}`;
+		}
+	}, c, { get children() {
+		return s.children;
+	} }));
 };
-export {
-  p as SubmitButton
-};
-//# sourceMappingURL=SubmitButton.js.map
+//#endregion
+export { a as SubmitButton };
+
+//# sourceMappingURL=SubmitButton.js.map