@mrfylke/contact-form 0.1.24 → 0.1.26

package/README.md

@@ -26,19 +26,9 @@ export const contactFormConfig: ContactFormConfig = {
     light: { /* colors, spacer, border */ },
     dark:  { /* same structure */ },
   },
-  icons: {
-    'transportation/BusFill': MyBusIcon,
-    // ... see Icon set section below
-  },
   api: {
-    baseUrl: '/api',
-    endpoints: { submitForm: '/contact/submit' },
     onSubmit,
   },
-  org: {
-    name: 'Your Company',
-    supportEmail: 'support@yourcompany.com',
-  },
 };
 ```
 
@@ -74,37 +64,65 @@ export default function ContactPage() {
 
 ## API configuration
 
-The package is decoupled from your backend. You supply an `onSubmit` callback; the package defines the payload shape.
+The package is decoupled from your backend. By default, it POSTs to
+`endpoints.submit` (`/api/contact/submit`) with `{ ...state, $slug: slug }`
+in the body — no `onSubmit` needed:
+
+```ts
+api: {
+  endpoints: {
+    submit: '/api/contact/submit', // Optional, this is the default
+  },
+}
+```
+
+Pair that with `createSubmitRouteHandler` for the route itself — it reads
+`$slug` from the body and forwards the rest to your connector at that path:
+
+```ts
+// app/api/contact/submit/route.ts
+import { createSubmitRouteHandler } from '@mrfylke/contact-form/server';
+
+export const POST = createSubmitRouteHandler({
+  request: (path, init) => fetch(`${process.env.CONNECTOR_URL}${path}`, init),
+});
+```
+
+### Overriding the submit callback
+
+For full control over routing, provide your own `onSubmit` callback instead —
+it receives the form slug and form state:
 
 ```ts
-import type { FormSchemaName } from '@mrfylke/contact-form';
+import type { FormSlug } from '@mrfylke/contact-form';
 
 const onSubmit = async (
-  schemaName: FormSchemaName,
+  slug: FormSlug,
   state: Record<string, unknown>,
 ): Promise<Response> => {
   return fetch('/api/contact/submit', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ ...state, formType: schemaName }),
+    body: JSON.stringify({ ...state, formType: slug }),
   });
 };
 ```
 
-`schemaName` is one of: `'ticketControl'` · `'refund'` · `'meansOfTransport'` · `'ticketing'` · `'journeyInfo'`
+See `FormSlug` for the full set of possible values.
 
 ### Routing submissions to different endpoints
 
 ```ts
-const onSubmit = async (schemaName: FormSchemaName, state) => {
-  const endpointMap: Record<FormSchemaName, string> = {
-    ticketControl:     '/api/contact/ticket-control',
-    refund:            '/api/contact/refund',
-    meansOfTransport:  '/api/contact/means-of-transport',
-    ticketing:         '/api/contact/ticketing',
-    journeyInfo:       '/api/contact/journey-info',
+const onSubmit = async (slug: FormSlug, state) => {
+  const endpointMap: Record<FormSlug, string> = {
+    'ticket-control':    '/api/contact/ticket-control',
+    refund:              '/api/contact/refund',
+    'means-of-transport': '/api/contact/means-of-transport',
+    ticketing:           '/api/contact/ticketing',
+    'journey-info':      '/api/contact/journey-info',
+    'lost-property':     '/api/contact/lost-property',
   };
-  return fetch(endpointMap[schemaName], {
+  return fetch(endpointMap[slug], {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(state),
@@ -397,7 +415,7 @@ See the `apps/next-demo` directory for a complete implementation, including comm
 
 ## Troubleshooting
 
-**`useContactFormConfig must be used within ContactFormConfigProvider`** — wrap your app with `<ContactFormRoot>`.
+**`useContactFormConfig must be used within ContactFormRoot`** — wrap your app with `<ContactFormRoot>`.
 
 **Icons not showing** — verify all required icon keys are provided and check the browser console for warnings.
 

package/lib/ContactFormRoot.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type ContactFormConfig } from './modules/config';
 import { type ContactFormTranslationsOverride, Language } from './translations';
 export type ContactFormRootProps = {
@@ -19,5 +19,5 @@ export type ContactFormRootProps = {
  * providers together. Renders children inside the provider stack so
  * consumers can pass their routes/layout as children.
  */
-export declare function ContactFormRoot({ config, language, theme, translationsOverride, children, }: ContactFormRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContactFormRoot({ config, language, theme, translationsOverride, children, }: ContactFormRootProps): React.JSX.Element;
 //# sourceMappingURL=ContactFormRoot.d.ts.map

package/lib/ContactFormRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactFormRoot.d.ts","sourceRoot":"","sources":["../src/ContactFormRoot.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAEL,KAAK,+BAA+B,EACpC,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,mEAAmE;IACnE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,+BAA+B,CAAC;IACvD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,oBAAoB,EACpB,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}
+{"version":3,"file":"ContactFormRoot.d.ts","sourceRoot":"","sources":["../src/ContactFormRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAEL,KAAK,+BAA+B,EACpC,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,mEAAmE;IACnE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,+BAA+B,CAAC;IACvD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,oBAAoB,EACpB,QAAQ,GACT,EAAE,oBAAoB,qBAsBtB"}

package/lib/ContactFormRoot.js

@@ -16,11 +16,13 @@ function ThemeSync({ children }) {
  * consumers can pass their routes/layout as children.
  */
 function ContactFormRoot({ config, language, theme, translationsOverride, children, }) {
-    // Merge config translations (required) with optional root-level override (override takes precedence)
+    // Merge config translations (optional) with optional root-level override (override takes precedence)
+    const configTranslations = config.translations ?? {};
     const mergedTranslations = translationsOverride
-        ? deepMerge(config.translations, translationsOverride)
-        : config.translations;
-    return ((0, jsx_runtime_1.jsx)(config_1.ContactFormConfigProvider, { config: config, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ThemeSync, { children: (0, jsx_runtime_1.jsx)(translations_1.AppLanguageProvider, { overrides: mergedTranslations, language: language, children: children }) }) }) }));
+        ? deepMerge(configTranslations, translationsOverride)
+        : configTranslations;
+    const mergedConfig = (0, config_1.mergeConfigThemeOverrides)(config);
+    return ((0, jsx_runtime_1.jsx)(config_1.ContactFormConfigContext.Provider, { value: mergedConfig, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ThemeSync, { children: (0, jsx_runtime_1.jsx)(translations_1.AppLanguageProvider, { overrides: mergedTranslations, language: language, children: children }) }) }) }));
 }
 function deepMerge(target, source) {
     const result = { ...target };

package/lib/components/button/link.d.ts

@@ -22,6 +22,6 @@ export type ButtonLinkProps = {
      */
     shallow?: boolean;
 } & ButtonBaseProps;
-export declare function ButtonLink({ href, onClick, testID, aProps, shallow, ...props }: ButtonLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonLink({ href, onClick, testID, aProps, shallow, ...props }: ButtonLinkProps): React.JSX.Element;
 export default ButtonLink;
 //# sourceMappingURL=link.d.ts.map

package/lib/components/button/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/button/link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,eAAe,EAGhB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC1C;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,eAAe,CAAC;AAEpB,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAW,EACX,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CAkCjB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/button/link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,eAAe,EAGhB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC1C;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,eAAe,CAAC;AAEpB,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAW,EACX,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,qBAkCjB;AAED,eAAe,UAAU,CAAC"}

package/lib/components/button/utils.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import { ContrastColor } from '@atb-as/theme';
 export type ButtonModes = 'interactive_0' | 'interactive_0--bordered' | 'interactive_0--bordered-light-outline' | 'interactive_1' | 'interactive_2' | 'interactive_2--light-outline' | 'interactive_3' | 'destructive' | 'transparent' | 'primary' | 'secondary' | 'transparent--underline';
 export type RadiusMode = 'top' | 'bottom' | 'top-bottom' | 'none';
@@ -64,6 +64,6 @@ export type ButtonBaseProps = {
 export declare function getButtonStyle(props: ButtonBaseProps): CSSProperties;
 export declare function getButtonStyleForColor(color: ContrastColor): CSSProperties;
 export declare function getBaseButtonClassName({ mode, size, state, radius, radiusSize, display, disabled, className, }: ButtonBaseProps): string;
-declare function ButtonBase({ title, icon, state }: ButtonBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function ButtonBase({ title, icon, state }: ButtonBaseProps): React.JSX.Element;
 export { ButtonBase };
 //# sourceMappingURL=utils.d.ts.map

package/lib/components/button/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/button/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,MAAM,MAAM,WAAW,GACnB,eAAe,GACf,yBAAyB,GACzB,uCAAuC,GACvC,eAAe,GACf,eAAe,GACf,8BAA8B,GAC9B,eAAe,GACf,aAAa,GACb,aAAa,GACb,SAAS,GACT,WAAW,GACX,wBAAwB,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAC;AAElE,KAAK,oBAAoB,GACrB;IACE,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,aAAa,CAAC;CAChC,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAE/C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEtC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;QACb,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC,CAAC;CACJ,GAAG,oBAAoB,CAAC;AAEzB,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAGpE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,GAAG,aAAa,CAK1E;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAsB,EACtB,IAAc,EACd,KAAc,EACd,MAAqB,EACrB,UAAsB,EACtB,OAAiB,EACjB,QAAgB,EAChB,SAAqB,GACtB,EAAE,eAAe,UAajB;AAED,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,eAAe,2CAa1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/button/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,MAAM,MAAM,WAAW,GACnB,eAAe,GACf,yBAAyB,GACzB,uCAAuC,GACvC,eAAe,GACf,eAAe,GACf,8BAA8B,GAC9B,eAAe,GACf,aAAa,GACb,aAAa,GACb,SAAS,GACT,WAAW,GACX,wBAAwB,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAC;AAElE,KAAK,oBAAoB,GACrB;IACE,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,aAAa,CAAC;CAChC,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAE/C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEtC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;QACb,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC,CAAC;CACJ,GAAG,oBAAoB,CAAC;AAEzB,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAGpE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,GAAG,aAAa,CAK1E;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAsB,EACtB,IAAc,EACd,KAAc,EACd,MAAqB,EACrB,UAAsB,EACtB,OAAiB,EACjB,QAAgB,EAChB,SAAqB,GACtB,EAAE,eAAe,UAajB;AAED,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,eAAe,qBAa1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/checkbox/checkbox.d.ts

@@ -9,5 +9,5 @@ export type CheckboxProps = {
     expand?: boolean;
     onClick?: () => void;
 };
-export default function Checkbox({ onChange, error, disabled, readonly, label, description, checked, expand, onClick, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export default function Checkbox({ onChange, error, disabled, readonly, label, description, checked, expand, onClick, }: CheckboxProps): import("react").JSX.Element;
 //# sourceMappingURL=checkbox.d.ts.map

package/lib/components/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,WAAW,EACX,OAAe,EACf,MAAc,EACd,OAAO,GACR,EAAE,aAAa,2CAyCf"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,WAAW,EACX,OAAe,EACf,MAAc,EACd,OAAO,GACR,EAAE,aAAa,+BAyCf"}

package/lib/components/error-message/error-message.d.ts

@@ -2,5 +2,5 @@ export type ErrorMessageProps = {
     message: string;
     id?: string;
 };
-export default function ErrorMessage({ message, id }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export default function ErrorMessage({ message, id }: ErrorMessageProps): import("react").JSX.Element;
 //# sourceMappingURL=error-message.d.ts.map

package/lib/components/error-message/error-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-message.d.ts","sourceRoot":"","sources":["../../../src/components/error-message/error-message.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,iBAAiB,2CAOtE"}
+{"version":3,"file":"error-message.d.ts","sourceRoot":"","sources":["../../../src/components/error-message/error-message.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,iBAAiB,+BAOtE"}

package/lib/components/external-link-page.d.ts

@@ -10,5 +10,5 @@ export type ExternalLinkPageProps = {
  * Component for rendering a page that links to an external website.
  * Used when a contact page is configured with an externalUrl in pages.externalUrlByPageId.
  */
-export declare function ExternalLinkPage({ url, title, description, }: ExternalLinkPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExternalLinkPage({ url, title, description, }: ExternalLinkPageProps): import("react").JSX.Element;
 //# sourceMappingURL=external-link-page.d.ts.map

package/lib/components/external-link-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"external-link-page.d.ts","sourceRoot":"","sources":["../../src/components/external-link-page.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,WAAW,GACZ,EAAE,qBAAqB,2CA2CvB"}
+{"version":3,"file":"external-link-page.d.ts","sourceRoot":"","sources":["../../src/components/external-link-page.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,WAAW,GACZ,EAAE,qBAAqB,+BA2CvB"}

package/lib/components/form/date-selector.d.ts

@@ -7,5 +7,5 @@ export type DateSelectorProps = {
     errorMessage?: TranslatedString;
     onChange: (value: string) => void;
 };
-export default function DateSelector({ id, label, value, isRequired, errorMessage, onChange, }: DateSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function DateSelector({ id, label, value, isRequired, errorMessage, onChange, }: DateSelectorProps): import("react").JSX.Element;
 //# sourceMappingURL=date-selector.d.ts.map

package/lib/components/form/date-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/date-selector.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAItE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,2CAwEnB"}
+{"version":3,"file":"date-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/date-selector.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAItE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BAuEnB"}

package/lib/components/form/date-selector.js

@@ -15,8 +15,8 @@ const error_message_1 = require("../error-message");
 function DateSelector({ id, label, value, isRequired, errorMessage, onChange, }) {
     const { t } = (0, translations_1.useTranslation)();
     const zonedDateTime = value ? (0, date_1.fromDate)(new Date(value), 'Europe/Oslo') : null;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.dateSelectorContainer, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.DatePicker, { id: `date_selector__${id}`, granularity: "day", value: zonedDateTime, onChange: (e) => e && onChange(e.toString().slice(0, 10)), onOpenChange: (isOpen) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.dateSelectorContainer, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.DatePicker, { granularity: "day", value: zonedDateTime, onChange: (e) => e && onChange(e.toString().slice(0, 10)), onOpenChange: (isOpen) => {
                     if (isOpen && !value)
                         onChange((0, date_1.today)('Europe/Oslo').toString());
-                }, className: form_module_css_1.default.dateSelector, shouldForceLeadingZeros: true, "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `date-selector-${id}`, isRequired: isRequired }), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Group, { className: form_module_css_1.default.calendarSelectorGroup, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.DateInput, { className: form_module_css_1.default.dateSelectorInput, children: (segment) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.DateSegment, { segment: segment, className: form_module_css_1.default.dateSelectorSegment })) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { className: form_module_css_1.default.calendarButton, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "time/Date" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.calendarDialog, placement: "bottom right", children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Dialog, { children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Calendar, { children: [(0, jsx_runtime_1.jsxs)("header", { className: form_module_css_1.default.calendarDialog__header, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "previous", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { className: form_module_css_1.default.calendarDialog__title }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "next", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowRight" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarGrid, { className: form_module_css_1.default.calendarGrid, children: (date) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarCell, { date: date, className: form_module_css_1.default.calendarGrid__cell })) })] }) }) })] }), (0, jsx_runtime_1.jsx)("input", { id: `date_selector__${id}`, type: "hidden", value: value ?? '' }), errorMessage && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage) })] }));
+                }, className: form_module_css_1.default.dateSelector, shouldForceLeadingZeros: true, "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, id: `label-${id}`, isRequired: isRequired }), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Group, { className: form_module_css_1.default.calendarSelectorGroup, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.DateInput, { className: form_module_css_1.default.dateSelectorInput, children: (segment) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.DateSegment, { segment: segment, className: form_module_css_1.default.dateSelectorSegment })) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { className: form_module_css_1.default.calendarButton, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "time/Date" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.calendarDialog, placement: "bottom right", children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Dialog, { children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Calendar, { children: [(0, jsx_runtime_1.jsxs)("header", { className: form_module_css_1.default.calendarDialog__header, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "previous", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { className: form_module_css_1.default.calendarDialog__title }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "next", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowRight" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarGrid, { className: form_module_css_1.default.calendarGrid, children: (date) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarCell, { date: date, className: form_module_css_1.default.calendarGrid__cell })) })] }) }) })] }), (0, jsx_runtime_1.jsx)("input", { id: `date_selector__${id}`, type: "hidden", value: value ?? '' }), errorMessage && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage) })] }));
 }

package/lib/components/form/departure-time-field.d.ts

@@ -11,6 +11,6 @@ type DepartureTimeFieldProps = {
     isRequired?: boolean;
     errorMessage?: TranslatedString;
 };
-export declare function DepartureTimeField({ id, date, lineId, fromStopId, toStopId, selectedTripId, plannedDepartureTime, onChange, isRequired, errorMessage, }: DepartureTimeFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepartureTimeField({ id, date, lineId, fromStopId, toStopId, selectedTripId, plannedDepartureTime, onChange, isRequired, errorMessage, }: DepartureTimeFieldProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=departure-time-field.d.ts.map

package/lib/components/form/departure-time-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"departure-time-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/departure-time-field.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAI5B,KAAK,uBAAuB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,EAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,cAAc,EACd,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,YAAY,GACb,EAAE,uBAAuB,2CAoDzB"}
+{"version":3,"file":"departure-time-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/departure-time-field.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAI5B,KAAK,uBAAuB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,EAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,cAAc,EACd,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,YAAY,GACb,EAAE,uBAAuB,+BAoDzB"}

package/lib/components/form/description-modal.d.ts

@@ -8,6 +8,6 @@ type DescriptionModalProps = {
     isModalOpen: boolean;
     closeModal: () => void;
 };
-declare const DescriptionModal: ({ title, modalContent, isModalOpen, closeModal, }: DescriptionModalProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const DescriptionModal: ({ title, modalContent, isModalOpen, closeModal, }: DescriptionModalProps) => import("react").JSX.Element | null;
 export default DescriptionModal;
 //# sourceMappingURL=description-modal.d.ts.map

package/lib/components/form/description-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description-modal.d.ts","sourceRoot":"","sources":["../../../src/components/form/description-modal.tsx"],"names":[],"mappings":"AASA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,mDAKvB,qBAAqB,mDA2FvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"description-modal.d.ts","sourceRoot":"","sources":["../../../src/components/form/description-modal.tsx"],"names":[],"mappings":"AASA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,mDAKvB,qBAAqB,uCA2FvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/form/field-wrapper-with-error/index.d.ts

@@ -3,6 +3,6 @@ import { TranslatedString } from '../../../translations';
 export type FieldWrapperWithErrorProps = PropsWithChildren<{
     errorMessage?: TranslatedString;
 }>;
-export declare const FieldWrapperWithError: ({ errorMessage, children, }: FieldWrapperWithErrorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldWrapperWithError: ({ errorMessage, children, }: FieldWrapperWithErrorProps) => import("react").JSX.Element;
 export default FieldWrapperWithError;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/form/field-wrapper-with-error/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/field-wrapper-with-error/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAkB,MAAM,uBAAuB,CAAC;AAGzE,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;IACzD,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAAI,6BAGnC,0BAA0B,4CAS5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/field-wrapper-with-error/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAkB,MAAM,uBAAuB,CAAC;AAGzE,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;IACzD,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAAI,6BAGnC,0BAA0B,gCAS5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/form/fieldset/index.d.ts

@@ -3,6 +3,6 @@ export type FieldsetProps = PropsWithChildren<{
     title?: string;
     isRequired?: boolean;
 }>;
-export declare const Fieldset: ({ title, isRequired, children, }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Fieldset: ({ title, isRequired, children, }: FieldsetProps) => import("react").JSX.Element;
 export default Fieldset;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/form/fieldset/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,GAAI,kCAItB,aAAa,4CAkBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,GAAI,kCAItB,aAAa,gCAkBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/form/file-input.d.ts

@@ -6,5 +6,5 @@ export type FileInputProps = {
     errorMessage?: string;
     onChange?: (files: File[]) => void;
 } & Omit<React.JSX.IntrinsicElements['input'], 'onChange'>;
-export default function FileInput({ id, onChange, iconLabel, label, isRequired, name, errorMessage, }: FileInputProps): import("react/jsx-runtime").JSX.Element;
+export default function FileInput({ id, onChange, iconLabel, label, isRequired, name, errorMessage, }: FileInputProps): import("react").JSX.Element;
 //# sourceMappingURL=file-input.d.ts.map

package/lib/components/form/file-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-input.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAI3D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAkB,EAClB,IAAI,EACJ,YAAY,GACb,EAAE,cAAc,2CAkHhB"}
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-input.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAI3D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAkB,EAClB,IAAI,EACJ,YAAY,GACb,EAAE,cAAc,+BAkHhB"}

package/lib/components/form/form-component-label/index.d.ts

@@ -1,9 +1,10 @@
 type FormComponentLabelProps = {
     label: string;
-    htmlFor: string;
+    id?: string;
+    htmlFor?: string;
     disabled?: boolean;
     isRequired?: boolean;
 };
-export declare const FormComponentLabel: ({ label, htmlFor, disabled, isRequired, }: FormComponentLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormComponentLabel: ({ label, id, htmlFor, disabled, isRequired, }: FormComponentLabelProps) => import("react").JSX.Element;
 export default FormComponentLabel;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/form/form-component-label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/form-component-label/index.tsx"],"names":[],"mappings":"AAIA,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2CAKhC,uBAAuB,4CAczB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/form-component-label/index.tsx"],"names":[],"mappings":"AAIA,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,uBAAuB,gCAczB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/form/form-component-label/index.js

@@ -8,8 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const typography_1 = require("../../typography");
 const form_component_label_module_css_1 = __importDefault(require("./form-component-label.module.css"));
 const css_1 = require("../../../utils/css");
-const FormComponentLabel = ({ label, htmlFor, disabled = false, isRequired = false, }) => {
-    return ((0, jsx_runtime_1.jsx)("label", { htmlFor: htmlFor, children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", className: (0, css_1.andIf)({
+const FormComponentLabel = ({ label, id, htmlFor, disabled = false, isRequired = false, }) => {
+    return ((0, jsx_runtime_1.jsx)("label", { id: id, htmlFor: htmlFor, children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", className: (0, css_1.andIf)({
                 [form_component_label_module_css_1.default.disabled]: disabled,
                 [form_component_label_module_css_1.default.required]: isRequired,
             }), children: label }) }));

package/lib/components/form/input.d.ts

@@ -12,6 +12,6 @@ type InputProps = {
     errorMessage?: TranslatedString;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 } & React.JSX.IntrinsicElements['input'];
-export declare const Input: ({ id, label, errorMessage, type, name, checked, value, modalContent, disabled, onChange, placeholder, isRequired, }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ id, label, errorMessage, type, name, checked, value, modalContent, disabled, onChange, placeholder, isRequired, }: InputProps) => React.JSX.Element;
 export default Input;
 //# sourceMappingURL=input.d.ts.map

package/lib/components/form/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/form/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAY,MAAM,OAAO,CAAC;AAGrD,OAAO,EACL,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAM5B,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK,GAAI,qHAanB,UAAU,4CAmEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/form/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAY,MAAM,OAAO,CAAC;AAGrD,OAAO,EACL,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAM5B,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK,GAAI,qHAanB,UAAU,sBAmEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/form/radio.d.ts

@@ -3,5 +3,5 @@ export type RadioInputProps = {
     label: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 } & React.JSX.IntrinsicElements['input'];
-export default function Radio({ onChange, checked, label, value, name, }: RadioInputProps): import("react/jsx-runtime").JSX.Element;
+export default function Radio({ onChange, checked, label, value, name, }: RadioInputProps): React.JSX.Element;
 //# sourceMappingURL=radio.d.ts.map

package/lib/components/form/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/form/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAS,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,GACL,EAAE,eAAe,2CAoBjB"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/form/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAS,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,GACL,EAAE,eAAe,qBAoBjB"}

package/lib/components/form/searchable-select/searchable-select.d.ts

@@ -14,5 +14,5 @@ export type SearchableSelectProps<T> = {
     error?: string;
     onChange: (value?: T) => void;
 };
-export default function SearchableSelect<T>({ id, label, value, placeholder, isDisabled, isRequired, options, error, onChange, }: SearchableSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function SearchableSelect<T>({ id, label, value, placeholder, isDisabled, isRequired, options, error, onChange, }: SearchableSelectProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=searchable-select.d.ts.map

package/lib/components/form/searchable-select/searchable-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchable-select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/searchable-select/searchable-select.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAC/D,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,EAAE,EAC1C,EAAE,EACF,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAgI1B"}
+{"version":3,"file":"searchable-select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/searchable-select/searchable-select.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAC/D,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,EAAE,EAC1C,EAAE,EACF,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BA+H1B"}

package/lib/components/form/searchable-select/searchable-select.js

@@ -48,7 +48,7 @@ function SearchableSelect({ id, label, value, placeholder, isDisabled, isRequire
         setInputValue(option?.name || inputValue);
         onChange(option?.value);
     };
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.ComboBox, { items: filteredOptions, isDisabled: isDisabled, onSelectionChange: handleSelectionChange, className: form_module_css_1.default.searchable_select__comboBox, "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `searchable-select-${id}`, disabled: isDisabled, isRequired: isRequired }), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Group, { className: form_module_css_1.default.searchable_select__group, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Input, { id: `searchable_select__${id}`, placeholder: placeholder, className: (0, css_1.andIf)({
+    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.ComboBox, { items: filteredOptions, isDisabled: isDisabled, onSelectionChange: handleSelectionChange, className: form_module_css_1.default.searchable_select__comboBox, "aria-label": label, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `searchable_select__${id}`, disabled: isDisabled, isRequired: isRequired }), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Group, { className: form_module_css_1.default.searchable_select__group, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Input, { id: `searchable_select__${id}`, placeholder: placeholder, className: (0, css_1.andIf)({
                             [form_module_css_1.default.searchable_select__input]: true,
                             [form_module_css_1.default.searchable_select__input_disabled]: !!isDisabled,
                         }), value: inputValue, onChange: (e) => handleInputChange(e.target.value), onFocus: handleFocus, onBlur: handleBlur }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { className: form_module_css_1.default.searchable_select__button, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'navigation/ExpandMore' }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.searchable_select__popover, children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.ListBox, { className: form_module_css_1.default.searchable_select__listBox, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { textValue: placeholder, isDisabled: true, className: form_module_css_1.default.searchable_select__listBoxItem, children: (0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.searchable_select__item, children: [(0, jsx_runtime_1.jsx)("span", { className: form_module_css_1.default.searchable_select__truncate, children: placeholder }), (0, jsx_runtime_1.jsx)("span", { children: !value && (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Confirm' }) })] }) }), filteredOptions.map((item) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { id: item.id, textValue: item.name, className: form_module_css_1.default.searchable_select__listBoxItem, children: ({ isSelected, isFocused }) => ((0, jsx_runtime_1.jsxs)("div", { className: `${form_module_css_1.default.searchable_select__item} ${isFocused ? form_module_css_1.default.searchable_select__highlight : ''} ${isSelected && value ? form_module_css_1.default.searchable_select__selected : ''}`, children: [(0, jsx_runtime_1.jsx)("span", { className: form_module_css_1.default.searchable_select__truncate, children: item.name }), (0, jsx_runtime_1.jsx)("span", { children: value && isSelected && ((0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Confirm' })) })] })) }, item.id)))] }) }), showError && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: error })] }));

package/lib/components/form/select.d.ts

@@ -11,5 +11,5 @@ export type SelectProps<T> = {
     disabled?: boolean;
     isRequired?: boolean;
 };
-export default function CustomSelect<T>({ id, label, onChange, error, value, options, valueToId, valueToText, placeholder, disabled, isRequired, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function CustomSelect<T>({ id, label, onChange, error, value, options, valueToId, valueToText, placeholder, disabled, isRequired, }: SelectProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/lib/components/form/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/form/select.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,EACtC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,UAAU,GACX,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoFhB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/form/select.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,EACtC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,UAAU,GACX,EAAE,WAAW,CAAC,CAAC,CAAC,+BAmFhB"}

package/lib/components/form/select.js

@@ -18,5 +18,5 @@ function CustomSelect({ id, label, onChange, error, value, options, valueToId, v
             return;
         onChange(findItemFromOptions(key.toString()));
     };
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Select, { id: `select__${id}`, onSelectionChange: onChangeInternal, isDisabled: disabled, className: form_module_css_1.default.select__select_container, "aria-label": label, "aria-labelledby": `label-${id}`, children: [label && ((0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `select-${id}`, disabled: disabled, isRequired: isRequired })), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Button, { className: form_module_css_1.default.select__button, children: [value ? ((0, jsx_runtime_1.jsx)("span", { children: valueToText(value) })) : ((0, jsx_runtime_1.jsx)("span", { className: `${form_module_css_1.default.select__placeholder} ${disabled ? form_module_css_1.default.label_disabled : ''}`, children: placeholder })), (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'navigation/ExpandMore' })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.select__popover, children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.ListBox, { className: form_module_css_1.default.select__listBox, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { isDisabled: true, textValue: placeholder, className: form_module_css_1.default.select__listBoxItem, children: (0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.select__item, children: [(0, jsx_runtime_1.jsx)("span", { className: form_module_css_1.default.select__placholder, children: placeholder }), !value && (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Confirm' })] }) }), options.map((option) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { id: `${valueToId(option)}`, textValue: valueToText(option), className: form_module_css_1.default.select__listBoxItem, children: ({ isSelected, isFocused }) => ((0, jsx_runtime_1.jsxs)("div", { className: `${form_module_css_1.default.select__item} ${isFocused ? form_module_css_1.default.select__highlight : ''}`, children: [(0, jsx_runtime_1.jsx)("span", { children: valueToText(option) }), (0, jsx_runtime_1.jsx)("span", { children: value && isSelected ? ((0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Confirm' })) : ('\u00A0') })] })) }, `key-option-${valueToId(option)}`)))] }) }), showError && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: error })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Select, { id: `select__${id}`, onSelectionChange: onChangeInternal, isDisabled: disabled, className: form_module_css_1.default.select__select_container, "aria-label": label, children: [label && ((0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `select__${id}`, disabled: disabled, isRequired: isRequired })), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Button, { className: form_module_css_1.default.select__button, children: [value ? ((0, jsx_runtime_1.jsx)("span", { children: valueToText(value) })) : ((0, jsx_runtime_1.jsx)("span", { className: `${form_module_css_1.default.select__placeholder} ${disabled ? form_module_css_1.default.label_disabled : ''}`, children: placeholder })), (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'navigation/ExpandMore' })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.select__popover, children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.ListBox, { className: form_module_css_1.default.select__listBox, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { isDisabled: true, textValue: placeholder, className: form_module_css_1.default.select__listBoxItem, children: (0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.select__item, children: [(0, jsx_runtime_1.jsx)("span", { className: form_module_css_1.default.select__placholder, children: placeholder }), !value && (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Confirm' })] }) }), options.map((option) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { id: `${valueToId(option)}`, textValue: valueToText(option), className: form_module_css_1.default.select__listBoxItem, children: ({ isSelected, isFocused }) => ((0, jsx_runtime_1.jsxs)("div", { className: `${form_module_css_1.default.select__item} ${isFocused ? form_module_css_1.default.select__highlight : ''}`, children: [(0, jsx_runtime_1.jsx)("span", { children: valueToText(option) }), (0, jsx_runtime_1.jsx)("span", { children: value && isSelected ? ((0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Confirm' })) : ('\u00A0') })] })) }, `key-option-${valueToId(option)}`)))] }) }), showError && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: error })] }));
 }

package/lib/components/form/textarea.d.ts

@@ -7,5 +7,5 @@ export type CheckboxProps = {
     fileInputProps?: FileInputProps;
     onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 } & React.JSX.IntrinsicElements['textarea'];
-export default function Textarea({ id, description, onChange, error, isRequired, value, fileInputProps, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export default function Textarea({ id, description, onChange, error, isRequired, value, fileInputProps, }: CheckboxProps): import("react").JSX.Element;
 //# sourceMappingURL=textarea.d.ts.map

package/lib/components/form/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/form/textarea.tsx"],"names":[],"mappings":"AACA,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAKzD,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACnE,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,EAAE,EACF,WAAW,EACX,QAAQ,EACR,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,cAAc,GACf,EAAE,aAAa,2CAyBf"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/form/textarea.tsx"],"names":[],"mappings":"AACA,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAKzD,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACnE,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,EAAE,EACF,WAAW,EACX,QAAQ,EACR,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,cAAc,GACf,EAAE,aAAa,+BAyBf"}

package/lib/components/form/time-selector.d.ts

@@ -7,5 +7,5 @@ export type TimeSelectorProps = {
     errorMessage?: TranslatedString;
     onChange: (value: string) => void;
 };
-export default function TimeSelector({ id, label, value, isRequired, errorMessage, onChange, }: TimeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function TimeSelector({ id, label, value, isRequired, errorMessage, onChange, }: TimeSelectorProps): import("react").JSX.Element;
 //# sourceMappingURL=time-selector.d.ts.map

package/lib/components/form/time-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/time-selector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAGtE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,2CAwCnB"}
+{"version":3,"file":"time-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/time-selector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAGtE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BAuCnB"}

package/lib/components/form/time-selector.js

@@ -14,9 +14,9 @@ const error_message_1 = require("../error-message");
 function TimeSelector({ id, label, value, isRequired, errorMessage, onChange, }) {
     const { t } = (0, translations_1.useTranslation)();
     const parsedValue = value ? (0, date_1.parseTime)(value) : undefined;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.timeSelectorContainer, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.TimeField, { id: `time_selector__${id}`, value: parsedValue, onChange: (change) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.timeSelectorContainer, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.TimeField, { value: parsedValue, onChange: (change) => {
                     if (!change)
                         return;
                     onChange(change.toString());
-                }, hourCycle: 24, shouldForceLeadingZeros: true, className: form_module_css_1.default.timeSelector, "data-testid": "searchTimeSelector-time", granularity: "minute", "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `time-selector-${id}`, isRequired: isRequired }), (0, jsx_runtime_1.jsx)(react_aria_components_1.DateInput, { className: form_module_css_1.default.timeSelectorInput, children: (segment) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.DateSegment, { className: form_module_css_1.default.timeSelectorSegment, segment: segment })) })] }), (0, jsx_runtime_1.jsx)("input", { id: `time_selector__${id}`, type: "hidden", value: value ?? '' }), errorMessage && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage) })] }));
+                }, hourCycle: 24, shouldForceLeadingZeros: true, className: form_module_css_1.default.timeSelector, "data-testid": "searchTimeSelector-time", granularity: "minute", "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, id: `label-${id}`, isRequired: isRequired }), (0, jsx_runtime_1.jsx)(react_aria_components_1.DateInput, { className: form_module_css_1.default.timeSelectorInput, children: (segment) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.DateSegment, { className: form_module_css_1.default.timeSelectorSegment, segment: segment })) })] }), (0, jsx_runtime_1.jsx)("input", { id: `time_selector__${id}`, type: "hidden", value: value ?? '' }), errorMessage && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage) })] }));
 }

package/lib/components/icon/checkbox-icon.d.ts

@@ -10,5 +10,5 @@ export type CheckboxIconProps = Pick<React.JSX.IntrinsicElements['div'], 'classN
      */
     checked: boolean;
 };
-export declare function CheckBoxIcon({ checked, size }: CheckboxIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckBoxIcon({ checked, size }: CheckboxIconProps): import("react").JSX.Element;
 //# sourceMappingURL=checkbox-icon.d.ts.map

package/lib/components/icon/checkbox-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/checkbox-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,SAAS,CAAC;AAuD7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAClC,WAAW,GAAG,MAAM,CACrB,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,IAAe,EAAE,EAAE,iBAAiB,2CAa3E"}
+{"version":3,"file":"checkbox-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/checkbox-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,SAAS,CAAC;AAuD7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAClC,WAAW,GAAG,MAAM,CACrB,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,IAAe,EAAE,EAAE,iBAAiB,+BAa3E"}

package/lib/components/icon/color-icon.d.ts

@@ -13,5 +13,5 @@ export type ColorIconProps = Omit<React.JSX.IntrinsicElements['img'], 'src'> & {
      */
     icon: ColorIcons;
 };
-export declare function ColorIcon({ icon, size, ...props }: ColorIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorIcon({ icon, size, ...props }: ColorIconProps): import("react").JSX.Element;
 //# sourceMappingURL=color-icon.d.ts.map

package/lib/components/icon/color-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/color-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAW,MAAM,SAAS,CAAC;AAG7C,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC7E;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAe,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAiB5E"}
+{"version":3,"file":"color-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/color-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAW,MAAM,SAAS,CAAC;AAG7C,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC7E;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAe,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAiB5E"}