routelit-client 0.5.2 → 0.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/{checkbox-9lrNZctG.js → checkbox-BBrF5uBm.js} +2 -2
  2. package/dist/{checkbox-9lrNZctG.js.map → checkbox-BBrF5uBm.js.map} +1 -1
  3. package/dist/{checkbox-DQPZffx5.js → checkbox-C4IYk2ky.js} +1 -1
  4. package/dist/{checkbox-group-DZmiz6tM.js → checkbox-group-DSLjKCm5.js} +1 -1
  5. package/dist/{checkbox-group--P655Yzh.js → checkbox-group-DrpoPDc1.js} +2 -2
  6. package/dist/{checkbox-group--P655Yzh.js.map → checkbox-group-DrpoPDc1.js.map} +1 -1
  7. package/dist/{client-D0Y6VDpm.js → client-BmYopK6I.js} +55 -37
  8. package/dist/client-BmYopK6I.js.map +1 -0
  9. package/dist/{client-DShqkHLG.js → client-CVCqXKt7.js} +760 -745
  10. package/dist/{dialog-pMuiGCiC.js → dialog-BiMlAuNR.js} +2 -2
  11. package/dist/{dialog-pMuiGCiC.js.map → dialog-BiMlAuNR.js.map} +1 -1
  12. package/dist/{dialog-BZJaeSg4.js → dialog-Bm32_3dl.js} +1 -1
  13. package/dist/{input-bU2tFE7u.js → input-BAfvhFFa.js} +2 -2
  14. package/dist/{input-bU2tFE7u.js.map → input-BAfvhFFa.js.map} +1 -1
  15. package/dist/{input-Dn8QeWuK.js → input-C7zwl4Ir.js} +1 -1
  16. package/dist/lib.d.ts +1 -11
  17. package/dist/{radio-DgrewWHx.js → radio-C3XPK4u3.js} +1 -1
  18. package/dist/{radio-BHr9du__.js → radio-Dun2pYu5.js} +2 -2
  19. package/dist/{radio-BHr9du__.js.map → radio-Dun2pYu5.js.map} +1 -1
  20. package/dist/routelit-client.es.dev.js +1 -1
  21. package/dist/routelit-client.es.js +1 -1
  22. package/dist/routelit-client.umd.dev.js +45 -43
  23. package/dist/routelit-client.umd.dev.js.map +1 -1
  24. package/dist/routelit-client.umd.js +18 -18
  25. package/dist/{select-Tp2rjInj.js → select-B-eGFqpU.js} +1 -1
  26. package/dist/{select-DKI11VJU.js → select-CT25n1Lx.js} +2 -2
  27. package/dist/{select-DKI11VJU.js.map → select-CT25n1Lx.js.map} +1 -1
  28. package/dist/{textarea-DF-KYigU.js → textarea-DCsk48sa.js} +2 -2
  29. package/dist/{textarea-DF-KYigU.js.map → textarea-DCsk48sa.js.map} +1 -1
  30. package/dist/{textarea-BTtEuLyx.js → textarea-mogObQTI.js} +1 -1
  31. package/package.json +1 -1
  32. package/dist/client-D0Y6VDpm.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { memo, useCallback } from "react";
3
- import { b as useFormDispatcherWithAttr } from "./client-D0Y6VDpm.js";
3
+ import { b as useFormDispatcherWithAttr } from "./client-BmYopK6I.js";
4
4
  const Checkbox = memo(function Checkbox2({
5
5
  label,
6
6
  id,
@@ -38,4 +38,4 @@ Checkbox.displayName = "Checkbox";
38
38
  export {
39
39
  Checkbox as default
40
40
  };
41
- //# sourceMappingURL=checkbox-9lrNZctG.js.map
41
+ //# sourceMappingURL=checkbox-BBrF5uBm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-9lrNZctG.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;"}
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;"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as r, jsx as t } from "react/jsx-runtime";
2
2
  import { memo as m, useCallback as i } from "react";
3
- import { b as p } from "./client-DShqkHLG.js";
3
+ import { b as p } from "./client-CVCqXKt7.js";
4
4
  const x = m(function({
5
5
  label: a,
6
6
  id: e,
@@ -1,6 +1,6 @@
1
1
  import { jsxs as n, jsx as a } from "react/jsx-runtime";
2
2
  import { memo as p, useCallback as f } from "react";
3
- import { b } from "./client-DShqkHLG.js";
3
+ import { b } from "./client-CVCqXKt7.js";
4
4
  function v(t) {
5
5
  const { id: o, value: c, onChange: r } = t, e = t.option;
6
6
  return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { memo, useCallback } from "react";
3
- import { b as useFormDispatcherWithAttr } from "./client-D0Y6VDpm.js";
3
+ import { b as useFormDispatcherWithAttr } from "./client-BmYopK6I.js";
4
4
  function CheckboxGroupOption(props) {
5
5
  const { id, value, onChange } = props;
6
6
  const option = props.option;
@@ -60,4 +60,4 @@ CheckboxGroup.displayName = "CheckboxGroup";
60
60
  export {
61
61
  CheckboxGroup as default
62
62
  };
63
- //# sourceMappingURL=checkbox-group--P655Yzh.js.map
63
+ //# sourceMappingURL=checkbox-group-DrpoPDc1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group--P655Yzh.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;"}
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;"}
@@ -2,9 +2,8 @@ var __defProp = Object.defineProperty;
2
2
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
3
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
4
  import React, { createContext, useContext, useCallback, useSyncExternalStore, useMemo, Suspense, useRef, createElement, useEffect, StrictMode } from "react";
5
- import * as require$$2 from "react-dom";
6
- import require$$2__default from "react-dom";
7
5
  import { jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
6
+ import require$$2 from "react-dom";
8
7
  var NOTHING = Symbol.for("immer-nothing");
9
8
  var DRAFTABLE = Symbol.for("immer-draftable");
10
9
  var DRAFT_STATE = Symbol.for("immer-state");
@@ -1576,11 +1575,26 @@ const RouteLitContext = createContext({
1576
1575
  parentManager: void 0
1577
1576
  });
1578
1577
  function useRouteLitContext() {
1578
+ var _a, _b;
1579
1579
  const context = useContext(RouteLitContext);
1580
- if (!context) {
1581
- throw new Error(
1582
- "useRouteLitContext must be used within a RouteLitContext.Provider"
1583
- );
1580
+ if (!context || !context.manager || !context.componentStore) {
1581
+ const globalManager = (_a = window.RoutelitClient) == null ? void 0 : _a.manager;
1582
+ const globalComponentStore = ((_b = window.RoutelitClient) == null ? void 0 : _b.componentStore) || window.componentStore;
1583
+ if (globalManager && globalComponentStore) {
1584
+ return {
1585
+ manager: globalManager,
1586
+ componentStore: globalComponentStore,
1587
+ parentManager: void 0
1588
+ };
1589
+ }
1590
+ if (!context) {
1591
+ console.warn(
1592
+ "RouteLitContext not found and no global fallbacks available. This may cause errors."
1593
+ );
1594
+ throw new Error(
1595
+ "useRouteLitContext must be used within a RouteLitContext.Provider"
1596
+ );
1597
+ }
1584
1598
  }
1585
1599
  return context;
1586
1600
  }
@@ -1619,32 +1633,40 @@ function useDispatcherWithAttr(id, type, attr) {
1619
1633
  function useFormDispatcher(id, type) {
1620
1634
  const { manager: manager2 } = useRouteLitContext();
1621
1635
  const formId = useFormId();
1622
- const callback = useCallback((data) => {
1623
- manager2.handleEvent(new CustomEvent("routelit:event", { detail: { id, type, formId, ...data } }));
1624
- }, [manager2, id, type, formId]);
1636
+ const callback = useCallback(
1637
+ (data) => {
1638
+ manager2.handleEvent(
1639
+ new CustomEvent("routelit:event", {
1640
+ detail: { id, type, formId, ...data }
1641
+ })
1642
+ );
1643
+ },
1644
+ [manager2, id, type, formId]
1645
+ );
1625
1646
  return callback;
1626
1647
  }
1627
1648
  function useFormDispatcherWithAttr(id, type, attr) {
1628
1649
  const { manager: manager2 } = useRouteLitContext();
1629
1650
  const formId = useFormId();
1630
- const callback = useCallback((value) => {
1631
- manager2.handleEvent(new CustomEvent("routelit:event", { detail: { id, type, formId, [attr]: value } }));
1632
- }, [manager2, id, type, formId, attr]);
1651
+ const callback = useCallback(
1652
+ (value) => {
1653
+ manager2.handleEvent(
1654
+ new CustomEvent("routelit:event", {
1655
+ detail: { id, type, formId, [attr]: value }
1656
+ })
1657
+ );
1658
+ },
1659
+ [manager2, id, type, formId, attr]
1660
+ );
1633
1661
  return callback;
1634
1662
  }
1635
1663
  function useIsLoading() {
1636
1664
  const { manager: manager2 } = useRouteLitContext();
1637
- return useSyncExternalStore(
1638
- manager2.subscribeIsLoading,
1639
- manager2.isLoading
1640
- );
1665
+ return useSyncExternalStore(manager2.subscribeIsLoading, manager2.isLoading);
1641
1666
  }
1642
1667
  function useError() {
1643
1668
  const { manager: manager2 } = useRouteLitContext();
1644
- return useSyncExternalStore(
1645
- manager2.subscribeError,
1646
- manager2.getError
1647
- );
1669
+ return useSyncExternalStore(manager2.subscribeError, manager2.getError);
1648
1670
  }
1649
1671
  function RLElement({
1650
1672
  name,
@@ -16832,7 +16854,7 @@ var schedulerExports = scheduler.exports;
16832
16854
  ));
16833
16855
  }
16834
16856
  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
16835
- var Scheduler = schedulerExports, React$1 = React, ReactDOM = require$$2__default, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
16857
+ var Scheduler = schedulerExports, React$1 = React, ReactDOM = require$$2, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
16836
16858
  var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
16837
16859
  var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, assign = Object.assign, disabledDepth = 0, prevLog, prevInfo, prevWarn, prevError, prevGroup, prevGroupCollapsed, prevGroupEnd;
16838
16860
  disabledLog.__reactDisabledLog = true;
@@ -19871,18 +19893,21 @@ if (window.RoutelitClient) {
19871
19893
  manager = initManager();
19872
19894
  componentStore = new ComponentStore();
19873
19895
  }
19874
- const Dialog = React.lazy(() => import("./dialog-pMuiGCiC.js"));
19896
+ const Dialog = React.lazy(() => import("./dialog-BiMlAuNR.js"));
19875
19897
  const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
19876
19898
  const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
19877
19899
  const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
19878
- const Input = React.lazy(() => import("./input-bU2tFE7u.js"));
19879
- const Radio = React.lazy(() => import("./radio-BHr9du__.js"));
19880
- const Select = React.lazy(() => import("./select-DKI11VJU.js"));
19881
- const Textarea = React.lazy(() => import("./textarea-DF-KYigU.js"));
19882
- const Checkbox = React.lazy(() => import("./checkbox-9lrNZctG.js"));
19883
- const CheckboxGroup = React.lazy(() => import("./checkbox-group--P655Yzh.js"));
19900
+ const Input = React.lazy(() => import("./input-BAfvhFFa.js"));
19901
+ const Radio = React.lazy(() => import("./radio-Dun2pYu5.js"));
19902
+ const Select = React.lazy(() => import("./select-CT25n1Lx.js"));
19903
+ const Textarea = React.lazy(() => import("./textarea-DCsk48sa.js"));
19904
+ const Checkbox = React.lazy(() => import("./checkbox-BBrF5uBm.js"));
19905
+ const CheckboxGroup = React.lazy(() => import("./checkbox-group-DrpoPDc1.js"));
19884
19906
  const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
19885
- componentStore.register("root", withSimpleComponent("div", { className: "rl-container" }));
19907
+ componentStore.register(
19908
+ "root",
19909
+ withSimpleComponent("div", { className: "rl-container" })
19910
+ );
19886
19911
  componentStore.register("fragment", Fragment);
19887
19912
  componentStore.register("link", Link);
19888
19913
  componentStore.register("dialog", Dialog);
@@ -19943,13 +19968,6 @@ const RoutelitClient = {
19943
19968
  useRLCallbackAttributes,
19944
19969
  withCallbackAttributes
19945
19970
  };
19946
- window.React = React;
19947
- window.ReactDOM = require$$2;
19948
- window.jsxRuntime = {
19949
- jsx: React.createElement,
19950
- jsxs: React.createElement,
19951
- Fragment: React.Fragment
19952
- };
19953
19971
  window.RoutelitClient = RoutelitClient;
19954
19972
  export {
19955
19973
  RoutelitClient as R,
@@ -19970,4 +19988,4 @@ export {
19970
19988
  useDispatcherWith as u,
19971
19989
  withEventDispatcher as w
19972
19990
  };
19973
- //# sourceMappingURL=client-D0Y6VDpm.js.map
19991
+ //# sourceMappingURL=client-BmYopK6I.js.map