routelit-client 0.5.5 → 0.6.1

package/dist/{checkbox-CnAPv6gA.js → checkbox-DQUb3TDS.js}

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

package/dist/{checkbox-CnAPv6gA.js.map → checkbox-DQUb3TDS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-CnAPv6gA.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-DQUb3TDS.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-group-BQ6tzqkw.js → checkbox-group-BlYoDpMl.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
-import { b as useFormDispatcherWithAttr } from "./client-CvsQduoC.js";
+import { b as useFormDispatcherWithAttr } from "./client-BgBd7UtG.js";
 function CheckboxGroupOption(props) {
   const { id, value, onChange } = props;
   const option = props.option;
@@ -60,4 +60,4 @@ CheckboxGroup.displayName = "CheckboxGroup";
 export {
   CheckboxGroup as default
 };
-//# sourceMappingURL=checkbox-group-BQ6tzqkw.js.map
+//# sourceMappingURL=checkbox-group-BlYoDpMl.js.map

package/dist/{checkbox-group-BQ6tzqkw.js.map → checkbox-group-BlYoDpMl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group-BQ6tzqkw.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;"}
+{"version":3,"file":"checkbox-group-BlYoDpMl.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-D0aFyB3Q.js → checkbox-group-Dlrbo0D3.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { memo as f, useCallback as p } from "react";
-import { b } from "./client-C5PMlGuK.js";
+import { b } from "./client-CNfnjXsV.js";
 function v(t) {
   const { id: c, value: o, onChange: r } = t, e = t.option;
   return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [

package/dist/{checkbox-CyfrA5F0.js → checkbox-mweWNCrB.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-C5PMlGuK.js";
+import { b as p } from "./client-CNfnjXsV.js";
 const x = m(function({
   label: a,
   id: e,

package/dist/{client-CvsQduoC.js → client-BgBd7UtG.js}

@@ -1067,16 +1067,41 @@ async function* sendEventStream(event, fragmentId) {
   }
   yield* handleUIEventStream(event, fragmentId);
 }
-async function* sendUIEventStream(url, body, headers) {
-  const res = await fetch(url, {
+function processFileRequest(url, body, headers) {
+  const formData = new FormData();
+  const { uiEvent, ..._bodyRest } = body;
+  const { data, ...uiEventRest } = uiEvent;
+  const _body = { ..._bodyRest, uiEvent: uiEventRest };
+  formData.append("json", JSON.stringify(_body));
+  if (data.files) {
+    for (const file of data.files) {
+      formData.append("files", file);
+    }
+  }
+  return fetch(url, {
+    method: "POST",
+    body: formData,
+    headers
+  });
+}
+function processJsonRequest(url, body, headers) {
+  return fetch(url, {
     method: "POST",
     body: JSON.stringify(body),
     headers: {
-      "Content-Type": "application/json",
-      ...headers
+      ...headers,
+      "Content-Type": "application/json"
     },
     credentials: "include"
   });
+}
+function processRequest(url, body, headers) {
+  if ("files" in body.uiEvent.data)
+    return processFileRequest(url, body, headers);
+  return processJsonRequest(url, body, headers);
+}
+async function* sendUIEventStream(url, body, headers) {
+  const res = await processRequest(url, body, headers);
   if (!res.ok) {
     throw new Error("Failed to send server event");
   }
@@ -1253,6 +1278,7 @@ const _RouteLitManager = class _RouteLitManager {
       return ((_a = this.parentManager) == null ? void 0 : _a.getLastURL()) ?? this.lastURL;
     });
     __publicField(this, "handleEvent", async (e) => {
+      console.log("handleEvent this.fragmentId:", this.fragmentId);
       if (e.detail.type === "navigate" && this.fragmentId) {
         return;
       }
@@ -1577,6 +1603,7 @@ const RouteLitContext = createContext({
 function useRouteLitContext() {
   var _a, _b;
   const context = useContext(RouteLitContext);
+  console.log("useRouteLitContext context:", context);
   if (!context || !context.manager || !context.componentStore) {
     const globalManager = (_a = window.RoutelitClient) == null ? void 0 : _a.manager;
     const globalComponentStore = ((_b = window.RoutelitClient) == null ? void 0 : _b.componentStore) || window.componentStore;
@@ -1702,7 +1729,17 @@ function FinalComponent({
   componentStore: componentStore2
 }) {
   const element = useMemo(
-    () => /* @__PURE__ */ jsx(RLElement, { name: c.name, id: c.key, address: c.address, props: c.props, children: c.children, componentStore: componentStore2 }),
+    () => /* @__PURE__ */ jsx(
+      RLElement,
+      {
+        name: c.name,
+        id: c.key,
+        address: c.address,
+        props: c.props,
+        children: c.children,
+        componentStore: componentStore2
+      }
+    ),
     [c.name, c.key, c.address, c.props, c.children, componentStore2]
   );
   if (c.virtual) {
@@ -1751,6 +1788,13 @@ function useInputChangeEvent(id, value, valueGetter = EVENT_VALUE_GETTER) {
   };
   return { handleBlur, handleKeyDown };
 }
+function useInputFileChangeEvent(id) {
+  const dispatchChange = useFormDispatcherWithAttr(id, "change", "files");
+  return (e) => {
+    console.log("useInputFileChangeEvent dispatchChange e.target.files", e.target.files);
+    dispatchChange(e.target.files);
+  };
+}
 function getInlineElements(props, elementKeys, componentStore2) {
   const elements = {};
   if (!elementKeys || elementKeys.length === 0) return null;
@@ -19893,17 +19937,18 @@ if (window.RoutelitClient) {
   manager = initManager();
   componentStore = new ComponentStore();
 }
-const Dialog = React.lazy(() => import("./dialog-DVTV0lme.js"));
+const Dialog = React.lazy(() => import("./dialog-BoC0EU3r.js"));
 const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
 const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
 const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
-const Input = React.lazy(() => import("./input-BTZUvD18.js"));
-const Radio = React.lazy(() => import("./radio-4S_eOWJM.js"));
-const Select = React.lazy(() => import("./select-Fqb9aXHT.js"));
-const Textarea = React.lazy(() => import("./textarea-CKH_7CLe.js"));
-const Checkbox = React.lazy(() => import("./checkbox-CnAPv6gA.js"));
-const CheckboxGroup = React.lazy(() => import("./checkbox-group-BQ6tzqkw.js"));
+const Input = React.lazy(() => import("./input-lAU4w5dY.js"));
+const Radio = React.lazy(() => import("./radio-Caa2LmzI.js"));
+const Select = React.lazy(() => import("./select-CI0VZxaa.js"));
+const Textarea = React.lazy(() => import("./textarea-Cch0qldX.js"));
+const Checkbox = React.lazy(() => import("./checkbox-DQUb3TDS.js"));
+const CheckboxGroup = React.lazy(() => import("./checkbox-group-BlYoDpMl.js"));
 const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
+const InputFile = React.lazy(() => import("./input-file-n3WCPjHD.js"));
 componentStore.register(
   "root",
   withSimpleComponent("div", { className: "rl-container" })
@@ -19948,6 +19993,7 @@ componentStore.register(
   })
 );
 componentStore.register("checkbox-group", CheckboxGroup);
+componentStore.register("input-file", InputFile);
 componentStore.forceUpdate();
 const RoutelitClient = {
   manager,
@@ -19973,19 +20019,20 @@ export {
   RoutelitClient as R,
   useInputChangeEvent as a,
   useFormDispatcherWithAttr as b,
-  componentStore as c,
-  useDispatcherWithAttr as d,
-  useFormDispatcher as e,
-  useIsLoading as f,
-  useError as g,
-  withValueEventDispatcher as h,
-  withSimpleComponent as i,
-  withInputValueEventDispatcher as j,
-  useLinkClickHandler as k,
-  withCallbackAttributes as l,
+  useInputFileChangeEvent as c,
+  componentStore as d,
+  useDispatcherWithAttr as e,
+  useFormDispatcher as f,
+  useIsLoading as g,
+  useError as h,
+  withValueEventDispatcher as i,
+  withSimpleComponent as j,
+  withInputValueEventDispatcher as k,
+  useLinkClickHandler as l,
   manager as m,
+  withCallbackAttributes as n,
   renderApp as r,
   useDispatcherWith as u,
   withEventDispatcher as w
 };
-//# sourceMappingURL=client-CvsQduoC.js.map
+//# sourceMappingURL=client-BgBd7UtG.js.map