@ultraviolet/ui 3.0.0-beta.20 → 3.0.0-beta.22

package/dist/components/Pagination/PerPage.cjs

@@ -2,15 +2,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const index$2 = require("../SelectInput/index.cjs");
 const index = require("../Stack/index.cjs");
 const index$1 = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 const optionsItemsPerPage = [{
   label: "10",
   value: "10"
@@ -24,19 +18,6 @@ const optionsItemsPerPage = [{
   label: "100",
   value: "100"
 }];
-const StyledSelectInput = /* @__PURE__ */ _styled__default.default(index$2.SelectInput, process.env.NODE_ENV === "production" ? {
-  target: "ehm0l0i0"
-} : {
-  target: "ehm0l0i0",
-  label: "StyledSelectInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1vwd1t",
-  styles: "width:fit-content;min-width:none"
-} : {
-  name: "1vwd1t",
-  styles: "width:fit-content;min-width:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGVyUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI2QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BlclBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCwgU2V0U3RhdGVBY3Rpb24gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbGVjdElucHV0IH0gZnJvbSAnLi4vU2VsZWN0SW5wdXQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IG9wdGlvbnNJdGVtc1BlclBhZ2UgPSBbXG4gIHtcbiAgICBsYWJlbDogJzEwJyxcbiAgICB2YWx1ZTogJzEwJyxcbiAgfSxcbiAge1xuICAgIGxhYmVsOiAnMjUnLFxuICAgIHZhbHVlOiAnMjUnLFxuICB9LFxuICB7XG4gICAgbGFiZWw6ICc1MCcsXG4gICAgdmFsdWU6ICc1MCcsXG4gIH0sXG4gIHtcbiAgICBsYWJlbDogJzEwMCcsXG4gICAgdmFsdWU6ICcxMDAnLFxuICB9LFxuXVxuXG5jb25zdCBTdHlsZWRTZWxlY3RJbnB1dCA9IHN0eWxlZChTZWxlY3RJbnB1dClgXG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWluLXdpZHRoOiBub25lO1xuYFxuXG50eXBlIFBlclBhZ2VQcm9wcyA9IHtcbiAgcGVyUGFnZTogbnVtYmVyXG4gIG9uQ2hhbmdlUGVyUGFnZT86IChwZXJQYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgcGVyUGFnZVRleHQ/OiBzdHJpbmdcbiAgc2V0UGVyUGFnZTogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248bnVtYmVyPj5cbiAgbnVtYmVyT2ZJdGVtc1RleHQ/OiBzdHJpbmdcbiAgcGFnZTogbnVtYmVyXG4gIG51bWJlck9mSXRlbXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGVyUGFnZSA9ICh7XG4gIHBlclBhZ2UsXG4gIG9uQ2hhbmdlUGVyUGFnZSxcbiAgcGVyUGFnZVRleHQsXG4gIHNldFBlclBhZ2UsXG4gIG51bWJlck9mSXRlbXNUZXh0LFxuICBwYWdlLFxuICBudW1iZXJPZkl0ZW1zLFxufTogUGVyUGFnZVByb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgaW50VmFsdWUgPSBOdW1iZXIucGFyc2VJbnQodmFsdWUsIDEwKVxuICAgIG9uQ2hhbmdlUGVyUGFnZT8uKGludFZhbHVlKVxuICAgIHNldFBlclBhZ2UoaW50VmFsdWUpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZGlyZWN0aW9uPVwicm93XCIgZ2FwPVwiMlwiPlxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgcHJvbWluZW5jZT1cIndlYWtcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlcIj5cbiAgICAgICAge3BlclBhZ2VUZXh0ID8/ICdJdGVtcyBwZXIgcGFnZSd9XG4gICAgICA8L1RleHQ+XG4gICAgICA8U3R5bGVkU2VsZWN0SW5wdXRcbiAgICAgICAgbmFtZT1cInNlbGVjdC1pdGVtcy1wZXItcGFnZVwiXG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgIG9wdGlvbnM9e29wdGlvbnNJdGVtc1BlclBhZ2V9XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHZhbHVlPXtwZXJQYWdlLnRvU3RyaW5nKCl9XG4gICAgICAvPlxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgcHJvbWluZW5jZT1cIndlYWtcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlcIj5cbiAgICAgICAgeyhwYWdlIC0gMSkgKiBwZXJQYWdlICsgMX0te01hdGgubWluKHBhZ2UgKiBwZXJQYWdlLCBudW1iZXJPZkl0ZW1zKX17JyAnfVxuICAgICAgICB7bnVtYmVyT2ZJdGVtc1RleHQgPz8gYG9mICR7bnVtYmVyT2ZJdGVtc30gaXRlbXNcImB9XG4gICAgICA8L1RleHQ+XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const PerPage = ({
   perPage,
   onChangePerPage,
@@ -53,7 +34,9 @@ const PerPage = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: "2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "body", children: perPageText ?? "Items per page" }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledSelectInput, { name: "select-items-per-page", onChange: handleChange, options: optionsItemsPerPage, size: "small", value: perPage.toString() }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$2.SelectInput, { name: "select-items-per-page", onChange: handleChange, options: optionsItemsPerPage, size: "small", style: {
+      width: "fit-content"
+    }, value: perPage.toString() }),
     /* @__PURE__ */ jsxRuntime.jsxs(index$1.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "body", children: [
       (page - 1) * perPage + 1,
       "-",

package/dist/components/Pagination/PerPage.js

@@ -1,12 +1,8 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { SelectInput } from "../SelectInput/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 const optionsItemsPerPage = [{
   label: "10",
   value: "10"
@@ -20,19 +16,6 @@ const optionsItemsPerPage = [{
   label: "100",
   value: "100"
 }];
-const StyledSelectInput = /* @__PURE__ */ _styled(SelectInput, process.env.NODE_ENV === "production" ? {
-  target: "ehm0l0i0"
-} : {
-  target: "ehm0l0i0",
-  label: "StyledSelectInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1vwd1t",
-  styles: "width:fit-content;min-width:none"
-} : {
-  name: "1vwd1t",
-  styles: "width:fit-content;min-width:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGVyUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI2QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BlclBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCwgU2V0U3RhdGVBY3Rpb24gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbGVjdElucHV0IH0gZnJvbSAnLi4vU2VsZWN0SW5wdXQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IG9wdGlvbnNJdGVtc1BlclBhZ2UgPSBbXG4gIHtcbiAgICBsYWJlbDogJzEwJyxcbiAgICB2YWx1ZTogJzEwJyxcbiAgfSxcbiAge1xuICAgIGxhYmVsOiAnMjUnLFxuICAgIHZhbHVlOiAnMjUnLFxuICB9LFxuICB7XG4gICAgbGFiZWw6ICc1MCcsXG4gICAgdmFsdWU6ICc1MCcsXG4gIH0sXG4gIHtcbiAgICBsYWJlbDogJzEwMCcsXG4gICAgdmFsdWU6ICcxMDAnLFxuICB9LFxuXVxuXG5jb25zdCBTdHlsZWRTZWxlY3RJbnB1dCA9IHN0eWxlZChTZWxlY3RJbnB1dClgXG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWluLXdpZHRoOiBub25lO1xuYFxuXG50eXBlIFBlclBhZ2VQcm9wcyA9IHtcbiAgcGVyUGFnZTogbnVtYmVyXG4gIG9uQ2hhbmdlUGVyUGFnZT86IChwZXJQYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgcGVyUGFnZVRleHQ/OiBzdHJpbmdcbiAgc2V0UGVyUGFnZTogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248bnVtYmVyPj5cbiAgbnVtYmVyT2ZJdGVtc1RleHQ/OiBzdHJpbmdcbiAgcGFnZTogbnVtYmVyXG4gIG51bWJlck9mSXRlbXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGVyUGFnZSA9ICh7XG4gIHBlclBhZ2UsXG4gIG9uQ2hhbmdlUGVyUGFnZSxcbiAgcGVyUGFnZVRleHQsXG4gIHNldFBlclBhZ2UsXG4gIG51bWJlck9mSXRlbXNUZXh0LFxuICBwYWdlLFxuICBudW1iZXJPZkl0ZW1zLFxufTogUGVyUGFnZVByb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgaW50VmFsdWUgPSBOdW1iZXIucGFyc2VJbnQodmFsdWUsIDEwKVxuICAgIG9uQ2hhbmdlUGVyUGFnZT8uKGludFZhbHVlKVxuICAgIHNldFBlclBhZ2UoaW50VmFsdWUpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZGlyZWN0aW9uPVwicm93XCIgZ2FwPVwiMlwiPlxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgcHJvbWluZW5jZT1cIndlYWtcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlcIj5cbiAgICAgICAge3BlclBhZ2VUZXh0ID8/ICdJdGVtcyBwZXIgcGFnZSd9XG4gICAgICA8L1RleHQ+XG4gICAgICA8U3R5bGVkU2VsZWN0SW5wdXRcbiAgICAgICAgbmFtZT1cInNlbGVjdC1pdGVtcy1wZXItcGFnZVwiXG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgIG9wdGlvbnM9e29wdGlvbnNJdGVtc1BlclBhZ2V9XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHZhbHVlPXtwZXJQYWdlLnRvU3RyaW5nKCl9XG4gICAgICAvPlxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgcHJvbWluZW5jZT1cIndlYWtcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlcIj5cbiAgICAgICAgeyhwYWdlIC0gMSkgKiBwZXJQYWdlICsgMX0te01hdGgubWluKHBhZ2UgKiBwZXJQYWdlLCBudW1iZXJPZkl0ZW1zKX17JyAnfVxuICAgICAgICB7bnVtYmVyT2ZJdGVtc1RleHQgPz8gYG9mICR7bnVtYmVyT2ZJdGVtc30gaXRlbXNcImB9XG4gICAgICA8L1RleHQ+XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const PerPage = ({
   perPage,
   onChangePerPage,
@@ -49,7 +32,9 @@ const PerPage = ({
   };
   return /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: "2", children: [
     /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "body", children: perPageText ?? "Items per page" }),
-    /* @__PURE__ */ jsx(StyledSelectInput, { name: "select-items-per-page", onChange: handleChange, options: optionsItemsPerPage, size: "small", value: perPage.toString() }),
+    /* @__PURE__ */ jsx(SelectInput, { name: "select-items-per-page", onChange: handleChange, options: optionsItemsPerPage, size: "small", style: {
+      width: "fit-content"
+    }, value: perPage.toString() }),
     /* @__PURE__ */ jsxs(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "body", children: [
       (page - 1) * perPage + 1,
       "-",

package/dist/components/Pagination/styles.css.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var pageNumbersContainer = "uv_a0295u0";
+var pageButton = { small: "uv_a0295u1", medium: "uv_a0295u2" };
+var ellipsisClass = { small: "uv_a0295u4 uv_a0295u3", medium: "uv_a0295u5 uv_a0295u3" };
+exports.ellipsisClass = ellipsisClass;
+exports.pageButton = pageButton;
+exports.pageNumbersContainer = pageNumbersContainer;

package/dist/components/Pagination/styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const pageNumbersContainer: string;
+export declare const pageButton: Record<"medium" | "small", string>;
+export declare const ellipsisClass: Record<"medium" | "small", string>;

package/dist/components/Pagination/styles.css.js

@@ -0,0 +1,9 @@
+/* empty css                          */
+var pageNumbersContainer = "uv_a0295u0";
+var pageButton = { small: "uv_a0295u1", medium: "uv_a0295u2" };
+var ellipsisClass = { small: "uv_a0295u4 uv_a0295u3", medium: "uv_a0295u5 uv_a0295u3" };
+export {
+  ellipsisClass,
+  pageButton,
+  pageNumbersContainer
+};

package/dist/components/Row/index.cjs

@@ -18,7 +18,8 @@ const Row = ({
   alignItems,
   justifyContent,
   gap,
-  padding
+  padding,
+  style
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.row} ${styles_css.sprinkles({
   alignItems: typeof alignItems === "object" ? alignItems : {
     xxsmall: alignItems
@@ -29,14 +30,17 @@ const Row = ({
   justifyContent: typeof justifyContent === "object" ? justifyContent : {
     xxsmall: justifyContent
   }
-})}`, "data-testid": dataTestId, style: dynamic.assignInlineVars({
-  ...Object.keys(variables_css.templateColumn).reduce((acc, column) => ({
-    ...acc,
-    [variables_css.templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
-  }), {}),
-  ...Object.keys(variables_css.paddings).reduce((acc, localPadding) => ({
-    ...acc,
-    [variables_css.paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
-  }), {})
-}), children });
+})}`, "data-testid": dataTestId, style: {
+  ...dynamic.assignInlineVars({
+    ...Object.keys(variables_css.templateColumn).reduce((acc, column) => ({
+      ...acc,
+      [variables_css.templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
+    }), {}),
+    ...Object.keys(variables_css.paddings).reduce((acc, localPadding) => ({
+      ...acc,
+      [variables_css.paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
+    }), {})
+  }),
+  ...style
+}, children });
 exports.Row = Row;

package/dist/components/Row/index.d.ts

@@ -12,9 +12,10 @@ type RowProps = {
     alignItems?: ResponsiveProp<AlignItemsType>;
     justifyContent?: ResponsiveProp<JustifyContentType>;
     padding?: ResponsiveProp<CSSProperties['padding']>;
+    style?: CSSProperties;
 };
 /**
  * Row component is a wrapper for grid layout.
  */
-export declare const Row: ({ className, "data-testid": dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Row: ({ className, "data-testid": dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, style, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Row/index.js

@@ -16,7 +16,8 @@ const Row = ({
   alignItems,
   justifyContent,
   gap,
-  padding
+  padding,
+  style
 }) => /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${row} ${sprinkles({
   alignItems: typeof alignItems === "object" ? alignItems : {
     xxsmall: alignItems
@@ -27,16 +28,19 @@ const Row = ({
   justifyContent: typeof justifyContent === "object" ? justifyContent : {
     xxsmall: justifyContent
   }
-})}`, "data-testid": dataTestId, style: assignInlineVars({
-  ...Object.keys(templateColumn).reduce((acc, column) => ({
-    ...acc,
-    [templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
-  }), {}),
-  ...Object.keys(paddings).reduce((acc, localPadding) => ({
-    ...acc,
-    [paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
-  }), {})
-}), children });
+})}`, "data-testid": dataTestId, style: {
+  ...assignInlineVars({
+    ...Object.keys(templateColumn).reduce((acc, column) => ({
+      ...acc,
+      [templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
+    }), {}),
+    ...Object.keys(paddings).reduce((acc, localPadding) => ({
+      ...acc,
+      [paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
+    }), {})
+  }),
+  ...style
+}, children });
 export {
   Row
 };

package/dist/components/SelectInput/components/SearchBarDropdown.cjs

@@ -2,25 +2,25 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const fuzzySearch = require("@scaleway/fuzzy-search");
 const Icon = require("@ultraviolet/icons");
 const react = require("react");
-const searchAlgorithm = require("../../../utils/searchAlgorithm.cjs");
 const index = require("../../TextInput/index.cjs");
 const SelectInputProvider = require("../SelectInputProvider.cjs");
 const dropdown_css = require("./dropdown.css.cjs");
 const getReferenceText = (option) => {
   if (option.searchText) {
-    return searchAlgorithm.normalizeString(option.searchText);
+    return fuzzySearch.normalizeString(option.searchText);
   }
   if (typeof option.label === "string") {
-    return searchAlgorithm.normalizeString(option.label);
+    return fuzzySearch.normalizeString(option.label);
   }
   return "";
 };
 const searchRegex = (data, query) => data.filter((option) => {
   const referenceText = getReferenceText(option);
   const regex = new RegExp(query, "i");
-  return (query.length > 2 ? searchAlgorithm.isFuzzyMatch(query, referenceText) : referenceText.match(regex)) || typeof option.description === "string" && option.description.match(regex) || option.value.match(regex);
+  return (query.length > 2 ? fuzzySearch.isFuzzyMatch(query, referenceText) : referenceText.match(regex)) || typeof option.description === "string" && option.description.match(regex) || option.value.match(regex);
 });
 const findClosestOption = (options, searchInput) => {
   if (searchInput) {

package/dist/components/SelectInput/components/SearchBarDropdown.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { isFuzzyMatch, normalizeString } from "@scaleway/fuzzy-search";
 import { SearchIcon } from "@ultraviolet/icons";
 import { useRef, useEffect } from "react";
-import { isFuzzyMatch, normalizeString } from "../../../utils/searchAlgorithm.js";
 import { TextInput } from "../../TextInput/index.js";
 import { useSelectInput } from "../SelectInputProvider.js";
 import { searchBar } from "./dropdown.css.js";