routelit-client 0.5.4 → 0.6.0

package/dist/{checkbox-BBrF5uBm.js → checkbox-BDnLdwav.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
-import { b as useFormDispatcherWithAttr } from "./client-BmYopK6I.js";
+import { b as useFormDispatcherWithAttr } from "./client-DPkVZp0w.js";
 const Checkbox = memo(function Checkbox2({
   label,
   id,
@@ -38,4 +38,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox as default
 };
-//# sourceMappingURL=checkbox-BBrF5uBm.js.map
+//# sourceMappingURL=checkbox-BDnLdwav.js.map

package/dist/{checkbox-BBrF5uBm.js.map → checkbox-BDnLdwav.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-BBrF5uBm.js","sources":["../src/components/checkbox.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\nconst Checkbox = memo(function Checkbox({\n  label,\n  id,\n  required,\n  defaultChecked,\n  ...props\n}: {\n  label: string;\n  caption?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">) {\n  const dispatchChange = useFormDispatcherWithAttr(id!, \"change\", \"checked\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      dispatchChange(e.target.checked);\n    },\n    [dispatchChange]\n  );\n  return (\n    <div className=\"rl-form-flex-control\">\n      <input\n        {...props}\n        type=\"checkbox\"\n        id={id}\n        defaultChecked={defaultChecked}\n        onChange={onChange}\n        required={required}\n      />\n      <label htmlFor={id}>\n        {label} {required && <span className=\"rl-required\">*</span>}\n      </label>\n    </div>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["Checkbox"],"mappings":";;;AAGM,MAAA,WAAW,KAAK,SAASA,UAAS;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGmE;AACjE,QAAM,iBAAiB,0BAA0B,IAAK,UAAU,SAAS;AACzE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC3B,qBAAA,EAAE,OAAO,OAAO;AAAA,IACjC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAM,EAAA,SAAS,IACb,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;"}
+{"version":3,"file":"checkbox-BDnLdwav.js","sources":["../src/components/checkbox.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\nconst Checkbox = memo(function Checkbox({\n  label,\n  id,\n  required,\n  defaultChecked,\n  ...props\n}: {\n  label: string;\n  caption?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">) {\n  const dispatchChange = useFormDispatcherWithAttr(id!, \"change\", \"checked\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      dispatchChange(e.target.checked);\n    },\n    [dispatchChange]\n  );\n  return (\n    <div className=\"rl-form-flex-control\">\n      <input\n        {...props}\n        type=\"checkbox\"\n        id={id}\n        defaultChecked={defaultChecked}\n        onChange={onChange}\n        required={required}\n      />\n      <label htmlFor={id}>\n        {label} {required && <span className=\"rl-required\">*</span>}\n      </label>\n    </div>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["Checkbox"],"mappings":";;;AAGM,MAAA,WAAW,KAAK,SAASA,UAAS;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGmE;AACjE,QAAM,iBAAiB,0BAA0B,IAAK,UAAU,SAAS;AACzE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC3B,qBAAA,EAAE,OAAO,OAAO;AAAA,IACjC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAM,EAAA,SAAS,IACb,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;"}

package/dist/{checkbox-C4IYk2ky.js → checkbox-CWN3EC2c.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { memo as m, useCallback as i } from "react";
-import { b as p } from "./client-CVCqXKt7.js";
+import { b as p } from "./client-BjWIoP17.js";
 const x = m(function({
   label: a,
   id: e,

package/dist/{checkbox-group-DrpoPDc1.js → checkbox-group-DqZCUc0_.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
-import { b as useFormDispatcherWithAttr } from "./client-BmYopK6I.js";
+import { b as useFormDispatcherWithAttr } from "./client-DPkVZp0w.js";
 function CheckboxGroupOption(props) {
   const { id, value, onChange } = props;
   const option = props.option;
@@ -44,7 +44,7 @@ const CheckboxGroup = memo(function CheckboxGroup2({
       " ",
       required && /* @__PURE__ */ jsx("span", { className: "rl-required", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `rl-form-control-group rl-flex-${flexDirection}`, children: options.map((option) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: `rl-form-control-group rl-flex-${flexDirection}`, children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(
       CheckboxGroupOption,
       {
         id,
@@ -60,4 +60,4 @@ CheckboxGroup.displayName = "CheckboxGroup";
 export {
   CheckboxGroup as default
 };
-//# sourceMappingURL=checkbox-group-DrpoPDc1.js.map
+//# sourceMappingURL=checkbox-group-DqZCUc0_.js.map

package/dist/{checkbox-group-DrpoPDc1.js.map → checkbox-group-DqZCUc0_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group-DrpoPDc1.js","sources":["../src/components/checkbox-group.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\ntype CheckboxGroupProps = {\n  id: string;\n  label: string;\n  value: string[];\n  required?: boolean;\n  flexDirection?: \"row\" | \"col\";\n  options: Array<{ label: string; value: string; caption?: string; disabled?: boolean }>;\n};\n\nfunction CheckboxGroupOption(props: {\n  option: CheckboxGroupProps[\"options\"][number];\n  id: string;\n  value: string[];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n  const { id, value, onChange } = props;\n\n  const option: CheckboxGroupProps[\"options\"][number] =\n    props.option;\n\n  return (\n    <div key={option.value} className=\"rl-form-flex-control\">\n      <input\n        disabled={option.disabled}\n        type=\"checkbox\"\n        value={option.value}\n        id={`${id}-${option.value}`}\n        checked={value.includes(option.value)}\n        onChange={onChange}\n      />\n      <div className=\"rl-form-inline-label\">\n        <label htmlFor={`${id}-${option.value}`}>{option.label}</label>\n        {option.caption && (\n          <small className=\"rl-form-control-caption\">{option.caption}</small>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst CheckboxGroup = memo(function CheckboxGroup({\n  id,\n  label,\n  value,\n  required,\n  options,\n  flexDirection = \"col\",\n}: CheckboxGroupProps) {\n  const dispatchChange = useFormDispatcherWithAttr(id, \"change\", \"value\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.checked\n        ? [...value, e.target.value]\n        : value.filter((v) => v !== e.target.value);\n      dispatchChange(newValue);\n    },\n    [dispatchChange, value]\n  );\n  return (\n    <div className=\"rl-form-group\">\n      {label && (\n        <label>\n          {label} {required && <span className=\"rl-required\">*</span>}\n        </label>\n      )}\n      <div className={`rl-form-control-group rl-flex-${flexDirection}`}>\n        {options.map((option) => (\n          <CheckboxGroupOption\n            key={typeof option === \"string\" ? option : option.value}\n            id={id}\n            value={value}\n            onChange={onChange}\n            option={option}\n          />\n        ))}\n      </div>\n    </div>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup"],"mappings":";;;AAYA,SAAS,oBAAoB,OAK1B;AACD,QAAM,EAAE,IAAI,OAAO,SAAa,IAAA;AAEhC,QAAM,SACJ,MAAM;AAGN,SAAA,qBAAC,OAAuB,EAAA,WAAU,wBAChC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,OAAO;AAAA,QACjB,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,IAAI,GAAG,EAAE,IAAI,OAAO,KAAK;AAAA,QACzB,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,QACpC;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAC,oBAAA,SAAA,EAAM,SAAS,GAAG,EAAE,IAAI,OAAO,KAAK,IAAK,UAAA,OAAO,MAAM,CAAA;AAAA,MACtD,OAAO,WACN,oBAAC,WAAM,WAAU,2BAA2B,iBAAO,QAAQ,CAAA;AAAA,IAAA,EAE/D,CAAA;AAAA,EAAA,EAAA,GAdQ,OAAO,KAejB;AAEJ;AAEM,MAAA,gBAAgB,KAAK,SAASA,eAAc;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAuB;AACrB,QAAM,iBAAiB,0BAA0B,IAAI,UAAU,OAAO;AACtE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC1C,YAAM,WAAW,EAAE,OAAO,UACtB,CAAC,GAAG,OAAO,EAAE,OAAO,KAAK,IACzB,MAAM,OAAO,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAC5C,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,gBAAgB,KAAK;AAAA,EACxB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,IAAA,8BACE,SACE,EAAA,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,GACtD;AAAA,IAEF,oBAAC,SAAI,WAAW,iCAAiC,aAAa,IAC3D,UAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,IAAA,CAMrD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,cAAc,cAAc;"}
+{"version":3,"file":"checkbox-group-DqZCUc0_.js","sources":["../src/components/checkbox-group.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\ntype CheckboxGroupProps = {\n  id: string;\n  label: string;\n  value: string[];\n  required?: boolean;\n  flexDirection?: \"row\" | \"col\";\n  options: Array<{ label: string; value: string; caption?: string; disabled?: boolean }>;\n};\n\nfunction CheckboxGroupOption(props: {\n  option: CheckboxGroupProps[\"options\"][number];\n  id: string;\n  value: string[];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n  const { id, value, onChange } = props;\n\n  const option: CheckboxGroupProps[\"options\"][number] =\n    props.option;\n\n  return (\n    <div key={option.value} className=\"rl-form-flex-control\">\n      <input\n        disabled={option.disabled}\n        type=\"checkbox\"\n        value={option.value}\n        id={`${id}-${option.value}`}\n        checked={value.includes(option.value)}\n        onChange={onChange}\n      />\n      <div className=\"rl-form-inline-label\">\n        <label htmlFor={`${id}-${option.value}`}>{option.label}</label>\n        {option.caption && (\n          <small className=\"rl-form-control-caption\">{option.caption}</small>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst CheckboxGroup = memo(function CheckboxGroup({\n  id,\n  label,\n  value,\n  required,\n  options,\n  flexDirection = \"col\",\n}: CheckboxGroupProps) {\n  const dispatchChange = useFormDispatcherWithAttr(id, \"change\", \"value\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.checked\n        ? [...value, e.target.value]\n        : value.filter((v) => v !== e.target.value);\n      dispatchChange(newValue);\n    },\n    [dispatchChange, value]\n  );\n  return (\n    <div className=\"rl-form-group\">\n      {label && (\n        <label>\n          {label} {required && <span className=\"rl-required\">*</span>}\n        </label>\n      )}\n      <div className={`rl-form-control-group rl-flex-${flexDirection}`}>\n        {options?.map((option) => (\n          <CheckboxGroupOption\n            key={typeof option === \"string\" ? option : option.value}\n            id={id}\n            value={value}\n            onChange={onChange}\n            option={option}\n          />\n        ))}\n      </div>\n    </div>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup"],"mappings":";;;AAYA,SAAS,oBAAoB,OAK1B;AACD,QAAM,EAAE,IAAI,OAAO,SAAa,IAAA;AAEhC,QAAM,SACJ,MAAM;AAGN,SAAA,qBAAC,OAAuB,EAAA,WAAU,wBAChC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,OAAO;AAAA,QACjB,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,IAAI,GAAG,EAAE,IAAI,OAAO,KAAK;AAAA,QACzB,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,QACpC;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAC,oBAAA,SAAA,EAAM,SAAS,GAAG,EAAE,IAAI,OAAO,KAAK,IAAK,UAAA,OAAO,MAAM,CAAA;AAAA,MACtD,OAAO,WACN,oBAAC,WAAM,WAAU,2BAA2B,iBAAO,QAAQ,CAAA;AAAA,IAAA,EAE/D,CAAA;AAAA,EAAA,EAAA,GAdQ,OAAO,KAejB;AAEJ;AAEM,MAAA,gBAAgB,KAAK,SAASA,eAAc;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAuB;AACrB,QAAM,iBAAiB,0BAA0B,IAAI,UAAU,OAAO;AACtE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC1C,YAAM,WAAW,EAAE,OAAO,UACtB,CAAC,GAAG,OAAO,EAAE,OAAO,KAAK,IACzB,MAAM,OAAO,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAC5C,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,gBAAgB,KAAK;AAAA,EACxB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,IAAA,8BACE,SACE,EAAA,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,GACtD;AAAA,IAEF,oBAAC,SAAI,WAAW,iCAAiC,aAAa,IAC3D,UAAA,mCAAS,IAAI,CAAC,WACb;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,IAAA,GAOxD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,cAAc,cAAc;"}

package/dist/{checkbox-group-DSLjKCm5.js → checkbox-group-sDM2eP7o.js}

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { memo as p, useCallback as f } from "react";
-import { b } from "./client-CVCqXKt7.js";
+import { memo as f, useCallback as p } from "react";
+import { b } from "./client-BjWIoP17.js";
 function v(t) {
-  const { id: o, value: c, onChange: r } = t, e = t.option;
+  const { id: c, value: o, onChange: r } = t, e = t.option;
   return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [
     /* @__PURE__ */ a(
       "input",
@@ -10,42 +10,42 @@ function v(t) {
         disabled: e.disabled,
         type: "checkbox",
         value: e.value,
-        id: `${o}-${e.value}`,
-        checked: c.includes(e.value),
+        id: `${c}-${e.value}`,
+        checked: o.includes(e.value),
         onChange: r
       }
     ),
     /* @__PURE__ */ n("div", { className: "rl-form-inline-label", children: [
-      /* @__PURE__ */ a("label", { htmlFor: `${o}-${e.value}`, children: e.label }),
+      /* @__PURE__ */ a("label", { htmlFor: `${c}-${e.value}`, children: e.label }),
       e.caption && /* @__PURE__ */ a("small", { className: "rl-form-control-caption", children: e.caption })
     ] })
   ] }, e.value);
 }
-const g = p(function({
-  id: o,
-  label: c,
+const g = f(function({
+  id: c,
+  label: o,
   value: r,
   required: e,
-  options: s,
+  options: i,
   flexDirection: u = "col"
 }) {
-  const i = b(o, "change", "value"), d = f(
+  const s = b(c, "change", "value"), d = p(
     (l) => {
       const m = l.target.checked ? [...r, l.target.value] : r.filter((h) => h !== l.target.value);
-      i(m);
+      s(m);
     },
-    [i, r]
+    [s, r]
   );
   return /* @__PURE__ */ n("div", { className: "rl-form-group", children: [
-    c && /* @__PURE__ */ n("label", { children: [
-      c,
+    o && /* @__PURE__ */ n("label", { children: [
+      o,
       " ",
       e && /* @__PURE__ */ a("span", { className: "rl-required", children: "*" })
     ] }),
-    /* @__PURE__ */ a("div", { className: `rl-form-control-group rl-flex-${u}`, children: s.map((l) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: `rl-form-control-group rl-flex-${u}`, children: i == null ? void 0 : i.map((l) => /* @__PURE__ */ a(
       v,
       {
-        id: o,
+        id: c,
         value: r,
         onChange: d,
         option: l