@midas-ds/components 17.8.3 → 17.10.0

package/CHANGELOG.md

@@ -1,3 +1,50 @@
+## 17.10.0 (2026-03-19)
+
+### 🚀 Features
+
+- **components,file-list:** localize delete button aria-label ([30410e821d](https://github.com/migrationsverket/midas/commit/30410e821d))
+- **components,docs:** add FileList component ([dae5f056c2](https://github.com/migrationsverket/midas/commit/dae5f056c2))
+- **components,color-scheme-switch:** deprecate defaultValue in favor of defaultScheme ([1c48d0b7f1](https://github.com/migrationsverket/midas/commit/1c48d0b7f1))
+
+### 🩹 Fixes
+
+- **components,file-list:** remove id prop from FileListItem ([688bb0b04a](https://github.com/migrationsverket/midas/commit/688bb0b04a))
+- **components,file-list:** don't forward id to li element ([214378b006](https://github.com/migrationsverket/midas/commit/214378b006))
+- **components,file-list:** correct font size and weight tokens for file name and size ([0ae7b21451](https://github.com/migrationsverket/midas/commit/0ae7b21451))
+- **components,color-scheme-switch:** show focus ring on selected button ([b112b5f823](https://github.com/migrationsverket/midas/commit/b112b5f823))
+
+### 🏭 Refactoring
+
+- **components,docs,file-list:** replace GridList with plain list ([6046308cb3](https://github.com/migrationsverket/midas/commit/6046308cb3))
+
+### 🔧 Maintenance
+
+- **components,docs,file-list:** remove leftover id props from docs, spec and playground ([4439e37443](https://github.com/migrationsverket/midas/commit/4439e37443))
+- **components,file-list:** remove id prop from stories ([0fb0bba495](https://github.com/migrationsverket/midas/commit/0fb0bba495))
+- **components,file-list:** fix trailing blank line in css ([39b8525728](https://github.com/migrationsverket/midas/commit/39b8525728))
+- **components,file-list:** fix empty interface lint error ([405d702ee9](https://github.com/migrationsverket/midas/commit/405d702ee9))
+- **components,file-list:** fix lint errors ([d175b49ea4](https://github.com/migrationsverket/midas/commit/d175b49ea4))
+- **components,color-scheme-switch:** fix button sizing and selected state styles ([fe5b1dc132](https://github.com/migrationsverket/midas/commit/fe5b1dc132))
+- **components,color-scheme-switch:** replace hardcoded padding with space token ([3f29552fe2](https://github.com/migrationsverket/midas/commit/3f29552fe2))
+
+## 17.9.0 (2026-03-19)
+
+### 🚀 Features
+
+- **components,search-field:** deprecate built-in submit button, fix a11y ([717b9b34ab](https://github.com/migrationsverket/midas/commit/717b9b34ab))
+
+### 🩹 Fixes
+
+- **components,search-field:** make built-in button non-breaking, add future flag ([4c6a0b985e](https://github.com/migrationsverket/midas/commit/4c6a0b985e))
+
+### 🏭 Refactoring
+
+- **components,search-field:** rebuild on RAC SearchField component ([86de78182e](https://github.com/migrationsverket/midas/commit/86de78182e))
+
+### 📖 Documentation changes
+
+- **components,search-field:** link v18 tracking issue from showButton JSDoc ([51c90e03b7](https://github.com/migrationsverket/midas/commit/51c90e03b7))
+
 ## 17.8.3 (2026-03-18)
 
 ### 🔧 Maintenance

package/assets/ColorSchemeSwitch.css

@@ -1 +1 @@
-._button_1dy1i_1{padding:.685rem}
+._button_1r8vq_1{padding:calc(var(--midas-space-60) - 1px);position:relative}._button_1r8vq_1[data-selected]:not([data-focus-visible]){box-shadow:none}._button_1r8vq_1[data-focus-visible]{box-shadow:var(--midas-state-focus)}._selectionIndicator_1r8vq_14{background-color:var(--midas-border-color-tertiary);bottom:0;height:2px;left:0;position:absolute;right:0;transition:translate var(--midas-transition-duration-fast) ease}

package/assets/FileListItem.css

@@ -0,0 +1 @@
+._fileList_1jd3b_1{display:flex;flex-direction:column;gap:var(--midas-space-small);list-style:none;margin:0;padding:0}._fileListItem_1jd3b_10{align-items:center;background-color:var(--midas-layer-01-base);box-sizing:border-box;display:flex;font-family:var(--midas-typography-font-family);height:var(--midas-size-control);padding-inline-start:var(--midas-space-medium)}._fileInfo_1jd3b_20{align-items:baseline;display:flex;flex:1;gap:var(--midas-space-small);min-width:0}._fileName_1jd3b_28{color:var(--midas-text-primary);font-size:var(--midas-typography-font-size-30);font-weight:var(--midas-typography-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileSize_1jd3b_37{color:var(--midas-text-secondary);flex-shrink:0;font-size:var(--midas-typography-font-size-30)}._deleteButton_1jd3b_43{color:var(--midas-icon-primary);flex-shrink:0}

package/assets/SearchField.css

@@ -1 +1 @@
-._container_19q7q_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary)}._container_19q7q_1[data-disabled=true]{cursor:not-allowed}._inner_19q7q_10{display:flex;width:100%}._inputContainer_19q7q_15{display:flex;position:relative;height:var(--midas-size-control);width:100%}._inputContainer_19q7q_15._medium_19q7q_21{height:var(--midas-size-control-md)}._icon_19q7q_26{color:var(--midas-icon-primary);position:absolute;margin-left:.875rem;left:0;top:50%;transform:translateY(-50%)}@media(forced-colors:active){._icon_19q7q_26{stroke:canvastext}}._clear_19q7q_39{display:flex;align-items:center;position:absolute;padding:.875rem;border:none;right:0;top:50%;transform:translateY(-50%);background-color:transparent}._clear_19q7q_39._medium_19q7q_21{height:var(--midas-size-control-md);padding:.625rem .875rem}._input_19q7q_15{all:unset;color:var(--midas-text-primary);box-sizing:border-box;line-height:1rem;appearance:none;background-color:var(--midas-field-01-base);width:100%;height:var(--midas-size-control);padding:var(--midas-space-70) 0 var(--midas-space-70) var(--midas-space-150);border-bottom:1px solid var(--midas-border-color-primary)}@media(forced-colors:active){._input_19q7q_15{border:1px solid}}._input_19q7q_15._medium_19q7q_21{height:var(--midas-size-control-md);padding:var(--midas-space-50) 0 var(--midas-space-50) var(--midas-space-150)}._input_19q7q_15:focus-visible{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_19q7q_15:focus-visible{outline:3px solid highlight;outline-offset:2px}}._input_19q7q_15[aria-invalid=true]{border:2px solid var(--midas-support-border-warning)}._input_19q7q_15[data-disabled]{pointer-events:none}@media(forced-colors:active){._input_19q7q_15[data-disabled]{border:1px solid}}._input_19q7q_15::-webkit-search-decoration,._input_19q7q_15::-webkit-search-cancel-button,._input_19q7q_15::-webkit-search-results-button,._input_19q7q_15::-webkit-search-results-decoration{-webkit-appearance:none}
+._container_1msv3_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary)}._container_1msv3_1[data-disabled]{cursor:not-allowed}._inner_1msv3_10{display:flex;width:100%}._inputContainer_1msv3_15{display:flex;position:relative;height:var(--midas-size-control);width:100%}._inputContainer_1msv3_15._medium_1msv3_21{height:var(--midas-size-control-md)}._icon_1msv3_26{color:var(--midas-icon-primary);position:absolute;left:var(--midas-space-70);top:50%;transform:translateY(-50%)}@media(forced-colors:active){._icon_1msv3_26{stroke:canvastext}}._clear_1msv3_38{display:flex;align-items:center;position:absolute;padding:var(--midas-space-70);border:none;right:0;top:50%;transform:translateY(-50%);background-color:transparent}._clear_1msv3_38._medium_1msv3_21{height:var(--midas-size-control-md);padding:var(--midas-space-50) var(--midas-space-70)}._input_1msv3_15{all:unset;color:var(--midas-text-primary);box-sizing:border-box;line-height:var(--midas-typography-line-height-10);appearance:none;background-color:var(--midas-field-01-base);width:100%;height:var(--midas-size-control);padding:var(--midas-space-70) 0 var(--midas-space-70) var(--midas-space-150);border-bottom:1px solid var(--midas-border-color-primary)}@media(forced-colors:active){._input_1msv3_15{border:1px solid}}._input_1msv3_15._medium_1msv3_21{height:var(--midas-size-control-md);padding:var(--midas-space-50) 0 var(--midas-space-50) var(--midas-space-150)}._input_1msv3_15:focus-visible{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_1msv3_15:focus-visible{outline:3px solid highlight;outline-offset:2px}}._input_1msv3_15[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}._input_1msv3_15[data-disabled]{pointer-events:none;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}@media(forced-colors:active){._input_1msv3_15[data-disabled]{border:1px solid}}._input_1msv3_15::-webkit-search-decoration,._input_1msv3_15::-webkit-search-cancel-button,._input_1msv3_15::-webkit-search-results-button,._input_1msv3_15::-webkit-search-results-decoration{-webkit-appearance:none}

package/chunks/ColorSchemeSwitch-Bp3PSGkA.js

@@ -0,0 +1,113 @@
+'use client';
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { VisuallyHidden as r } from "react-aria";
+import { SelectionIndicator as l } from "react-aria-components";
+import { a as k, T as i } from "./ToggleButtonGroup-DRnEEi5-.js";
+import { c as d } from "./createLucideIcon-CP-mMPfa.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ColorSchemeSwitch.css';const M = [
+  [
+    "path",
+    {
+      d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
+      key: "1pdavp"
+    }
+  ],
+  ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
+], S = d("laptop", M);
+const _ = [
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
+], N = d("moon", _);
+const v = [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+], I = d("sun", v), b = "_button_1r8vq_1", j = "_selectionIndicator_1r8vq_14", t = {
+  button: b,
+  selectionIndicator: j
+}, w = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, x = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, L = {
+  en: w,
+  sv: x
+}, $ = ({
+  selector: c = ":root",
+  defaultScheme: p = "light dark",
+  defaultValue: y,
+  className: g
+}) => {
+  const [n, u] = h.useState(
+    y ?? /* @__PURE__ */ new Set([p])
+  );
+  h.useEffect(() => {
+    const o = document.querySelector(c);
+    if (o) {
+      const m = Array.from(n).join(" ");
+      o.style.removeProperty("color-scheme"), m === "light dark" ? delete o.dataset.colorScheme : o.dataset.colorScheme = m;
+    } else
+      console.warn(`No element found for selector: "${c}"`);
+  }, [n, c]);
+  const a = f(L);
+  return /* @__PURE__ */ s(
+    k,
+    {
+      selectionMode: "single",
+      selectedKeys: n,
+      onSelectionChange: u,
+      disallowEmptySelection: !0,
+      className: g,
+      children: [
+        /* @__PURE__ */ s(
+          i,
+          {
+            id: "light dark",
+            className: t.button,
+            children: [
+              /* @__PURE__ */ e(S, {}),
+              /* @__PURE__ */ e(r, { children: a.format("system") }),
+              /* @__PURE__ */ e(l, { className: t.selectionIndicator })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          i,
+          {
+            id: "light",
+            className: t.button,
+            children: [
+              /* @__PURE__ */ e(I, {}),
+              /* @__PURE__ */ e(r, { children: a.format("lightMode") }),
+              /* @__PURE__ */ e(l, { className: t.selectionIndicator })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          i,
+          {
+            id: "dark",
+            className: t.button,
+            children: [
+              /* @__PURE__ */ e(N, {}),
+              /* @__PURE__ */ e(r, { children: a.format("darkMode") }),
+              /* @__PURE__ */ e(l, { className: t.selectionIndicator })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as C
+};

package/chunks/FileListItem-CKF9HPjw.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { B as c } from "./Button-GCROAMSl.js";
+import { c as m } from "./createLucideIcon-CP-mMPfa.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/FileListItem.css';const d = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], _ = m("trash-2", d), h = "_fileList_1jd3b_1", p = "_fileListItem_1jd3b_10", u = "_fileInfo_1jd3b_20", L = "_fileName_1jd3b_28", v = "_fileSize_1jd3b_37", j = "_deleteButton_1jd3b_43", e = {
+  fileList: h,
+  fileListItem: p,
+  fileInfo: u,
+  fileName: L,
+  fileSize: v,
+  deleteButton: j
+}, M = ({ className: s, children: i, ...o }) => /* @__PURE__ */ t(
+  "ul",
+  {
+    ...o,
+    className: l(e.fileList, s),
+    children: i
+  }
+), I = { removeFile: "Remove" }, N = { removeFile: "Ta bort" }, b = {
+  en: I,
+  sv: N
+}, x = ({
+  fileName: s,
+  fileSize: i,
+  onDelete: o,
+  className: n
+}) => {
+  const r = f(b);
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      className: l(e.fileListItem, n),
+      children: [
+        /* @__PURE__ */ a("span", { className: e.fileInfo, children: [
+          /* @__PURE__ */ t("span", { className: e.fileName, children: s }),
+          i && /* @__PURE__ */ t("span", { className: e.fileSize, children: i })
+        ] }),
+        o && /* @__PURE__ */ t(
+          c,
+          {
+            variant: "icon",
+            onPress: o,
+            "aria-label": `${r.format("removeFile")} ${s}`,
+            className: e.deleteButton,
+            children: /* @__PURE__ */ t(
+              _,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  M as F,
+  x as a
+};

package/chunks/SearchField-VIMb28RB.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as i, jsxs as s, Fragment as F } from "react/jsx-runtime";
+import { useSlottedContext as j, FormContext as N, SearchField as g, Input as y } from "react-aria-components";
+import { s as B } from "./TextField.module-BDIbEV87.js";
+import { B as u } from "./Button-GCROAMSl.js";
+import { c as o } from "./clsx-AexbMWKp.js";
+import { F as h } from "./FieldError-krpMBtie.js";
+import { c as C } from "./createLucideIcon-CP-mMPfa.js";
+import { X as k } from "./x-B9bYxG31.js";
+import { u as I } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/SearchField.css';const D = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], E = C("search", D), L = "_container_1msv3_1", T = "_inner_1msv3_10", V = "_inputContainer_1msv3_15", $ = "_medium_1msv3_21", w = "_icon_1msv3_26", O = "_clear_1msv3_38", P = "_input_1msv3_15", n = {
+  container: L,
+  inner: T,
+  inputContainer: V,
+  medium: $,
+  icon: w,
+  clear: O,
+  input: P
+}, X = { search: "Search" }, q = { search: "Sök" }, A = {
+  en: X,
+  sv: q
+};
+function G(a) {
+  return !!a?.length;
+}
+const z = ({
+  errorPosition: a = "top",
+  size: r = "large",
+  showButton: _,
+  className: v,
+  errorMessage: m,
+  placeholder: l,
+  validationBehavior: f,
+  ...e
+}) => {
+  const S = I(A), b = j(N), p = f ?? b?.validationBehavior ?? "aria", x = _ !== !1, d = (t) => {
+    !t || e.isInvalid || e.validate && G(e.validate(t)) || e.onSubmit?.(t);
+  };
+  return /* @__PURE__ */ i(
+    g,
+    {
+      ...e,
+      onSubmit: d,
+      "aria-label": e["aria-label"] ?? l,
+      className: o(n.container, v),
+      validationBehavior: p,
+      children: ({ state: t }) => /* @__PURE__ */ s(F, { children: [
+        a === "top" && /* @__PURE__ */ i(h, { children: ({ validationErrors: c }) => m ?? c.join(" ") }),
+        /* @__PURE__ */ s("div", { className: n.inner, children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: o(n.inputContainer, {
+                [n.medium]: r === "medium"
+              }),
+              children: [
+                /* @__PURE__ */ i(
+                  E,
+                  {
+                    size: 20,
+                    className: n.icon
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  y,
+                  {
+                    placeholder: l,
+                    className: o(
+                      B.input,
+                      n.input,
+                      { [n.medium]: r === "medium" }
+                    )
+                  }
+                ),
+                t.value.length > 0 && /* @__PURE__ */ i(
+                  u,
+                  {
+                    variant: "icon",
+                    size: r,
+                    className: o(n.clear, {
+                      [n.medium]: r === "medium"
+                    }),
+                    children: /* @__PURE__ */ i(
+                      k,
+                      {
+                        size: 20,
+                        "aria-hidden": !0
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          x && /* @__PURE__ */ i(
+            u,
+            {
+              slot: null,
+              excludeFromTabOrder: !0,
+              size: r,
+              isDisabled: e.isDisabled,
+              type: "button",
+              onPress: () => d(t.value),
+              children: e.buttonText ?? S.format("search")
+            }
+          )
+        ] }),
+        a === "bottom" && /* @__PURE__ */ i(h, { children: ({ validationErrors: c }) => m ?? c.join(" ") })
+      ] })
+    }
+  );
+};
+export {
+  z as S
+};

package/color-scheme-switch/ColorSchemeSwitch.d.ts

@@ -1,14 +1,18 @@
 import * as React from 'react';
+export type ColorScheme = 'light' | 'dark' | 'light dark';
 export interface ColorSchemeSwitchProps {
-    /** Choose what element that should be affected by the scheme switch.
-     * @default :root
+    /** The CSS selector for the element to apply the color scheme to.
+     * @default ':root'
      */
     selector?: string;
-    /** Set the default value for the color scheme. Default is "light dark" meaning follow system settings
-     *
-     * @default new Set(['light dark'])
+    /** The default color scheme. Use `'light dark'` to follow the system setting.
+     * @default 'light dark'
      */
-    defaultValue?: Set<'light' | 'dark' | 'light dark'>;
+    defaultScheme?: ColorScheme;
+    /**
+     * @deprecated since v17.9.0 Use `defaultScheme` instead.
+     */
+    defaultValue?: Set<ColorScheme>;
     className?: string;
 }
 export declare const ColorSchemeSwitch: React.FC<ColorSchemeSwitchProps>;

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-gD9pFu9h.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-Bp3PSGkA.js";
 export {
   r as ColorSchemeSwitch
 };

package/file-list/FileList.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type FileListProps = HTMLAttributes<HTMLUListElement>;
+export declare const FileList: ({ className, children, ...props }: FileListProps) => import("react/jsx-runtime").JSX.Element;

package/file-list/FileList.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+import { FileList } from './FileList';
+type Story = StoryObj<typeof FileList>;
+declare const _default: {
+    component: ({ className, children, ...props }: import('./FileList').FileListProps) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        FileListItem: ({ fileName, fileSize, onDelete, className, }: import('./FileListItem').FileListItemProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    title: string;
+    tags: string[];
+    args: {
+        'aria-label': string;
+    };
+    render: (args: import('./FileList').FileListProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Default: Story;
+export declare const WithoutFileSize: Story;
+export declare const Empty: Story;

package/file-list/FileListItem.d.ts

@@ -0,0 +1,7 @@
+export interface FileListItemProps {
+    fileName: string;
+    fileSize?: string;
+    onDelete?: () => void;
+    className?: string;
+}
+export declare const FileListItem: ({ fileName, fileSize, onDelete, className, }: FileListItemProps) => import("react/jsx-runtime").JSX.Element;

package/file-list/index.d.ts

@@ -0,0 +1,4 @@
+export { FileList } from './FileList';
+export type { FileListProps } from './FileList';
+export { FileListItem } from './FileListItem';
+export type { FileListItemProps } from './FileListItem';

package/file-list/index.js

@@ -0,0 +1,5 @@
+import { F as s, a as t } from "../chunks/FileListItem-CKF9HPjw.js";
+export {
+  s as FileList,
+  t as FileListItem
+};

package/file-list/intl/translations.json.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+  "en": {
+    "removeFile": "Remove"
+  },
+  "sv": {
+    "removeFile": "Ta bort"
+  }
+}
+;
+
+export default _default;

package/index.d.ts

@@ -12,6 +12,7 @@ export * from './common/types';
 export * from './date-field';
 export * from './date-picker';
 export * from './field-error';
+export * from './file-list';
 export * from './file-upload';
 export * from './grid';
 export * from './heading';

package/index.js

@@ -1,55 +1,56 @@
 'use client';
 import { A as s, a as p } from "./chunks/AccordionItem-DHhQDd6o.js";
 import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
-import { B as f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
-import { B as c } from "./chunks/Button-GCROAMSl.js";
-import { B as l } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C, R as L } from "./chunks/RangeCalendar-DL6cCjH3.js";
-import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-CVwiT9zm.js";
-import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
+import { B as n, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
+import { B as l } from "./chunks/Button-GCROAMSl.js";
+import { B as g } from "./chunks/ButtonGroup-Dr6HOBo2.js";
+import { C as L, R as C } from "./chunks/RangeCalendar-DL6cCjH3.js";
+import { C as b, a as S, b as I, c as D, d as F, e as R, f as G } from "./chunks/Card-CVwiT9zm.js";
+import { C as k } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-DSW-_Qpm.js";
 import { C as h } from "./chunks/CheckboxGroup-DteJIgnR.js";
-import { C as y } from "./chunks/ColorSchemeSwitch-gD9pFu9h.js";
+import { C as y } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
 import { C as N } from "./chunks/ComboBox-BEUfJ6IN.js";
 import { D as z } from "./chunks/DateField-Bwis4G2o.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
 import { D as q, a as J } from "./chunks/DateRangePicker-5E41DzGI.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
-import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
-import { G as $ } from "./chunks/Grid-CettmpaZ.js";
-import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
-import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
-import { I as so } from "./chunks/InfoBanner-CWLvkP6D.js";
-import { L as xo } from "./chunks/Label-Cg0aAlnt.js";
-import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-BLP0HVR-.js";
-import { L as lo } from "./chunks/Link-CyY3-8M8.js";
-import { L as Co } from "./chunks/LinkButton-DWKAbxXF.js";
-import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
-import { M as Do } from "./chunks/Dialog-BSWBlyJI.js";
-import { P as Ro } from "./chunks/Popover-CjEPHe4A.js";
-import { P as Po } from "./chunks/ProgressBar-CBz_dIOH.js";
-import { R as vo, a as Fo } from "./chunks/Radio-CRHdSthr.js";
-import { S as Ao } from "./chunks/SearchField-C_wD8YuG.js";
-import { S as Ho } from "./chunks/Select-C01v_D--.js";
-import { S as Eo } from "./chunks/Skeleton-tiP1Syzf.js";
-import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
-import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-BpVSZ3aM.js";
-import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
-import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-DPFh8qHR.js";
-import { T as ra } from "./chunks/Text-D0r_W4lH.js";
-import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-C7l7_Kof.js";
-import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-BFq_0Ue4.js";
-import { T as ga, a as la } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
-import { T as Ca, a as La } from "./chunks/Tooltip-BYEaNkZG.js";
-import { L as ba } from "./chunks/ListBox-CRtyHPj1.js";
-import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-DIxY1gOH.js";
-import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-D6Jvy1WT.js";
-import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CDRwpeHz.js";
-import { c as wa } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
-import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as Ja } from "react-stately";
-const o = "17.8.3", a = {
+import { F as X, a as Y } from "./chunks/FileListItem-CKF9HPjw.js";
+import { D as $, F as oo } from "./chunks/FileUpload-Cu8DCSjX.js";
+import { G as ro } from "./chunks/Grid-CettmpaZ.js";
+import { G as to } from "./chunks/GridItem-z7zclNdT.js";
+import { H as po } from "./chunks/Heading-nfcRc2QF.js";
+import { I as mo } from "./chunks/InfoBanner-CWLvkP6D.js";
+import { L as fo } from "./chunks/Label-Cg0aAlnt.js";
+import { H as To, L as lo, N as co, S as go, a as uo } from "./chunks/Layout-BLP0HVR-.js";
+import { L as Co } from "./chunks/Link-CyY3-8M8.js";
+import { L as bo } from "./chunks/LinkButton-DWKAbxXF.js";
+import { L as Io, a as Do } from "./chunks/Logo-DDykn5b2.js";
+import { M as Ro } from "./chunks/Dialog-BSWBlyJI.js";
+import { P as Po } from "./chunks/Popover-CjEPHe4A.js";
+import { P as vo } from "./chunks/ProgressBar-CBz_dIOH.js";
+import { R as Ao, a as ho } from "./chunks/Radio-CRHdSthr.js";
+import { S as yo } from "./chunks/SearchField-VIMb28RB.js";
+import { S as No } from "./chunks/Select-C01v_D--.js";
+import { S as zo } from "./chunks/Skeleton-tiP1Syzf.js";
+import { S as Qo } from "./chunks/Spinner-CfKMn18u.js";
+import { C as Zo, a as jo, R as qo, T as Jo, b as Ko, c as Uo } from "./chunks/Table-BpVSZ3aM.js";
+import { T as Xo, a as Yo, b as _o, c as $o } from "./chunks/TabList-CJSnr6O0.js";
+import { T as aa, a as ra, b as ea } from "./chunks/TagGroup-DPFh8qHR.js";
+import { T as sa } from "./chunks/Text-D0r_W4lH.js";
+import { I as xa, T as ma, a as ia, b as fa } from "./chunks/TextArea-C7l7_Kof.js";
+import { G as da, T as Ta, a as la, b as ca, t as ga } from "./chunks/Toast-BFq_0Ue4.js";
+import { T as La, a as Ca } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
+import { T as ba, a as Sa } from "./chunks/Tooltip-BYEaNkZG.js";
+import { L as Da } from "./chunks/ListBox-CRtyHPj1.js";
+import { L as Ra, a as Ga, b as Pa, c as ka, d as va } from "./chunks/ListBoxHeader-DIxY1gOH.js";
+import { L as Aa, a as ha } from "./chunks/ListBoxEmptyState-D6Jvy1WT.js";
+import { M as ya, a as Ea, b as Na, c as wa, S as za } from "./chunks/Separator-CDRwpeHz.js";
+import { c as Qa } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Za, MenuTrigger as ja, RouterProvider as qa } from "react-aria-components";
+import { u as Ka } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as Wa } from "react-stately";
+const o = "17.10.0", a = {
   version: o
 }, r = a.version;
 export {
@@ -57,24 +58,24 @@ export {
   p as AccordionItem,
   m as Badge,
   i as BadgeContainer,
-  f as Breadcrumb,
+  n as Breadcrumb,
   d as Breadcrumbs,
-  c as Button,
-  l as ButtonGroup,
-  C as Calendar,
+  l as Button,
+  g as ButtonGroup,
+  L as Calendar,
   b as Card,
   S as CardActionArea,
-  D as CardActions,
-  I as CardContent,
-  R as CardImage,
-  G as CardLink,
-  P as CardTitle,
-  Oo as Cell,
-  v as CharacterCounter,
+  I as CardActions,
+  D as CardContent,
+  F as CardImage,
+  R as CardLink,
+  G as CardTitle,
+  Zo as Cell,
+  k as CharacterCounter,
   M as Checkbox,
   h as CheckboxGroup,
   y as ColorSchemeSwitch,
-  Qo as Column,
+  jo as Column,
   N as ComboBox,
   z as DateField,
   Q as DateInput,
@@ -82,76 +83,78 @@ export {
   q as DatePicker,
   J as DateRangePicker,
   Z as DateSegment,
-  Oa as DialogTrigger,
-  X as DropZone,
+  Za as DialogTrigger,
+  $ as DropZone,
   U as FieldError,
-  Y as FileTrigger,
-  ia as GlobalToastRegion,
-  $ as Grid,
-  ao as GridItem,
-  io as Header,
-  eo as Heading,
-  so as InfoBanner,
-  ta as Input,
-  xo as Label,
-  no as Layout,
-  lo as Link,
-  Co as LinkButton,
-  ba as ListBox,
-  Da as ListBoxButton,
-  va as ListBoxEmptyState,
-  Ia as ListBoxHeader,
-  Ra as ListBoxItem,
-  Ga as ListBoxLoadMoreItem,
-  Fa as ListBoxPopover,
-  Pa as ListBoxSection,
-  Bo as Logo,
-  bo as LogoContext,
-  Aa as Menu,
-  ha as MenuItem,
-  Ha as MenuPopover,
-  ya as MenuSection,
-  Qa as MenuTrigger,
-  Do as Modal,
-  fo as Navbar,
-  Ro as Popover,
-  Po as ProgressBar,
-  vo as Radio,
-  Fo as RadioGroup,
-  L as RangeCalendar,
-  Va as RouterProvider,
-  Vo as Row,
-  Ao as SearchField,
-  Ho as Select,
-  Ea as Separator,
-  To as Sidebar,
-  co as SidebarLink,
-  Eo as Skeleton,
-  wo as Spinner,
-  Ko as Tab,
-  Uo as TabList,
-  Wo as TabPanel,
-  Zo as Table,
-  jo as TableBody,
-  qo as TableHeader,
-  Xo as Tabs,
-  _o as Tag,
-  $o as TagGroup,
-  oa as TagList,
-  ra as Text,
-  sa as TextArea,
-  pa as TextField,
-  xa as TextFieldBase,
-  na as Toast,
-  fa as ToastProvider,
-  da as ToastRegion,
-  ga as ToggleButton,
-  la as ToggleButtonGroup,
-  Ca as Tooltip,
-  La as TooltipTrigger,
+  X as FileList,
+  Y as FileListItem,
+  oo as FileTrigger,
+  da as GlobalToastRegion,
+  ro as Grid,
+  to as GridItem,
+  To as Header,
+  po as Heading,
+  mo as InfoBanner,
+  xa as Input,
+  fo as Label,
+  lo as Layout,
+  Co as Link,
+  bo as LinkButton,
+  Da as ListBox,
+  Ra as ListBoxButton,
+  Aa as ListBoxEmptyState,
+  Ga as ListBoxHeader,
+  Pa as ListBoxItem,
+  ka as ListBoxLoadMoreItem,
+  ha as ListBoxPopover,
+  va as ListBoxSection,
+  Io as Logo,
+  Do as LogoContext,
+  ya as Menu,
+  Ea as MenuItem,
+  Na as MenuPopover,
+  wa as MenuSection,
+  ja as MenuTrigger,
+  Ro as Modal,
+  co as Navbar,
+  Po as Popover,
+  vo as ProgressBar,
+  Ao as Radio,
+  ho as RadioGroup,
+  C as RangeCalendar,
+  qa as RouterProvider,
+  qo as Row,
+  yo as SearchField,
+  No as Select,
+  za as Separator,
+  go as Sidebar,
+  uo as SidebarLink,
+  zo as Skeleton,
+  Qo as Spinner,
+  Xo as Tab,
+  Yo as TabList,
+  _o as TabPanel,
+  Jo as Table,
+  Ko as TableBody,
+  Uo as TableHeader,
+  $o as Tabs,
+  aa as Tag,
+  ra as TagGroup,
+  ea as TagList,
+  sa as Text,
+  ma as TextArea,
+  ia as TextField,
+  fa as TextFieldBase,
+  Ta as Toast,
+  la as ToastProvider,
+  ca as ToastRegion,
+  La as ToggleButton,
+  Ca as ToggleButtonGroup,
+  ba as Tooltip,
+  Sa as TooltipTrigger,
   r as VERSION,
-  wa as clsx,
-  Ta as toastQueue,
-  ja as useLocalizedStringFormatter,
-  Ja as useToastState
+  Qa as clsx,
+  ga as toastQueue,
+  Ka as useLocalizedStringFormatter,
+  Wa as useToastState
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.8.3",
+  "version": "17.10.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/search-field/SearchField.d.ts

@@ -1,13 +1,31 @@
 import { SearchFieldProps as AriaSearchFieldProps } from 'react-aria-components';
 import { Size } from '../common/types';
 import * as React from 'react';
-export interface SearchFieldProps extends AriaSearchFieldProps {
+export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'children'> {
     /** Placeholder text */
     placeholder: string;
     /**
-     *  Text displayed on the 'search' button
-     *  @default
-     *  'Sök'
+     * Whether to render a built-in submit button.
+     *
+     * **Future flag:** pass `showButton={false}` to opt into the v18 default today.
+     * In v18 the button will no longer be shown by default — compose your own `Button`
+     * outside `SearchField` instead. This prop will be removed in v18.
+     *
+     * @see https://github.com/migrationsverket/midas/issues/1109
+     *
+     * @example
+     * // Opt into v18 behavior now:
+     * <SearchField placeholder="Sök" onSubmit={handleSubmit} />
+     * <Button onPress={() => handleSubmit(value)}>Sök</Button>
+     *
+     * @default true
+     */
+    showButton?: boolean;
+    /**
+     * Text displayed on the built-in submit button.
+     *
+     * @deprecated since v17.9.0 — use your own `Button` instead. See `showButton`.
+     * @default 'Sök'
      */
     buttonText?: string;
     /**

package/search-field/SearchField.stories.d.ts

@@ -9,14 +9,23 @@ declare const _default: {
         layout: string;
     };
     args: {
-        buttonText: string;
         errorPosition: "top";
         className: string;
         size: "large";
     };
 };
 export default _default;
+/**
+ * Default behavior in v17 — the built-in submit button is shown.
+ * The button is not in the tab order; use Enter to submit or click the button.
+ */
 export declare const Primary: Story;
 export declare const CustomValidation: Story;
 export declare const Invalid: Story;
 export declare const Disabled: Story;
+/**
+ * Future default in v18 — opt in today with `showButton={false}`.
+ * Compose your own `Button` outside `SearchField` for explicit submit.
+ * Enter still works for keyboard submission.
+ */
+export declare const WithoutButton: Story;

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/SearchField-C_wD8YuG.js";
+import { S as a } from "../chunks/SearchField-VIMb28RB.js";
 export {
   a as SearchField
 };

package/chunks/ColorSchemeSwitch-gD9pFu9h.js

@@ -1,105 +0,0 @@
-'use client';
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { VisuallyHidden as c } from "react-aria";
-import { a as g, T as r } from "./ToggleButtonGroup-DRnEEi5-.js";
-import { c as l } from "./createLucideIcon-CP-mMPfa.js";
-import { u } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ColorSchemeSwitch.css';const k = [
-  [
-    "path",
-    {
-      d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
-      key: "1pdavp"
-    }
-  ],
-  ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
-], f = l("laptop", k);
-const M = [
-  [
-    "path",
-    {
-      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-      key: "kfwtm"
-    }
-  ]
-], S = l("moon", M);
-const _ = [
-  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
-  ["path", { d: "M12 2v2", key: "tus03m" }],
-  ["path", { d: "M12 20v2", key: "1lh1kg" }],
-  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
-  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
-  ["path", { d: "M2 12h2", key: "1t8f8n" }],
-  ["path", { d: "M20 12h2", key: "1q8mjw" }],
-  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
-  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], b = l("sun", _), v = "_button_1dy1i_1", d = {
-  button: v
-}, N = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, j = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, w = {
-  en: N,
-  sv: j
-}, H = ({
-  selector: s = ":root",
-  defaultValue: h = /* @__PURE__ */ new Set(["light dark"]),
-  className: p
-}) => {
-  const [n, y] = m.useState(h);
-  m.useEffect(() => {
-    const t = document.querySelector(s);
-    if (t) {
-      const i = Array.from(n).join(" ");
-      t.style.removeProperty("color-scheme"), i === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = i;
-    } else
-      console.warn(`No element found for selector: "${s}"`);
-  }, [n, s]);
-  const a = u(w);
-  return /* @__PURE__ */ o(
-    g,
-    {
-      selectionMode: "single",
-      selectedKeys: n,
-      onSelectionChange: y,
-      disallowEmptySelection: !0,
-      className: p,
-      children: [
-        /* @__PURE__ */ o(
-          r,
-          {
-            id: "light dark",
-            className: d.button,
-            children: [
-              /* @__PURE__ */ e(f, {}),
-              /* @__PURE__ */ e(c, { children: a.format("system") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          r,
-          {
-            id: "light",
-            className: d.button,
-            children: [
-              /* @__PURE__ */ e(b, {}),
-              /* @__PURE__ */ e(c, { children: a.format("lightMode") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          r,
-          {
-            id: "dark",
-            className: d.button,
-            children: [
-              /* @__PURE__ */ e(S, {}),
-              /* @__PURE__ */ e(c, { children: a.format("darkMode") })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  H as C
-};

package/chunks/SearchField-C_wD8YuG.js

@@ -1,128 +0,0 @@
-'use client';
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { s as y } from "./TextField.module-BDIbEV87.js";
-import { B as C } from "./Button-GCROAMSl.js";
-import { C as F } from "./ClearButton-DkC8PIMi.js";
-import { c as l } from "./clsx-AexbMWKp.js";
-import * as N from "react";
-import { useSearchFieldState as x } from "react-stately";
-import { useSearchField as j } from "react-aria";
-import { F as f } from "./FieldError-krpMBtie.js";
-import { c as p } from "./createLucideIcon-CP-mMPfa.js";
-import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/SearchField.css';const D = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], E = p("search", D), k = "_container_19q7q_1", P = "_inner_19q7q_10", T = "_inputContainer_19q7q_15", w = "_medium_19q7q_21", I = "_icon_19q7q_26", K = "_clear_19q7q_39", L = "_input_19q7q_15", n = {
-  container: k,
-  inner: P,
-  inputContainer: T,
-  medium: w,
-  icon: I,
-  clear: K,
-  input: L
-}, M = { search: "Search" }, R = { search: "Sök" }, V = {
-  en: M,
-  sv: R
-};
-function O(r) {
-  return !!r?.length;
-}
-const Z = ({
-  errorPosition: r = "top",
-  size: i = "large",
-  ...e
-}) => {
-  const { value: t, setValue: m } = x(e), b = B(V), d = N.useRef(null), { inputProps: o, isInvalid: c, validationErrors: h, clearButtonProps: q } = j(
-    {
-      ...e,
-      label: e.placeholder,
-      validationBehavior: "native"
-    },
-    { value: t, setValue: m },
-    d
-  ), v = ({ target: s }) => m(s.value), S = () => m(""), _ = () => {
-    if (e.validate && O(e.validate(t)) || c || !t) {
-      d.current?.focus();
-      return;
-    }
-    e.onSubmit && e.onSubmit(t);
-  }, g = ({ key: s }) => {
-    s === "Enter" && _();
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: l(n.container, e.className),
-      "data-disabled": o.disabled,
-      children: [
-        r === "top" && /* @__PURE__ */ a(f, { isInvalid: c, children: e.errorMessage ?? h.join(" ") }),
-        /* @__PURE__ */ u("div", { className: n.inner, children: [
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: l(n.inputContainer, {
-                [n.medium]: i === "medium"
-              }),
-              children: [
-                /* @__PURE__ */ a(
-                  E,
-                  {
-                    size: 20,
-                    className: n.icon
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    ...o,
-                    ...o.disabled && { "data-disabled": !0 },
-                    className: l(
-                      y.input,
-                      n.input,
-                      o.className,
-                      { [n.medium]: i === "medium" }
-                    ),
-                    ref: d,
-                    onChange: v,
-                    value: t,
-                    "aria-invalid": c,
-                    onKeyDown: g,
-                    "aria-label": e.placeholder,
-                    "aria-labelledby": ""
-                  }
-                ),
-                t.length > 0 && /* @__PURE__ */ a(
-                  F,
-                  {
-                    ...q,
-                    onPress: S,
-                    size: i,
-                    className: l(n.clear, {
-                      [n.medium]: i === "medium"
-                    })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ a(
-            C,
-            {
-              size: i,
-              isDisabled: e.isDisabled,
-              excludeFromTabOrder: !0,
-              onPress: _,
-              type: "button",
-              children: e.buttonText ? e.buttonText : b.format("search")
-            }
-          )
-        ] }),
-        r === "bottom" && /* @__PURE__ */ a(f, { isInvalid: c, children: e.errorMessage ?? h.join(" ") })
-      ]
-    }
-  );
-};
-export {
-  Z as S
-};