@tsed/react-formio 3.0.0-alpha.11 → 3.0.0-alpha.13

package/dist/contexts/FormioContext.d.ts

@@ -0,0 +1,20 @@
+import { Formio as ImportedFormio } from '@formio/js';
+type BaseConfigurationArgs = {
+    baseUrl?: string;
+    projectUrl?: string;
+    Formio?: typeof ImportedFormio;
+};
+export declare const FormioContext: import('react').Context<({
+    Formio: any;
+    baseUrl: any;
+    projectUrl: any;
+} & {
+    token: any;
+    setToken: import('react').Dispatch<any>;
+    isAuthenticated: boolean;
+    logout: () => Promise<void>;
+}) | null>;
+export declare function FormioProvider({ children, baseUrl, projectUrl, Formio }: {
+    children: React.ReactNode;
+} & BaseConfigurationArgs): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/contexts/FormioContext.js

@@ -0,0 +1,40 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as r } from "../chunks/index2.js";
+import { createContext as g, useState as c, useEffect as U } from "react";
+const m = ({ baseUrl: t, projectUrl: o, Formio: e }) => e ? (t && e.setBaseUrl(t), o && e.setProjectUrl(o), {
+  Formio: e,
+  baseUrl: e.baseUrl,
+  projectUrl: e.projectUrl
+}) : (t && r.Formio.setBaseUrl(t), o && r.Formio.setProjectUrl(o), {
+  Formio: r.Formio,
+  baseUrl: r.Formio.baseUrl,
+  projectUrl: r.Formio.projectUrl
+}), d = ({ Formio: t }) => {
+  const [o, e] = c(t.getToken() || null), [s, n] = c(!!o);
+  return U(() => {
+    const u = async (l) => {
+      l ? (e(t.getToken()), n(!0)) : s && (await t.logout(), e(null), n(!1));
+    }, i = async () => {
+      s && (await t.currentUser() || (e(null), n(!1)));
+    };
+    return t.events.on("formio.user", u), i(), () => {
+      t.events.off("formio.user", u);
+    };
+  }, [s, t]), { token: o, setToken: e, isAuthenticated: s, logout: async () => {
+    await t.logout(), e(null), n(!1);
+  } };
+}, h = g(null);
+function k({
+  children: t,
+  baseUrl: o,
+  projectUrl: e,
+  Formio: s
+}) {
+  const n = m({ baseUrl: o, projectUrl: e, Formio: s }), a = d({ Formio: n.Formio }), u = { ...n, ...a };
+  return /* @__PURE__ */ f(h.Provider, { value: u, children: t });
+}
+export {
+  h as FormioContext,
+  k as FormioProvider
+};
+//# sourceMappingURL=FormioContext.js.map

package/dist/contexts/FormioContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormioContext.js","sources":["../../src/contexts/FormioContext.tsx"],"sourcesContent":["import { Formio as ImportedFormio } from \"@formio/js\";\nimport { createContext, useEffect, useState } from \"react\";\n\ntype BaseConfigurationArgs = {\n  baseUrl?: string;\n  projectUrl?: string;\n  Formio?: typeof ImportedFormio;\n};\n\nconst useBaseConfiguration = ({ baseUrl, projectUrl, Formio }: BaseConfigurationArgs) => {\n  if (!Formio) {\n    if (baseUrl) {\n      ImportedFormio.setBaseUrl(baseUrl);\n    }\n    if (projectUrl) {\n      ImportedFormio.setProjectUrl(projectUrl);\n    }\n    return {\n      Formio: ImportedFormio,\n      baseUrl: ImportedFormio.baseUrl,\n      projectUrl: ImportedFormio.projectUrl\n    };\n  }\n\n  if (baseUrl) {\n    Formio.setBaseUrl(baseUrl);\n  }\n  if (projectUrl) {\n    Formio.setProjectUrl(projectUrl);\n  }\n\n  return {\n    Formio,\n    baseUrl: Formio.baseUrl,\n    projectUrl: Formio.projectUrl\n  };\n};\n\nconst useAuthentication = ({ Formio }: { Formio: typeof ImportedFormio }) => {\n  const [token, setToken] = useState(Formio.getToken() || null);\n  const [isAuthenticated, setIsAuthenticated] = useState(!!token);\n\n  useEffect(() => {\n    const handleUserEvent = async (user: unknown) => {\n      if (user) {\n        setToken(Formio.getToken());\n        setIsAuthenticated(true);\n      } else if (isAuthenticated) {\n        await Formio.logout();\n        setToken(null);\n        setIsAuthenticated(false);\n      }\n    };\n\n    const handleStaleToken = async () => {\n      if (isAuthenticated) {\n        const user = await Formio.currentUser();\n        if (!user) {\n          setToken(null);\n          setIsAuthenticated(false);\n        }\n      }\n    };\n\n    Formio.events.on(\"formio.user\", handleUserEvent);\n    handleStaleToken();\n\n    return () => {\n      Formio.events.off(\"formio.user\", handleUserEvent);\n    };\n  }, [isAuthenticated, Formio]);\n\n  const logout = async () => {\n    await Formio.logout();\n    setToken(null);\n    setIsAuthenticated(false);\n  };\n\n  return { token, setToken, isAuthenticated, logout };\n};\n\nexport const FormioContext = createContext<(ReturnType<typeof useBaseConfiguration> & ReturnType<typeof useAuthentication>) | null>(null);\n\nexport function FormioProvider({\n  children,\n  baseUrl,\n  projectUrl,\n  Formio\n}: {\n  children: React.ReactNode;\n} & BaseConfigurationArgs) {\n  const baseConfig = useBaseConfiguration({ baseUrl, projectUrl, Formio });\n  const auth = useAuthentication({ Formio: baseConfig.Formio });\n  const formio = { ...baseConfig, ...auth };\n  return <FormioContext.Provider value={formio}>{children}</FormioContext.Provider>;\n}\n"],"names":["useBaseConfiguration","baseUrl","projectUrl","Formio","ImportedFormio","useAuthentication","token","setToken","useState","isAuthenticated","setIsAuthenticated","useEffect","handleUserEvent","user","handleStaleToken","FormioContext","createContext","FormioProvider","children","baseConfig","auth","formio"],"mappings":";;;AASA,MAAMA,IAAuB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,QAAAC,QAC9CA,KAcDF,KACFE,EAAO,WAAWF,CAAO,GAEvBC,KACFC,EAAO,cAAcD,CAAU,GAG1B;AAAA,EACL,QAAAC;AAAA,EACA,SAASA,EAAO;AAAA,EAChB,YAAYA,EAAO;AAAA,MAvBfF,KACFG,EAAAA,OAAe,WAAWH,CAAO,GAE/BC,KACFE,EAAAA,OAAe,cAAcF,CAAU,GAElC;AAAA,EACL,QAAQE,EAAAA;AAAAA,EACR,SAASA,EAAAA,OAAe;AAAA,EACxB,YAAYA,EAAAA,OAAe;AAAA,IAkB3BC,IAAoB,CAAC,EAAE,QAAAF,QAAgD;AAC3E,QAAM,CAACG,GAAOC,CAAQ,IAAIC,EAASL,EAAO,SAAA,KAAc,IAAI,GACtD,CAACM,GAAiBC,CAAkB,IAAIF,EAAS,CAAC,CAACF,CAAK;AAE9D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAkB,OAAOC,MAAkB;AAC/C,MAAIA,KACFN,EAASJ,EAAO,UAAU,GAC1BO,EAAmB,EAAI,KACdD,MACT,MAAMN,EAAO,OAAA,GACbI,EAAS,IAAI,GACbG,EAAmB,EAAK;AAAA,IAE5B,GAEMI,IAAmB,YAAY;AACnC,MAAIL,MACW,MAAMN,EAAO,YAAA,MAExBI,EAAS,IAAI,GACbG,EAAmB,EAAK;AAAA,IAG9B;AAEA,WAAAP,EAAO,OAAO,GAAG,eAAeS,CAAe,GAC/CE,EAAA,GAEO,MAAM;AACX,MAAAX,EAAO,OAAO,IAAI,eAAeS,CAAe;AAAA,IAClD;AAAA,EACF,GAAG,CAACH,GAAiBN,CAAM,CAAC,GAQrB,EAAE,OAAAG,GAAO,UAAAC,GAAU,iBAAAE,GAAiB,QAN5B,YAAY;AACzB,UAAMN,EAAO,OAAA,GACbI,EAAS,IAAI,GACbG,EAAmB,EAAK;AAAA,EAC1B,EAE2C;AAC7C,GAEaK,IAAgBC,EAAuG,IAAI;AAEjI,SAASC,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,SAAAjB;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,GAE2B;AACzB,QAAMgB,IAAanB,EAAqB,EAAE,SAAAC,GAAS,YAAAC,GAAY,QAAAC,GAAQ,GACjEiB,IAAOf,EAAkB,EAAE,QAAQc,EAAW,QAAQ,GACtDE,IAAS,EAAE,GAAGF,GAAY,GAAGC,EAAA;AACnC,2BAAQL,EAAc,UAAd,EAAuB,OAAOM,GAAS,UAAAH,GAAS;AAC1D;"}

package/dist/hooks/keyboard.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.constants.js","sources":["../../src/hooks/keyboard.constants.ts"],"sourcesContent":["export const enum CODE {\n  ENTER = \"Enter\",\n  ESCAPE = \"Escape\",\n  ARROW_LEFT = \"ArrowLeft\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_DOWN = \"ArrowDown\",\n  SPACE = \"Space\",\n  END = \"End\",\n  HOME = \"Home\"\n}\n\nexport const enum KEY {\n  ENTER = \"Enter\",\n  ESCAPE = \"Escape\",\n  ARROW_LEFT = \"ArrowLeft\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_DOWN = \"ArrowDown\",\n  END = \"End\",\n  HOME = \"Home\",\n  SPACE = \" \",\n  /**\n   * @deprecated\n   * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys\n   */\n  SPACEBAR = \"Spacebar\"\n}\n\nexport const enum KEY_CODE {\n  ENTER = 13,\n  ESCAPE = 27,\n  ARROW_LEFT = 37,\n  ARROW_UP = 38,\n  ARROW_RIGHT = 39,\n  ARROW_DOWN = 40,\n  SPACE = 32,\n  END = 35,\n  HOME = 36\n}\n"],"names":["CODE","KEY","KEY_CODE"],"mappings":"AAAkB,IAAAA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QATSA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,QAAQ,KAKRA,EAAA,WAAW,YAdKA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OAChBA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,WAAW,EAAX,IAAA,YACAA,EAAAA,EAAA,cAAc,EAAd,IAAA,eACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,MAAM,EAAN,IAAA,OACAA,EAAAA,EAAA,OAAO,EAAP,IAAA,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"keyboard.constants.js","sources":["../../src/hooks/keyboard.constants.ts"],"sourcesContent":["export const enum CODE {\n  ENTER = \"Enter\",\n  ESCAPE = \"Escape\",\n  ARROW_LEFT = \"ArrowLeft\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_DOWN = \"ArrowDown\",\n  SPACE = \"Space\",\n  END = \"End\",\n  HOME = \"Home\"\n}\n\nexport const enum KEY {\n  ENTER = \"Enter\",\n  ESCAPE = \"Escape\",\n  ARROW_LEFT = \"ArrowLeft\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_DOWN = \"ArrowDown\",\n  END = \"End\",\n  HOME = \"Home\",\n  SPACE = \" \",\n  /**\n   * @deprecated\n   * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys\n   */\n  SPACEBAR = \"Spacebar\"\n}\n\nexport const enum KEY_CODE {\n  ENTER = 13,\n  ESCAPE = 27,\n  ARROW_LEFT = 37,\n  ARROW_UP = 38,\n  ARROW_RIGHT = 39,\n  ARROW_DOWN = 40,\n  SPACE = 32,\n  END = 35,\n  HOME = 36\n}\n"],"names":["CODE","KEY","KEY_CODE"],"mappings":"AAAO,IAAWA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QATSA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,QAAQ,KAKRA,EAAA,WAAW,YAdKA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OAChBA,EAAAA,EAAA,QAAQ,EAAA,IAAR,SACAA,EAAAA,EAAA,SAAS,EAAA,IAAT,UACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,WAAW,EAAA,IAAX,YACAA,EAAAA,EAAA,cAAc,EAAA,IAAd,eACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,QAAQ,EAAA,IAAR,SACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OACAA,EAAAA,EAAA,OAAO,EAAA,IAAP,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/hooks/useFormioContext.d.ts

@@ -0,0 +1,10 @@
+export declare function useFormioContext(): {
+    Formio: any;
+    baseUrl: any;
+    projectUrl: any;
+} & {
+    token: any;
+    setToken: import('react').Dispatch<any>;
+    isAuthenticated: boolean;
+    logout: () => Promise<void>;
+};

package/dist/hooks/useFormioContext.js

@@ -0,0 +1,12 @@
+import { useContext as t } from "react";
+import { FormioContext as r } from "../contexts/FormioContext.js";
+function i() {
+  const o = t(r);
+  if (!o)
+    throw new Error("useFormioContext must be used within a FormioProvider component.");
+  return o;
+}
+export {
+  i as useFormioContext
+};
+//# sourceMappingURL=useFormioContext.js.map

package/dist/hooks/useFormioContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormioContext.js","sources":["../../src/hooks/useFormioContext.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { FormioContext } from \"../contexts/FormioContext\";\n\nexport function useFormioContext() {\n  const context = useContext(FormioContext);\n\n  if (!context) {\n    throw new Error(\"useFormioContext must be used within a FormioProvider component.\");\n  }\n\n  return context;\n}\n"],"names":["useFormioContext","context","useContext","FormioContext"],"mappings":";;AAIO,SAASA,IAAmB;AACjC,QAAMC,IAAUC,EAAWC,CAAa;AAExC,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,kEAAkE;AAGpF,SAAOA;AACT;"}

package/dist/hooks/useI18n.d.ts

@@ -0,0 +1,4 @@
+import { FormOptions } from '../interfaces/index.js';
+export declare function useI18n(labels?: FormOptions["i18n"]): {
+    t: (key: string, defaultValue?: string) => string;
+};

package/dist/hooks/useI18n.js

@@ -0,0 +1,9 @@
+function u(r) {
+  return {
+    t: (n, t = n) => r?.[n] || t
+  };
+}
+export {
+  u as useI18n
+};
+//# sourceMappingURL=useI18n.js.map

package/dist/hooks/useI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useI18n.js","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["import type { FormOptions } from \"../interfaces/index.js\";\n\nexport function useI18n(labels?: FormOptions[\"i18n\"]) {\n  return {\n    t: (key: string, defaultValue: string = key) => {\n      return labels?.[key] || defaultValue;\n    }\n  };\n}\n"],"names":["useI18n","labels","key","defaultValue"],"mappings":"AAEO,SAASA,EAAQC,GAA8B;AACpD,SAAO;AAAA,IACL,GAAG,CAACC,GAAaC,IAAuBD,MAC/BD,IAASC,CAAG,KAAKC;AAAA,EAC1B;AAEJ;"}

package/dist/hooks/useKeyboardControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardControls.js","sources":["../../src/hooks/useKeyboardControls.ts"],"sourcesContent":["\"use client\";\n\nimport { type KeyboardEvent, useCallback } from \"react\";\n\nimport { CODE, KEY } from \"./keyboard.constants\";\n\ninterface Options {\n  up?: VoidFunction;\n  down?: VoidFunction;\n  left?: VoidFunction;\n  right?: VoidFunction;\n  start?: VoidFunction;\n  end?: VoidFunction;\n  activate?: VoidFunction;\n}\n\nconst isActivateKey = (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {\n  return (\n    event.key === KEY.ENTER ||\n    event.key === KEY.SPACE ||\n    event.key === KEY.SPACEBAR ||\n    event.code === CODE.ENTER ||\n    event.code === CODE.SPACE\n  );\n};\n\nconst voidFn = () => {};\n\nexport const useKeyboardControls = ({\n  up = voidFn,\n  down = voidFn,\n  left = voidFn,\n  right = voidFn,\n  start = voidFn,\n  end = voidFn,\n  activate = voidFn\n}: Options) => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {\n      if (isActivateKey(event)) {\n        return activate();\n      }\n\n      if (event.code === CODE.HOME) {\n        event.preventDefault();\n\n        return start();\n      }\n\n      if (event.code === CODE.END) {\n        event.preventDefault();\n\n        return end();\n      }\n\n      if (event.code === CODE.ARROW_UP) {\n        event.preventDefault();\n\n        return up();\n      }\n\n      if (event.code === CODE.ARROW_DOWN) {\n        event.preventDefault();\n\n        return down();\n      }\n\n      if (event.code === CODE.ARROW_RIGHT) {\n        event.preventDefault();\n\n        return right();\n      }\n\n      if (event.code === CODE.ARROW_LEFT) {\n        event.preventDefault();\n\n        return left();\n      }\n    },\n    [activate, down, end, left, right, start, up]\n  );\n\n  return handleKeyDown;\n};\n"],"names":["isActivateKey","event","KEY","CODE","voidFn","useKeyboardControls","up","down","left","right","start","end","activate","useCallback"],"mappings":";;;AAgBA,MAAMA,IAAgB,CAACC,MAEnBA,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,YAClBD,EAAM,SAASE,EAAK,SACpBF,EAAM,SAASE,EAAK,OAIlBC,IAAS,MAAM;AAAC,GAETC,IAAsB,CAAC;AAAA,EAClC,IAAAC,IAAKF;AAAA,EACL,MAAAG,IAAOH;AAAA,EACP,MAAAI,IAAOJ;AAAA,EACP,OAAAK,IAAQL;AAAA,EACR,OAAAM,IAAQN;AAAA,EACR,KAAAO,IAAMP;AAAA,EACN,UAAAQ,IAAWR;AACb,MACwBS;AAAA,EACpB,CAACZ,MAA6D;AACxD,QAAAD,EAAcC,CAAK;AACrB,aAAOW,EAAS;AAGd,QAAAX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdS,EAAM;AAGX,QAAAT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdU,EAAI;AAGT,QAAAV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdK,EAAG;AAGR,QAAAL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdM,EAAK;AAGV,QAAAN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdQ,EAAM;AAGX,QAAAR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdO,EAAK;AAAA,EAEhB;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAC9C;"}
+{"version":3,"file":"useKeyboardControls.js","sources":["../../src/hooks/useKeyboardControls.ts"],"sourcesContent":["\"use client\";\n\nimport { type KeyboardEvent, useCallback } from \"react\";\n\nimport { CODE, KEY } from \"./keyboard.constants\";\n\ninterface Options {\n  up?: VoidFunction;\n  down?: VoidFunction;\n  left?: VoidFunction;\n  right?: VoidFunction;\n  start?: VoidFunction;\n  end?: VoidFunction;\n  activate?: VoidFunction;\n}\n\nconst isActivateKey = (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {\n  return (\n    event.key === KEY.ENTER ||\n    event.key === KEY.SPACE ||\n    event.key === KEY.SPACEBAR ||\n    event.code === CODE.ENTER ||\n    event.code === CODE.SPACE\n  );\n};\n\nconst voidFn = () => {};\n\nexport const useKeyboardControls = ({\n  up = voidFn,\n  down = voidFn,\n  left = voidFn,\n  right = voidFn,\n  start = voidFn,\n  end = voidFn,\n  activate = voidFn\n}: Options) => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {\n      if (isActivateKey(event)) {\n        return activate();\n      }\n\n      if (event.code === CODE.HOME) {\n        event.preventDefault();\n\n        return start();\n      }\n\n      if (event.code === CODE.END) {\n        event.preventDefault();\n\n        return end();\n      }\n\n      if (event.code === CODE.ARROW_UP) {\n        event.preventDefault();\n\n        return up();\n      }\n\n      if (event.code === CODE.ARROW_DOWN) {\n        event.preventDefault();\n\n        return down();\n      }\n\n      if (event.code === CODE.ARROW_RIGHT) {\n        event.preventDefault();\n\n        return right();\n      }\n\n      if (event.code === CODE.ARROW_LEFT) {\n        event.preventDefault();\n\n        return left();\n      }\n    },\n    [activate, down, end, left, right, start, up]\n  );\n\n  return handleKeyDown;\n};\n"],"names":["isActivateKey","event","KEY","CODE","voidFn","useKeyboardControls","up","down","left","right","start","end","activate","useCallback"],"mappings":";;;AAgBA,MAAMA,IAAgB,CAACC,MAEnBA,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,YAClBD,EAAM,SAASE,EAAK,SACpBF,EAAM,SAASE,EAAK,OAIlBC,IAAS,MAAM;AAAC,GAETC,IAAsB,CAAC;AAAA,EAClC,IAAAC,IAAKF;AAAA,EACL,MAAAG,IAAOH;AAAA,EACP,MAAAI,IAAOJ;AAAA,EACP,OAAAK,IAAQL;AAAA,EACR,OAAAM,IAAQN;AAAA,EACR,KAAAO,IAAMP;AAAA,EACN,UAAAQ,IAAWR;AACb,MACwBS;AAAA,EACpB,CAACZ,MAA6D;AAC5D,QAAID,EAAcC,CAAK;AACrB,aAAOW,EAAA;AAGT,QAAIX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECS,EAAA;AAGT,QAAIT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECU,EAAA;AAGT,QAAIV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECK,EAAA;AAGT,QAAIL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECM,EAAA;AAGT,QAAIN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECQ,EAAA;AAGT,QAAIR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECO,EAAA;AAAA,EAEX;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAAA;"}

package/dist/hooks/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.js","sources":["../../src/hooks/useTooltip.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport Tooltip, { Options } from \"tooltip.js\";\n\nexport function useTooltip(options: Options) {\n  const ref = useRef<any>();\n\n  useEffect(() => {\n    ref.current && new Tooltip(ref.current as any, options);\n  }, [ref, options]);\n\n  return ref;\n}\n"],"names":["useTooltip","options","ref","useRef","useEffect","Tooltip"],"mappings":";;AAGO,SAASA,EAAWC,GAAkB;AAC3C,QAAMC,IAAMC,EAAY;AAExB,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,WAAW,IAAIG,EAAQH,EAAI,SAAgBD,CAAO;AAAA,EAAA,GACrD,CAACC,GAAKD,CAAO,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"useTooltip.js","sources":["../../src/hooks/useTooltip.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport Tooltip, { Options } from \"tooltip.js\";\n\nexport function useTooltip(options: Options) {\n  const ref = useRef<any>();\n\n  useEffect(() => {\n    ref.current && new Tooltip(ref.current as any, options);\n  }, [ref, options]);\n\n  return ref;\n}\n"],"names":["useTooltip","options","ref","useRef","useEffect","Tooltip"],"mappings":";;AAGO,SAASA,EAAWC,GAAkB;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,WAAW,IAAIG,EAAQH,EAAI,SAAgBD,CAAO;AAAA,EACxD,GAAG,CAACC,GAAKD,CAAO,CAAC,GAEVC;AACT;"}

package/dist/index.d.ts

@@ -1,7 +1,2 @@
-import { default as Webform } from 'formiojs/Webform';
-import { default as WebformBuilder } from 'formiojs/WebformBuilder';
-import { default as Wizard } from 'formiojs/Wizard';
-import { default as WizardBuilder } from 'formiojs/WizardBuilder';
-export { Webform, WebformBuilder, Wizard, WizardBuilder };
 export * from './interfaces';
-export { Components, Formio, Templates, Utils } from 'formiojs';
+export { Builders, Components, DefaultEvaluator, Displays, EventEmitter, Form, FormBuilder, Formio, Licenses, Providers, registerModule, Templates, useModule, Utils, Webform, Widgets } from '@formio/js';

package/dist/index.js

@@ -1,16 +1,21 @@
-import { default as o } from "formiojs/Webform";
-import { default as a } from "formiojs/WebformBuilder";
-import { default as m } from "formiojs/Wizard";
-import { default as l } from "formiojs/WizardBuilder";
-import { Components as s, Formio as i, Templates as u, Utils as x } from "formiojs";
+import { c as s } from "./chunks/index2.js";
+const t = s.Builders, e = s.Components, r = s.DefaultEvaluator, n = s.Displays, i = s.EventEmitter, c = s.Form, l = s.FormBuilder, m = s.Formio, u = s.Licenses, d = s.Providers, a = s.Templates, p = s.Utils, E = s.Webform, v = s.Widgets, F = s.registerModule, f = s.useModule;
 export {
-  s as Components,
-  i as Formio,
-  u as Templates,
-  x as Utils,
-  o as Webform,
-  a as WebformBuilder,
-  m as Wizard,
-  l as WizardBuilder
+  t as Builders,
+  e as Components,
+  r as DefaultEvaluator,
+  n as Displays,
+  i as EventEmitter,
+  c as Form,
+  l as FormBuilder,
+  m as Formio,
+  u as Licenses,
+  d as Providers,
+  a as Templates,
+  p as Utils,
+  E as Webform,
+  v as Widgets,
+  F as registerModule,
+  f as useModule
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/interfaces/ComponentType.d.ts

@@ -1,2 +1,6 @@
-import { ExtendedComponentSchema } from 'formiojs';
-export type ComponentType = ExtendedComponentSchema;
+import { Component } from '@formio/core';
+export type ComponentType = Omit<Component, "components"> & {
+    components?: ComponentType[];
+} & {
+    title?: string;
+} & Record<string, unknown>;

package/dist/interfaces/FormBuilderOptions.d.ts

@@ -0,0 +1,7 @@
+import { FormBuilder } from '@formio/js';
+import { FormOptions } from './FormOptions.js';
+export type FormBuilderOptions = FormBuilder["options"] & {
+    template?: string;
+    iconset?: string;
+    i18n?: FormOptions["i18n"];
+};

package/dist/interfaces/FormBuilderOptions.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FormBuilderOptions.js.map

package/dist/interfaces/FormBuilderOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilderOptions.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/interfaces/FormOptions.d.ts

@@ -1,13 +1,6 @@
-import { EventEmitter2 } from 'eventemitter2';
-export interface FormOptions {
-    iconset?: string;
-    readOnly?: boolean;
-    noAlerts?: boolean;
-    i18n?: (f: string) => string;
-    template?: string;
-    saveDraft?: boolean;
-    events?: EventEmitter2;
-    hooks?: {
-        customValidation?: Function;
-    };
-}
+import { EventEmitter, Form } from '@formio/js';
+import { FormType } from './FormType.js';
+export type FormOptions = Form["options"] & {
+    events?: EventEmitter;
+    currentForm?: FormType;
+};

package/dist/interfaces/FormType.d.ts

@@ -1,12 +1,5 @@
-import { ComponentType } from './ComponentType';
-export type FormType = {
-    _id?: string;
-    title?: string;
-    name?: string;
-    machineName?: string;
+import { Form } from '@formio/core';
+import { ComponentType } from './ComponentType.js';
+export type FormType = Omit<Form, "components"> & {
     components: ComponentType[];
-    tags?: string[];
-    action?: string;
-    properties?: Record<string, any>;
-    [key: string]: any;
-};
+} & Record<string, unknown>;

package/dist/interfaces/SubmissionType.d.ts

@@ -1,19 +1,14 @@
-import { ComponentType } from './ComponentType';
+import { Component, Submission } from '@formio/core';
 export type JSON = unknown | string | number | boolean | null | undefined | JSON[] | {
     [key: string]: JSON;
 };
-export interface SubmissionType<Data extends {
+export type SubmissionType<Data extends {
     [key: string]: JSON;
 } = {
     [key: string]: JSON;
-}> extends Record<string, JSON> {
-    _id?: string;
+}> = Omit<Partial<Submission>, "data"> & {
     data: Data;
-    metadata?: {
-        [key: string]: JSON;
-    };
-    state?: string;
-}
+};
 export interface ChangedSubmission<Data extends {
     [key: string]: JSON;
 } = {
@@ -21,7 +16,7 @@ export interface ChangedSubmission<Data extends {
 }> extends SubmissionType<Data> {
     data: Data;
     changed?: {
-        component: ComponentType;
+        component: Component;
         instance: any;
         value: unknown;
     } & Record<string, JSON>;

package/dist/interfaces/index.d.ts

@@ -1,6 +1,7 @@
 export * from './ActionType';
 export * from './ColumnIdentifier';
 export * from './ComponentType';
+export * from './FormBuilderOptions';
 export * from './FormOptions';
 export * from './FormType';
 export * from './Operation';

package/dist/molecules/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/molecules/alert/Alert.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nfunction formatError(error: any): any {\n  if (!error || (Array.isArray(error) && !error.length)) {\n    return \"\";\n  }\n\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (Array.isArray(error)) {\n    return error.map(formatError);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(error, \"errors\")) {\n    return Object.keys(error.errors).map((key, index) => {\n      const item = error.errors[key];\n      return (\n        <div key={index}>\n          <strong>\n            {item.name} ({item.path})\n          </strong>{\" \"}\n          - {item.message}\n        </div>\n      );\n    });\n  }\n\n  // If this is a standard error.\n  if (Object.prototype.hasOwnProperty.call(error, \"message\")) {\n    return error.message;\n  }\n\n  // If this is a joy validation error.\n  if (Object.prototype.hasOwnProperty.call(error, \"name\") && error.name === \"ValidationError\") {\n    return error.details.map((item: any, index: number) => {\n      return <div key={index}>{item.message}</div>;\n    });\n  }\n\n  // If a conflict error occurs on a form, the form is returned.\n  if (Object.prototype.hasOwnProperty.call(error, \"_id\") && Object.prototype.hasOwnProperty.call(error, \"display\")) {\n    return \"Another user has saved this form already. Please reload and re-apply your changes.\";\n  }\n\n  return \"An error occurred. See console logs for details.\";\n}\n\nexport interface AlertProps {\n  message?: string | any | string[];\n  type?: string;\n}\n\nexport function Alert({ children, message, type = \"danger\" }: PropsWithChildren<AlertProps>) {\n  return (\n    <div className={`alert alert-${type}`} role='alert'>\n      {formatError(message)}\n      {children}\n    </div>\n  );\n}\n"],"names":["formatError","error","key","index","item","jsxs","jsx","Alert","children","message","type"],"mappings":";AAEA,SAASA,EAAYC,GAAiB;AAChC,SAAA,CAACA,KAAU,MAAM,QAAQA,CAAK,KAAK,CAACA,EAAM,SACrC,KAGL,OAAOA,KAAU,WACZA,IAGL,MAAM,QAAQA,CAAK,IACdA,EAAM,IAAID,CAAW,IAG1B,OAAO,UAAU,eAAe,KAAKC,GAAO,QAAQ,IAC/C,OAAO,KAAKA,EAAM,MAAM,EAAE,IAAI,CAACC,GAAKC,MAAU;AAC7C,UAAAC,IAAOH,EAAM,OAAOC,CAAG;AAC7B,6BACG,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAG,EAAC,UACE,EAAA,UAAA;AAAA,QAAKD,EAAA;AAAA,QAAK;AAAA,QAAGA,EAAK;AAAA,QAAK;AAAA,MAAA,GAC1B;AAAA,MAAU;AAAA,MAAI;AAAA,MACXA,EAAK;AAAA,IAAA,EAAA,GAJAD,CAKV;AAAA,EAAA,CAEH,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,SAAS,IAChDA,EAAM,UAIX,OAAO,UAAU,eAAe,KAAKA,GAAO,MAAM,KAAKA,EAAM,SAAS,oBACjEA,EAAM,QAAQ,IAAI,CAACG,GAAWD,MAC3B,gBAAAG,EAAA,OAAA,EAAiB,UAAKF,EAAA,QAAA,GAAbD,CAAqB,CACvC,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,KAAK,KAAK,OAAO,UAAU,eAAe,KAAKA,GAAO,SAAS,IACtG,uFAGF;AACT;AAOO,SAASM,EAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,YAA2C;AAC3F,2BACG,OAAI,EAAA,WAAW,eAAeA,CAAI,IAAI,MAAK,SACzC,UAAA;AAAA,IAAAV,EAAYS,CAAO;AAAA,IACnBD;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../src/molecules/alert/Alert.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nfunction formatError(error: any): any {\n  if (!error || (Array.isArray(error) && !error.length)) {\n    return \"\";\n  }\n\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (Array.isArray(error)) {\n    return error.map(formatError);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(error, \"errors\")) {\n    return Object.keys(error.errors).map((key, index) => {\n      const item = error.errors[key];\n      return (\n        <div key={index}>\n          <strong>\n            {item.name} ({item.path})\n          </strong>{\" \"}\n          - {item.message}\n        </div>\n      );\n    });\n  }\n\n  // If this is a standard error.\n  if (Object.prototype.hasOwnProperty.call(error, \"message\")) {\n    return error.message;\n  }\n\n  // If this is a joy validation error.\n  if (Object.prototype.hasOwnProperty.call(error, \"name\") && error.name === \"ValidationError\") {\n    return error.details.map((item: any, index: number) => {\n      return <div key={index}>{item.message}</div>;\n    });\n  }\n\n  // If a conflict error occurs on a form, the form is returned.\n  if (Object.prototype.hasOwnProperty.call(error, \"_id\") && Object.prototype.hasOwnProperty.call(error, \"display\")) {\n    return \"Another user has saved this form already. Please reload and re-apply your changes.\";\n  }\n\n  return \"An error occurred. See console logs for details.\";\n}\n\nexport interface AlertProps {\n  message?: string | any | string[];\n  type?: string;\n}\n\nexport function Alert({ children, message, type = \"danger\" }: PropsWithChildren<AlertProps>) {\n  return (\n    <div className={`alert alert-${type}`} role='alert'>\n      {formatError(message)}\n      {children}\n    </div>\n  );\n}\n"],"names":["formatError","error","key","index","item","jsxs","jsx","Alert","children","message","type"],"mappings":";AAEA,SAASA,EAAYC,GAAiB;AACpC,SAAI,CAACA,KAAU,MAAM,QAAQA,CAAK,KAAK,CAACA,EAAM,SACrC,KAGL,OAAOA,KAAU,WACZA,IAGL,MAAM,QAAQA,CAAK,IACdA,EAAM,IAAID,CAAW,IAG1B,OAAO,UAAU,eAAe,KAAKC,GAAO,QAAQ,IAC/C,OAAO,KAAKA,EAAM,MAAM,EAAE,IAAI,CAACC,GAAKC,MAAU;AACnD,UAAMC,IAAOH,EAAM,OAAOC,CAAG;AAC7B,6BACG,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAG,EAAC,UAAA,EACE,UAAA;AAAA,QAAAD,EAAK;AAAA,QAAK;AAAA,QAAGA,EAAK;AAAA,QAAK;AAAA,MAAA,GAC1B;AAAA,MAAU;AAAA,MAAI;AAAA,MACXA,EAAK;AAAA,IAAA,EAAA,GAJAD,CAKV;AAAA,EAEJ,CAAC,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,SAAS,IAChDA,EAAM,UAIX,OAAO,UAAU,eAAe,KAAKA,GAAO,MAAM,KAAKA,EAAM,SAAS,oBACjEA,EAAM,QAAQ,IAAI,CAACG,GAAWD,MAC5B,gBAAAG,EAAC,OAAA,EAAiB,UAAAF,EAAK,QAAA,GAAbD,CAAqB,CACvC,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,KAAK,KAAK,OAAO,UAAU,eAAe,KAAKA,GAAO,SAAS,IACtG,uFAGF;AACT;AAOO,SAASM,EAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,YAA2C;AAC3F,2BACG,OAAA,EAAI,WAAW,eAAeA,CAAI,IAAI,MAAK,SACzC,UAAA;AAAA,IAAAV,EAAYS,CAAO;AAAA,IACnBD;AAAA,EAAA,GACH;AAEJ;"}

package/dist/molecules/button/Button.js

@@ -1,8 +1,8 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c } from "../../chunks/index.js";
-import { forwardRef as m } from "react";
-import { registerComponent as s } from "../../registries/components.js";
-const y = [
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "../../chunks/index.js";
+import { forwardRef as u } from "react";
+import { registerComponent as c } from "../../registries/components.js";
+const k = [
   "primary",
   "secondary",
   "success",
@@ -21,31 +21,28 @@ const y = [
   "outline-light",
   "outline-dark",
   "outline-link"
-], t = m(({ tag: e = "button", variant: o, className: a, children: l, ...n }, r) => /* @__PURE__ */ u(
-  e,
+], i = u(({ tag: t = "button", variant: e, className: o, children: a, ...n }, l) => /* @__PURE__ */ d(
+  t,
   {
     ...n,
-    ref: r,
-    className: c(
+    ref: l,
+    className: s(
       "btn flex gap-1",
       {
         disabled: n.disabled
       },
-      `btn-${o}`,
-      a
+      `btn-${e}`,
+      o
     ),
     disabled: n.disabled,
-    onClick: (d) => {
-      var i;
-      return !n.disabled && ((i = n.onClick) == null ? void 0 : i.call(n, d));
-    },
-    children: l
+    onClick: (r) => !n.disabled && n.onClick?.(r),
+    children: a
   }
 ));
-t.displayName = "Button";
-s("Button", t);
+i.displayName = "Button";
+c("Button", i);
 export {
-  y as BUTTON_VARIANTS,
-  t as Button
+  k as BUTTON_VARIANTS,
+  i as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/molecules/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/molecules/button/Button.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { type ButtonHTMLAttributes, forwardRef, type PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components\";\n\nexport const BUTTON_VARIANTS = [\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"danger\",\n  \"warning\",\n  \"info\",\n  \"light\",\n  \"dark\",\n  \"link\",\n  \"outline-primary\",\n  \"outline-secondary\",\n  \"outline-success\",\n  \"outline-danger\",\n  \"outline-warning\",\n  \"outline-info\",\n  \"outline-light\",\n  \"outline-dark\",\n  \"outline-link\"\n];\n\ninterface BaseButtonProps<T extends HTMLElement> extends ButtonHTMLAttributes<T> {\n  tag?: \"button\" | \"a\" | \"input\" | \"div\";\n  variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;\n}\n\ninterface HTMLAnchorProps extends BaseButtonProps<HTMLAnchorElement> {\n  tag: \"a\";\n}\n\ninterface HTMLButtonProps extends BaseButtonProps<HTMLButtonElement> {\n  tag?: \"button\";\n}\n\ninterface HTMLInputProps extends BaseButtonProps<HTMLInputElement> {\n  tag: \"input\";\n}\n\ninterface HTMLDivProps extends BaseButtonProps<HTMLDivElement> {\n  tag: \"div\";\n}\n\nexport type ButtonProps = HTMLAnchorProps | HTMLButtonProps | HTMLInputProps | HTMLDivProps;\n\nexport const Button = forwardRef(({ tag: Tag = \"button\", variant, className, children, ...props }: PropsWithChildren<ButtonProps>, ref) => {\n  return (\n    <Tag\n      {...(props as any)}\n      ref={ref as any}\n      className={cx(\n        \"btn flex gap-1\",\n        {\n          disabled: props.disabled\n        },\n        `btn-${variant}`,\n        className\n      )}\n      disabled={props.disabled}\n      onClick={(evt) => !props.disabled && props.onClick?.(evt as any)}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nButton.displayName = \"Button\";\n\nregisterComponent(\"Button\", Button);\n"],"names":["BUTTON_VARIANTS","Button","forwardRef","Tag","variant","className","children","props","ref","jsx","cx","evt","_a","registerComponent"],"mappings":";;;;AAKO,MAAMA,IAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAyBaC,IAASC,EAAW,CAAC,EAAE,KAAKC,IAAM,UAAU,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAyCC,MAE/H,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACE,GAAII;AAAA,IACL,KAAAC;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,UAAUH,EAAM;AAAA,MAClB;AAAA,MACA,OAAOH,CAAO;AAAA,MACdC;AAAA,IACF;AAAA,IACA,UAAUE,EAAM;AAAA,IAChB,SAAS,CAACI;;AAAQ,cAACJ,EAAM,cAAYK,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgBI;AAAA;AAAA,IAEpD,UAAAL;AAAA,EAAA;AACH,CAEH;AAEDL,EAAO,cAAc;AAErBY,EAAkB,UAAUZ,CAAM;"}
+{"version":3,"file":"Button.js","sources":["../../../src/molecules/button/Button.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { type ButtonHTMLAttributes, forwardRef, type PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components\";\n\nexport const BUTTON_VARIANTS = [\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"danger\",\n  \"warning\",\n  \"info\",\n  \"light\",\n  \"dark\",\n  \"link\",\n  \"outline-primary\",\n  \"outline-secondary\",\n  \"outline-success\",\n  \"outline-danger\",\n  \"outline-warning\",\n  \"outline-info\",\n  \"outline-light\",\n  \"outline-dark\",\n  \"outline-link\"\n];\n\ninterface BaseButtonProps<T extends HTMLElement> extends ButtonHTMLAttributes<T> {\n  tag?: \"button\" | \"a\" | \"input\" | \"div\";\n  variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;\n}\n\ninterface HTMLAnchorProps extends BaseButtonProps<HTMLAnchorElement> {\n  tag: \"a\";\n}\n\ninterface HTMLButtonProps extends BaseButtonProps<HTMLButtonElement> {\n  tag?: \"button\";\n}\n\ninterface HTMLInputProps extends BaseButtonProps<HTMLInputElement> {\n  tag: \"input\";\n}\n\ninterface HTMLDivProps extends BaseButtonProps<HTMLDivElement> {\n  tag: \"div\";\n}\n\nexport type ButtonProps = HTMLAnchorProps | HTMLButtonProps | HTMLInputProps | HTMLDivProps;\n\nexport const Button = forwardRef(({ tag: Tag = \"button\", variant, className, children, ...props }: PropsWithChildren<ButtonProps>, ref) => {\n  return (\n    <Tag\n      {...(props as any)}\n      ref={ref as any}\n      className={cx(\n        \"btn flex gap-1\",\n        {\n          disabled: props.disabled\n        },\n        `btn-${variant}`,\n        className\n      )}\n      disabled={props.disabled}\n      onClick={(evt) => !props.disabled && props.onClick?.(evt as any)}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nButton.displayName = \"Button\";\n\nregisterComponent(\"Button\", Button);\n"],"names":["BUTTON_VARIANTS","Button","forwardRef","Tag","variant","className","children","props","ref","jsx","cx","evt","registerComponent"],"mappings":";;;;AAKO,MAAMA,IAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAyBaC,IAASC,EAAW,CAAC,EAAE,KAAKC,IAAM,UAAU,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAyCC,MAE/H,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACE,GAAII;AAAA,IACL,KAAAC;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,UAAUH,EAAM;AAAA,MAAA;AAAA,MAElB,OAAOH,CAAO;AAAA,MACdC;AAAA,IAAA;AAAA,IAEF,UAAUE,EAAM;AAAA,IAChB,SAAS,CAACI,MAAQ,CAACJ,EAAM,YAAYA,EAAM,UAAUI,CAAU;AAAA,IAE9D,UAAAL;AAAA,EAAA;AAAA,CAGN;AAEDL,EAAO,cAAc;AAErBW,EAAkB,UAAUX,CAAM;"}

package/dist/molecules/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/molecules/card/Card.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components.js\";\n\nexport interface CardProps {\n  label: string;\n  className?: string;\n}\n\nexport function Card({ children, label, className }: PropsWithChildren<CardProps>) {\n  return (\n    <div className={classnames(\"card\", className)}>\n      <div className={\"card-header \"}>\n        <h4 className={\"card-title\"}>{label}</h4>\n      </div>\n      <div className={\"card-body\"} role={\"article\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nregisterComponent(\"Card\", Card);\n"],"names":["Card","children","label","className","classnames","jsx","registerComponent"],"mappings":";;;AAUO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAA2C;AACjF,2BACG,OAAI,EAAA,WAAWC,EAAW,QAAQD,CAAS,GAC1C,UAAA;AAAA,IAAC,gBAAAE,EAAA,OAAA,EAAI,WAAW,gBACd,UAAA,gBAAAA,EAAC,QAAG,WAAW,cAAe,aAAM,EACtC,CAAA;AAAA,sBACC,OAAI,EAAA,WAAW,aAAa,MAAM,WAChC,UAAAJ,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;AAEAK,EAAkB,QAAQN,CAAI;"}
+{"version":3,"file":"Card.js","sources":["../../../src/molecules/card/Card.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components.js\";\n\nexport interface CardProps {\n  label: string;\n  className?: string;\n}\n\nexport function Card({ children, label, className }: PropsWithChildren<CardProps>) {\n  return (\n    <div className={classnames(\"card\", className)}>\n      <div className={\"card-header \"}>\n        <h4 className={\"card-title\"}>{label}</h4>\n      </div>\n      <div className={\"card-body\"} role={\"article\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nregisterComponent(\"Card\", Card);\n"],"names":["Card","children","label","className","classnames","jsx","registerComponent"],"mappings":";;;AAUO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAA2C;AACjF,2BACG,OAAA,EAAI,WAAWC,EAAW,QAAQD,CAAS,GAC1C,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,gBACd,UAAA,gBAAAA,EAAC,QAAG,WAAW,cAAe,aAAM,EAAA,CACtC;AAAA,sBACC,OAAA,EAAI,WAAW,aAAa,MAAM,WAChC,UAAAJ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEAK,EAAkB,QAAQN,CAAI;"}

package/dist/molecules/forms/form-control/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../../src/molecules/forms/form-control/FormControl.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport type BaseFormControlProps<Value = unknown> = {\n  label?: string;\n  description?: string | ReactNode;\n  before?: ReactNode | string;\n  after?: ReactNode | string;\n  shadow?: boolean;\n  value?: Value;\n  onChange?: (name: string | undefined, value: Value) => void;\n  /**\n   * The input size\n   */\n  size?: \"small\" | string;\n};\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>\n> = BaseFormControlProps<Value> & Omit<Attributes, \"onChange\" | \"value\" | \"size\">;\n\nexport function cleanFormControlProps(props: FormControlProps, omitted: string[] = []): any {\n  return omit(props, [\"label\", \"description\", \"prefix\", \"suffix\", \"size\", \"shadow\", ...omitted]);\n}\n\nexport function FormControl<Value = unknown>({\n  children,\n  name = \"\",\n  id = name,\n  required,\n  before,\n  after,\n  description,\n  label,\n  size,\n  className\n}: PropsWithChildren<FormControlProps<Value>>) {\n  return (\n    <div\n      data-testid={name && `form-group-${name}`}\n      id={`form-group-${name || \"\"}`}\n      className={classnames(\n        \"form-group\",\n        {\n          \"-with-before\": !!before,\n          \"-with-after\": !!after\n        },\n        size && `-size-${size}`,\n        className\n      )}\n    >\n      {label && (\n        <label htmlFor={id} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {before && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {before}\n            </span>\n          </div>\n        )}\n        {children}\n        {after && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {after}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormControl\", FormControl);\n"],"names":["cleanFormControlProps","props","omitted","omit","FormControl","children","name","id","required","before","after","description","label","size","className","jsxs","classnames","jsx","registerComponent"],"mappings":";;;;AAwBO,SAASA,EAAsBC,GAAyBC,IAAoB,IAAS;AACnF,SAAAC,EAAKF,GAAO,CAAC,SAAS,eAAe,UAAU,UAAU,QAAQ,UAAU,GAAGC,CAAO,CAAC;AAC/F;AAEO,SAASE,EAA6B;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAKD;AAAA,EACL,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA+C;AAE3C,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaT,KAAQ,cAAcA,CAAI;AAAA,MACvC,IAAI,cAAcA,KAAQ,EAAE;AAAA,MAC5B,WAAWU;AAAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAAC,CAACP;AAAA,UAClB,eAAe,CAAC,CAACC;AAAA,QACnB;AAAA,QACAG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAF,KACE,gBAAAK,EAAA,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UACHI,GAAA;AAAA,QAEF,gBAAAG,EAAC,OAAI,EAAA,WAAW,eACb,UAAA;AAAA,UACCN,KAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EACH,CAAA,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EACF,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCC,KACE,gBAAAM,EAAA,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UACHN,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEAO,EAAkB,eAAed,CAAW;"}
+{"version":3,"file":"FormControl.js","sources":["../../../../src/molecules/forms/form-control/FormControl.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport type BaseFormControlProps<Value = unknown> = {\n  label?: string;\n  description?: string | ReactNode;\n  before?: ReactNode | string;\n  after?: ReactNode | string;\n  shadow?: boolean;\n  value?: Value;\n  onChange?: (name: string | undefined, value: Value) => void;\n  /**\n   * The input size\n   */\n  size?: \"small\" | string;\n};\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>\n> = BaseFormControlProps<Value> & Omit<Attributes, \"onChange\" | \"value\" | \"size\">;\n\nexport function cleanFormControlProps(props: FormControlProps, omitted: string[] = []): any {\n  return omit(props, [\"label\", \"description\", \"prefix\", \"suffix\", \"size\", \"shadow\", ...omitted]);\n}\n\nexport function FormControl<Value = unknown>({\n  children,\n  name = \"\",\n  id = name,\n  required,\n  before,\n  after,\n  description,\n  label,\n  size,\n  className\n}: PropsWithChildren<FormControlProps<Value>>) {\n  return (\n    <div\n      data-testid={name && `form-group-${name}`}\n      id={`form-group-${name || \"\"}`}\n      className={classnames(\n        \"form-group\",\n        {\n          \"-with-before\": !!before,\n          \"-with-after\": !!after\n        },\n        size && `-size-${size}`,\n        className\n      )}\n    >\n      {label && (\n        <label htmlFor={id} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {before && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {before}\n            </span>\n          </div>\n        )}\n        {children}\n        {after && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {after}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormControl\", FormControl);\n"],"names":["cleanFormControlProps","props","omitted","omit","FormControl","children","name","id","required","before","after","description","label","size","className","jsxs","classnames","jsx","registerComponent"],"mappings":";;;;AAwBO,SAASA,EAAsBC,GAAyBC,IAAoB,IAAS;AAC1F,SAAOC,EAAKF,GAAO,CAAC,SAAS,eAAe,UAAU,UAAU,QAAQ,UAAU,GAAGC,CAAO,CAAC;AAC/F;AAEO,SAASE,EAA6B;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAKD;AAAA,EACL,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA+C;AAC7C,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaT,KAAQ,cAAcA,CAAI;AAAA,MACvC,IAAI,cAAcA,KAAQ,EAAE;AAAA,MAC5B,WAAWU;AAAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAAC,CAACP;AAAA,UAClB,eAAe,CAAC,CAACC;AAAA,QAAA;AAAA,QAEnBG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF,KACC,gBAAAK,EAAC,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UAAAI,GACH;AAAA,QAEF,gBAAAG,EAAC,OAAA,EAAI,WAAW,eACb,UAAA;AAAA,UAAAN,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EAAA,CACH,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UAAAN,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAO,EAAkB,eAAed,CAAW;"}

package/dist/molecules/forms/input-tags/InputTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTags.js","sources":["../../../../src/molecules/forms/input-tags/InputTags.tsx"],"sourcesContent":["import { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type FormControl as DefaultFormControl } from \"../form-control/FormControl\";\nimport type { InputTagsProps } from \"./InputTags.interface\";\n\nexport function InputTags<Data = string>(props: InputTagsProps) {\n  const { name, id = name, label, required, description, before, after, size, className, layout = \"choicesjs\", ...otherProps } = props;\n\n  const FormControl = getComponent<typeof DefaultFormControl>(\"FormControl\");\n  const Component = getComponent<ComponentType<InputTagsProps<Data>>>([`InputTags.${layout}`, \"Input\"]);\n\n  return (\n    <FormControl\n      id={id}\n      name={name}\n      label={label}\n      required={required}\n      description={description}\n      before={before}\n      after={after}\n      size={size}\n      className={className}\n    >\n      <Component {...(otherProps as any)} id={id} name={name} required={required} />\n    </FormControl>\n  );\n}\n\nregisterComponent(\"InputTags\", InputTags);\n"],"names":["InputTags","props","name","id","label","required","description","before","after","size","className","layout","otherProps","FormControl","getComponent","Component","jsx","registerComponent"],"mappings":";;AAMO,SAASA,EAAyBC,GAAuB;AAC9D,QAAM,EAAE,MAAAC,GAAM,IAAAC,IAAKD,GAAM,OAAAE,GAAO,UAAAC,GAAU,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,QAAAC,IAAS,aAAa,GAAGC,MAAeX,GAEzHY,IAAcC,EAAwC,aAAa,GACnEC,IAAYD,EAAkD,CAAC,aAAaH,CAAM,IAAI,OAAO,CAAC;AAGlG,SAAA,gBAAAK;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAAV;AAAA,MACA,MAAAD;AAAA,MACA,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MAEA,4BAACK,GAAW,EAAA,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAoB,CAAA;AAAA,IAAA;AAAA,EAC9E;AAEJ;AAEAY,EAAkB,aAAajB,CAAS;"}
+{"version":3,"file":"InputTags.js","sources":["../../../../src/molecules/forms/input-tags/InputTags.tsx"],"sourcesContent":["import { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type FormControl as DefaultFormControl } from \"../form-control/FormControl\";\nimport type { InputTagsProps } from \"./InputTags.interface\";\n\nexport function InputTags<Data = string>(props: InputTagsProps) {\n  const { name, id = name, label, required, description, before, after, size, className, layout = \"choicesjs\", ...otherProps } = props;\n\n  const FormControl = getComponent<typeof DefaultFormControl>(\"FormControl\");\n  const Component = getComponent<ComponentType<InputTagsProps<Data>>>([`InputTags.${layout}`, \"Input\"]);\n\n  return (\n    <FormControl\n      id={id}\n      name={name}\n      label={label}\n      required={required}\n      description={description}\n      before={before}\n      after={after}\n      size={size}\n      className={className}\n    >\n      <Component {...(otherProps as any)} id={id} name={name} required={required} />\n    </FormControl>\n  );\n}\n\nregisterComponent(\"InputTags\", InputTags);\n"],"names":["InputTags","props","name","id","label","required","description","before","after","size","className","layout","otherProps","FormControl","getComponent","Component","jsx","registerComponent"],"mappings":";;AAMO,SAASA,EAAyBC,GAAuB;AAC9D,QAAM,EAAE,MAAAC,GAAM,IAAAC,IAAKD,GAAM,OAAAE,GAAO,UAAAC,GAAU,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,QAAAC,IAAS,aAAa,GAAGC,MAAeX,GAEzHY,IAAcC,EAAwC,aAAa,GACnEC,IAAYD,EAAkD,CAAC,aAAaH,CAAM,IAAI,OAAO,CAAC;AAEpG,SACE,gBAAAK;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAAV;AAAA,MACA,MAAAD;AAAA,MACA,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MAEA,4BAACK,GAAA,EAAW,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEAY,EAAkB,aAAajB,CAAS;"}

package/dist/molecules/forms/input-tags/components/ChoicesTags.d.ts

@@ -10,10 +10,23 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         after?: import('react').ReactNode | string;
         shadow?: boolean;
         size?: "small" | string;
+        resource?: string | undefined | undefined;
+        type?: import('react').HTMLInputTypeAttribute | undefined;
+        placeholder?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        disabled?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        src?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        height?: number | string | undefined | undefined;
         title?: string | undefined | undefined;
         onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
@@ -23,11 +36,9 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        placeholder?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -36,13 +47,10 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         radioGroup?: string | undefined | undefined;
         role?: import('react').AriaRole | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
         rev?: string | undefined | undefined;
         typeof?: string | undefined | undefined;
         vocab?: string | undefined | undefined;
@@ -58,7 +66,6 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
         'aria-activedescendant'?: string | undefined | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -272,34 +279,27 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        form?: string | undefined | undefined;
         pattern?: string | undefined | undefined;
         list?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
         accept?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         checked?: boolean | undefined | undefined;
         crossOrigin?: "anonymous" | "use-credentials" | "" | undefined | undefined;
-        disabled?: boolean | undefined | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        height?: number | string | undefined | undefined;
         max?: number | string | undefined | undefined;
         maxLength?: number | undefined | undefined;
         min?: number | string | undefined | undefined;
         minLength?: number | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
-        src?: string | undefined | undefined;
-        type?: import('react').HTMLInputTypeAttribute | undefined;
-        width?: number | string | undefined | undefined;
     };
     ref: import('react').MutableRefObject<HTMLInputElement | null>;
     instanceRef: import('react').MutableRefObject<Choices | null>;