@fremtind/jokul 6.0.0-next.3 → 6.0.0-next.4

package/codemods/CODEMODS.md

@@ -32,28 +32,28 @@ Standardcodemoden for Jøkul 4 → 5-migrering. Kjøres automatisk med `jokul co
 
 #### Importstier for stilark og Sass-hjelpere
 
-| Gammel import | Ny import |
-|---|---|
-| `@fremtind/jokul/styles/core` | `@fremtind/jokul/styles/base.scss` |
-| `@fremtind/jokul/styles/core/core` | `@fremtind/jokul/styles/base` |
-| `@fremtind/jokul/styles/core/core.scss` | `@fremtind/jokul/styles/base.scss` |
-| `@fremtind/jokul/styles/core/core.css` | `@fremtind/jokul/styles/base.css` |
-| `@fremtind/jokul/styles/core/core.min.css` | `@fremtind/jokul/styles/base.min.css` |
-| `@fremtind/jokul/styles` | `@fremtind/jokul/styles/components.scss` |
-| `@fremtind/jokul/styles/styles` | `@fremtind/jokul/styles/components` |
-| `@fremtind/jokul/styles/styles.scss` | `@fremtind/jokul/styles/components.scss` |
-| `@fremtind/jokul/styles/styles.css` | `@fremtind/jokul/styles/components.css` |
-| `@fremtind/jokul/styles/styles.min.css` | `@fremtind/jokul/styles/components.min.css` |
-| `@fremtind/jokul/styles/core/jkl` | `@fremtind/jokul/styles/jkl` |
-| `@fremtind/jokul/styles/core/jkl/index` | `@fremtind/jokul/styles/jkl` |
-| `@fremtind/jokul/styles/fonts/webfonts` | `@fremtind/jokul/styles/theme/fonts` |
-| `@fremtind/jokul/styles/fonts/webfonts.scss` | `@fremtind/jokul/styles/theme/fonts` |
-| `@fremtind/jokul/styles/fonts` | `@fremtind/jokul/styles/theme/fonts` |
-| `@fremtind/jokul/tailwind/v4` | `@fremtind/jokul/styles/tailwind` |
-| `@fremtind/jokul/core` | `@fremtind/jokul/utilities` |
-| `../core/jkl` (relativ) | `../styles/jkl` |
-| `../../core/jkl` (relativ) | `../../styles/jkl` |
-| `../../../core/jkl` (relativ) | `../../../styles/jkl` |
+| Gammel import                                | Ny import                                   |
+| -------------------------------------------- | ------------------------------------------- |
+| `@fremtind/jokul/styles/core`                | `@fremtind/jokul/styles/base.scss`          |
+| `@fremtind/jokul/styles/core/core`           | `@fremtind/jokul/styles/base`               |
+| `@fremtind/jokul/styles/core/core.scss`      | `@fremtind/jokul/styles/base.scss`          |
+| `@fremtind/jokul/styles/core/core.css`       | `@fremtind/jokul/styles/base.css`           |
+| `@fremtind/jokul/styles/core/core.min.css`   | `@fremtind/jokul/styles/base.min.css`       |
+| `@fremtind/jokul/styles`                     | `@fremtind/jokul/styles/components.scss`    |
+| `@fremtind/jokul/styles/styles`              | `@fremtind/jokul/styles/components`         |
+| `@fremtind/jokul/styles/styles.scss`         | `@fremtind/jokul/styles/components.scss`    |
+| `@fremtind/jokul/styles/styles.css`          | `@fremtind/jokul/styles/components.css`     |
+| `@fremtind/jokul/styles/styles.min.css`      | `@fremtind/jokul/styles/components.min.css` |
+| `@fremtind/jokul/styles/core/jkl`            | `@fremtind/jokul/styles/jkl`                |
+| `@fremtind/jokul/styles/core/jkl/index`      | `@fremtind/jokul/styles/jkl`                |
+| `@fremtind/jokul/styles/fonts/webfonts`      | `@fremtind/jokul/styles/theme/fonts`        |
+| `@fremtind/jokul/styles/fonts/webfonts.scss` | `@fremtind/jokul/styles/theme/fonts`        |
+| `@fremtind/jokul/styles/fonts`               | `@fremtind/jokul/styles/theme/fonts`        |
+| `@fremtind/jokul/tailwind/v4`                | `@fremtind/jokul/styles/tailwind`           |
+| `@fremtind/jokul/core`                       | `@fremtind/jokul/utilities`                 |
+| `../core/jkl` (relativ)                      | `../styles/jkl`                             |
+| `../../core/jkl` (relativ)                   | `../../styles/jkl`                          |
+| `../../../core/jkl` (relativ)                | `../../../styles/jkl`                       |
 
 #### Fjerning av `webfonts.css`-import (CSS)
 
@@ -63,11 +63,11 @@ Hvis `webfonts.css` fjernes uten at `base.css` eller `components.css` er importe
 
 #### Stilimporter for beta-komponenter
 
-| Gammel import | Ny import |
-|---|---|
+| Gammel import                                        | Ny import                                                 |
+| ---------------------------------------------------- | --------------------------------------------------------- |
 | `@fremtind/jokul/styles/components/description-list` | `@fremtind/jokul/styles/components/beta/description-list` |
-| `@fremtind/jokul/styles/components/nav-link` | `@fremtind/jokul/styles/components/beta/nav-link` |
-| `@fremtind/jokul/styles/components/select` | `@fremtind/jokul/styles/components/beta/select` |
+| `@fremtind/jokul/styles/components/nav-link`         | `@fremtind/jokul/styles/components/beta/nav-link`         |
+| `@fremtind/jokul/styles/components/select`           | `@fremtind/jokul/styles/components/beta/select`           |
 
 Erstatningen skjer bare hvis beta-komponent-identifikatoren (`BETA_Select` o.l.) finnes i samme fil. Hvis stilimporten finnes uten komponentreferanse gis det et varsel om manuell vurdering.
 
@@ -77,44 +77,44 @@ I SCSS-filer flyttes `@use "@fremtind/jokul/styles/theme/fonts"` til å stå _f
 
 #### Font-familienavn
 
-| Gammelt navn | Nytt navn |
-|---|---|
-| `"Fremtind Material Symbols"` | `"Jokul Icons"` |
+| Gammelt navn                           | Nytt navn                |
+| -------------------------------------- | ------------------------ |
+| `"Fremtind Material Symbols"`          | `"Jokul Icons"`          |
 | `"Fremtind Material Symbols Fallback"` | `"Jokul Icons Fallback"` |
 
 #### CSS-fargetokens
 
 Semantiske `--jkl-color-*` custom properties omdøpt fra v4 til v5. Gjelder både `var()`-bruk og direktedefinerte properties.
 
-| Gammel token | Ny token |
-|---|---|
-| `--jkl-color-background-action` | `--jkl-color-background-contrast` |
-| `--jkl-color-text-on-action` | `--jkl-color-text-on-contrast` |
-| `--jkl-color-text-inverted` | `--jkl-color-text-on-contrast` |
-| `--jkl-color-background-container-high` | `--jkl-color-background-container` |
-| `--jkl-color-background-container-low` | `--jkl-color-background-container` |
-| `--jkl-color-background-container-inverted` | `--jkl-color-background-contrast` |
-| `--jkl-color-background-alert-info` | `--jkl-color-info-background-container` |
-| `--jkl-color-background-alert-warning` | `--jkl-color-warning-background-container` |
-| `--jkl-color-background-alert-error` | `--jkl-color-error-background-container` |
-| `--jkl-color-background-alert-success` | `--jkl-color-success-background-container` |
+| Gammel token                                | Ny token                                   |
+| ------------------------------------------- | ------------------------------------------ |
+| `--jkl-color-background-action`             | `--jkl-color-background-contrast`          |
+| `--jkl-color-text-on-action`                | `--jkl-color-text-on-contrast`             |
+| `--jkl-color-text-inverted`                 | `--jkl-color-text-on-contrast`             |
+| `--jkl-color-background-container-high`     | `--jkl-color-background-container`         |
+| `--jkl-color-background-container-low`      | `--jkl-color-background-container`         |
+| `--jkl-color-background-container-inverted` | `--jkl-color-background-contrast`          |
+| `--jkl-color-background-alert-info`         | `--jkl-color-info-background-container`    |
+| `--jkl-color-background-alert-warning`      | `--jkl-color-warning-background-container` |
+| `--jkl-color-background-alert-error`        | `--jkl-color-error-background-container`   |
+| `--jkl-color-background-alert-success`      | `--jkl-color-success-background-container` |
 
 #### Tailwind-fargeklasser
 
 Tilsvarende omdøping for alle Tailwind v4-fargeklasser generert fra `--color-*`-variabler. Alle vanlige prefikser håndteres: `bg-`, `text-`, `border-`, `ring-`, `shadow-`, `fill-`, `stroke-`, `accent-`, `caret-`, `outline-`, `placeholder-`, `divide-`, `from-`, `via-`, `to-`, `decoration-`.
 
-| Gammelt fargenøkkel | Nytt fargenøkkel | Eksempel på klasse |
-|---|---|---|
-| `background-action` | `background-contrast` | `bg-background-action` → `bg-background-contrast` |
-| `text-on-action` | `text-on-contrast` | `text-text-on-action` → `text-text-on-contrast` |
-| `text-inverted` | `text-on-contrast` | `text-text-inverted` → `text-text-on-contrast` |
-| `background-container-high` | `background-container` | `bg-background-container-high` → `bg-background-container` |
-| `background-container-low` | `background-container` | `bg-background-container-low` → `bg-background-container` |
-| `background-container-inverted` | `background-contrast` | `bg-background-container-inverted` → `bg-background-contrast` |
-| `background-alert-info` | `info-background-container` | `bg-background-alert-info` → `bg-info-background-container` |
-| `background-alert-warning` | `warning-background-container` | `bg-background-alert-warning` → `bg-warning-background-container` |
-| `background-alert-error` | `error-background-container` | `bg-background-alert-error` → `bg-error-background-container` |
-| `background-alert-success` | `success-background-container` | `bg-background-alert-success` → `bg-success-background-container` |
+| Gammelt fargenøkkel             | Nytt fargenøkkel               | Eksempel på klasse                                                |
+| ------------------------------- | ------------------------------ | ----------------------------------------------------------------- |
+| `background-action`             | `background-contrast`          | `bg-background-action` → `bg-background-contrast`                 |
+| `text-on-action`                | `text-on-contrast`             | `text-text-on-action` → `text-text-on-contrast`                   |
+| `text-inverted`                 | `text-on-contrast`             | `text-text-inverted` → `text-text-on-contrast`                    |
+| `background-container-high`     | `background-container`         | `bg-background-container-high` → `bg-background-container`        |
+| `background-container-low`      | `background-container`         | `bg-background-container-low` → `bg-background-container`         |
+| `background-container-inverted` | `background-contrast`          | `bg-background-container-inverted` → `bg-background-contrast`     |
+| `background-alert-info`         | `info-background-container`    | `bg-background-alert-info` → `bg-info-background-container`       |
+| `background-alert-warning`      | `warning-background-container` | `bg-background-alert-warning` → `bg-warning-background-container` |
+| `background-alert-error`        | `error-background-container`   | `bg-background-alert-error` → `bg-error-background-container`     |
+| `background-alert-success`      | `success-background-container` | `bg-background-alert-success` → `bg-success-background-container` |
 
 Tailwind-modifikatorer (`hover:`, `dark:`, `md:`, `focus:` o.l.), opacity-modifikatorer (`/50`) og viktig-prefiks (`!`) håndteres korrekt.
 
@@ -122,49 +122,81 @@ Tailwind-modifikatorer (`hover:`, `dark:`, `md:`, `focus:` o.l.), opacity-modifi
 
 Import path, stilimporter og komponentnavn omdøpes automatisk:
 
-| Gammel import | Ny import |
-|---|---|
-| `@fremtind/jokul/datepicker` | `@fremtind/jokul/date-input` |
+| Gammel import                 | Ny import                    |
+| ----------------------------- | ---------------------------- |
+| `@fremtind/jokul/datepicker`  | `@fremtind/jokul/date-input` |
 | `@fremtind/jokul/date-inputs` | `@fremtind/jokul/date-input` |
 | `@fremtind/jokul/date-picker` | `@fremtind/jokul/date-input` |
 
 Stilmappa følger komponentmappa, så både mappe- og filnavn skrives om. Gjelder både `import "..."` og Sass `@use`/`@forward`:
 
-| Gammel stilimport | Ny stilimport |
-|---|---|
-| `@fremtind/jokul/styles/components/datepicker` | `@fremtind/jokul/styles/components/date-input` |
-| `@fremtind/jokul/styles/components/datepicker/_index.scss` | `@fremtind/jokul/styles/components/date-input/_index.scss` |
-| `@fremtind/jokul/styles/components/datepicker/datepicker.scss` | `@fremtind/jokul/styles/components/date-input/date-input.scss` |
-| `@fremtind/jokul/styles/components/datepicker/datepicker.css` | `@fremtind/jokul/styles/components/date-input/date-input.css` |
+| Gammel stilimport                                                 | Ny stilimport                                                     |
+| ----------------------------------------------------------------- | ----------------------------------------------------------------- |
+| `@fremtind/jokul/styles/components/datepicker`                    | `@fremtind/jokul/styles/components/date-input`                    |
+| `@fremtind/jokul/styles/components/datepicker/_index.scss`        | `@fremtind/jokul/styles/components/date-input/_index.scss`        |
+| `@fremtind/jokul/styles/components/datepicker/datepicker.scss`    | `@fremtind/jokul/styles/components/date-input/date-input.scss`    |
+| `@fremtind/jokul/styles/components/datepicker/datepicker.css`     | `@fremtind/jokul/styles/components/date-input/date-input.css`     |
 | `@fremtind/jokul/styles/components/datepicker/datepicker.min.css` | `@fremtind/jokul/styles/components/date-input/date-input.min.css` |
 
 De samme variantene håndteres for de eldre mappenavnene `date-picker` og `date-inputs`.
 
 | Gammel komponent | Ny komponent |
-|---|---|
-| `DatePicker` | `DateInput` |
+| ---------------- | ------------ |
+| `DatePicker`     | `DateInput`  |
 
 Prop-navnene som begrenser datovalg omdøpes automatisk:
 
-| Gammel prop | Ny prop |
-|---|---|
-| `disableBeforeDate` | `min` |
-| `disableAfterDate` | `max` |
+| Gammel prop         | Ny prop |
+| ------------------- | ------- |
+| `disableBeforeDate` | `min`   |
+| `disableAfterDate`  | `max`   |
 
 Fjernede props endres ikke automatisk, men gir varsel når de finnes i en fil som bruker `DateInput`/`DatePicker`: `defaultShow`, `initialShow`, `extended`, `invalid`, `yearsToShow`, `days`, `months`, `monthLabel`, `yearLabel`, `action`, `showCalendarLabel`, `hideCalendarLabel` og `textInputProps`. Se [MIGRATION.md](../MIGRATION.md#fjernede-props-og-hjelpefunksjoner) for erstatninger.
 
 ---
 
+#### `Select` (Jøkul 6)
+
+`Select` er skrevet om til å bygge på det native Popover API-et. Disse endres automatisk:
+
+| Gammel prop     | Ny prop       |
+| --------------- | ------------- |
+| `defaultPrompt` | `placeholder` |
+
+`searchable` som en inline-funksjon med to enkle parametere skrives om til `searchable filterFunction={...}`, med parameterrekkefølgen snudd (funksjonskroppen refererer til parameterne ved navn og trenger ikke endres):
+
+```tsx
+// Før
+<Select searchable={(searchValue, item) => item.label.includes(searchValue)} />
+
+// Etter
+<Select searchable filterFunction={(item, searchValue) => item.label.includes(searchValue)} />
+```
+
+Er `searchable` satt til en funksjonsreferanse (f.eks. `searchable={filterItems}`) i stedet for en inline-funksjon, kan ikke codemoden trygt bytte parameterrekkefølgen inne i den refererte funksjonen, og det gis et varsel i stedet.
+
+Disse gir varsel når de finnes i en fil som bruker `Select`, `NativeSelect` eller `BETA_Select`:
+
+| Mønster                            | Varsel                                                                                                         |
+| ---------------------------------- | -------------------------------------------------------------------------------------------------------------- |
+| `NativeSelect`                     | Fjernet. Migrer til den nye `Select`.                                                                          |
+| `BETA_Select` / `BETA_SelectProps` | Fjernet. Migrer til den stabile `Select`.                                                                      |
+| `searchable={funksjonsreferanse}`  | Kan ikke skrives om automatisk. Sett `searchable` til `true` og send filtreringslogikken til `filterFunction`. |
+| `maxShownOptions`, `inline`        | Fjernet uten direkte erstatning.                                                                               |
+| `invalid`                          | Bruk `errorLabel` i stedet.                                                                                    |
+
+---
+
 #### Fjernede maskefunksjoner
 
 De frittstående, utgåtte maskefunksjonene er fjernet. Kall og importer skrives om
 til `registerWithMasks(form)`-API-et.
 
-| Fjernet funksjon | Erstatning |
-|---|---|
+| Fjernet funksjon                                     | Erstatning                                                             |
+| ---------------------------------------------------- | ---------------------------------------------------------------------- |
 | `registerWithFodselsnummerMask(form, name, options)` | `registerWithMasks(form).registerWithFodselsnummerMask(name, options)` |
-| `registerWithKontonummerMask(form, name, options)` | `registerWithMasks(form).registerWithKontonummerMask(name, options)` |
-| `registerWithKortnummerMask(form, name, options)` | `registerWithMasks(form).registerWithKortnummerMask(name, options)` |
+| `registerWithKontonummerMask(form, name, options)`   | `registerWithMasks(form).registerWithKontonummerMask(name, options)`   |
+| `registerWithKortnummerMask(form, name, options)`    | `registerWithMasks(form).registerWithKortnummerMask(name, options)`    |
 | `registerWithTelefonnummerMask(form, name, options)` | `registerWithMasks(form).registerWithTelefonnummerMask(name, options)` |
 
 Importer fra `@fremtind/jokul/utilities` (og gamle `@fremtind/jokul/core`) ryddes:
@@ -175,14 +207,14 @@ de fjernede navnene tas ut og `registerWithMasks` legges til. Aliaserte importer
 
 Disse mønstrene kan ikke omdøpes automatisk. Codemoden skriver ut ett varsel per fil der mønsteret finnes.
 
-| Mønster | Varsel |
-|---|---|
-| `--jkl-color-text-on-alert-*` | Fjernede tokens. Bruk `--jkl-color-<rolle>-text-default`, f.eks. `--jkl-color-info-text-default`. |
-| `--jkl-color-background-interactive` / `--jkl-color-text-interactive` | Fjernede tokens. Skal ikke brukes lenger. |
-| `variant="outlined\|high\|low"` (på `Card`) | `variant`-prop er fjernet. Bruk `outlined` (boolean) for ramme, fjern `high`/`low`. |
-| `bg-background-interactive` o.l. (Tailwind) | Fjernede Tailwind-klasser basert på `background-interactive`/`text-interactive`. |
-| `border-border-separator` o.l. (Tailwind) | Fjernede Tailwind-kantklasser. Bruk `border-border-default`, `-subdued` eller `-strong`. |
-| `<DateInput>` | Datoverdier bruker nå ISO-format (`yyyy-mm-dd`), ikke `dd.mm.yyyy`. |
-| `<DateInput>` `onChange` | Gir nå et standard React change-event. Les datoen fra `event.target.value`. |
-| `defaultShow` | Fjernet fra DateInput. Kalenderen åpnes via kalenderknappen. |
-| `extended`, `invalid`, `yearsToShow`, `days`, `months`, `monthLabel`, `yearLabel`, `action`, `showCalendarLabel`, `hideCalendarLabel`, `textInputProps` | Fjernet fra DateInput. Se migrasjonsguiden for erstatninger. |
+| Mønster                                                                                                                                                 | Varsel                                                                                            |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
+| `--jkl-color-text-on-alert-*`                                                                                                                           | Fjernede tokens. Bruk `--jkl-color-<rolle>-text-default`, f.eks. `--jkl-color-info-text-default`. |
+| `--jkl-color-background-interactive` / `--jkl-color-text-interactive`                                                                                   | Fjernede tokens. Skal ikke brukes lenger.                                                         |
+| `variant="outlined\|high\|low"` (på `Card`)                                                                                                             | `variant`-prop er fjernet. Bruk `outlined` (boolean) for ramme, fjern `high`/`low`.               |
+| `bg-background-interactive` o.l. (Tailwind)                                                                                                             | Fjernede Tailwind-klasser basert på `background-interactive`/`text-interactive`.                  |
+| `border-border-separator` o.l. (Tailwind)                                                                                                               | Fjernede Tailwind-kantklasser. Bruk `border-border-default`, `-subdued` eller `-strong`.          |
+| `<DateInput>`                                                                                                                                           | Datoverdier bruker nå ISO-format (`yyyy-mm-dd`), ikke `dd.mm.yyyy`.                               |
+| `<DateInput>` `onChange`                                                                                                                                | Gir nå et standard React change-event. Les datoen fra `event.target.value`.                       |
+| `defaultShow`                                                                                                                                           | Fjernet fra DateInput. Kalenderen åpnes via kalenderknappen.                                      |
+| `extended`, `invalid`, `yearsToShow`, `days`, `months`, `monthLabel`, `yearLabel`, `action`, `showCalendarLabel`, `hideCalendarLabel`, `textInputProps` | Fjernet fra DateInput. Se migrasjonsguiden for erstatninger.                                      |

package/codemods/__tests__/import-paths.test.mjs

@@ -69,7 +69,9 @@ import "@fremtind/jokul/styles/components/select";
         result.text.includes("@fremtind/jokul/styles/components/beta/select"),
         true,
     );
-    assert.deepEqual(result.warnings, []);
+    assert.deepEqual(result.warnings, [
+        "Manuell vurdering: `BETA_Select`/`BETA_SelectProps` er fjernet. Migrer til den stabile `Select`.",
+    ]);
 });
 
 test("warns when beta style import is ambiguous (no beta identifier in file)", () => {
@@ -900,3 +902,107 @@ test("DateInput: håndterer piluttrykk i props ved omdøping", () => {
     );
     assert.equal(result.text.includes("<Other disableAfterDate={b} />"), true);
 });
+
+test("renames Select defaultPrompt to placeholder", () => {
+    const source = `<Select defaultPrompt="Velg land" items={items} />;`;
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(result.text.includes('placeholder="Velg land"'), true);
+    assert.equal(result.text.includes("defaultPrompt"), false);
+});
+
+test("Select: rører ikke like prop-navn på andre komponenter", () => {
+    const source = `<Other defaultPrompt="Velg" invalid maxShownOptions={5} />;`;
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(result.text.includes('defaultPrompt="Velg"'), true);
+    assert.equal(result.warnings.length, 0);
+});
+
+test("warns about NativeSelect usage", () => {
+    const source = `import { NativeSelect } from "@fremtind/jokul/select";
+<NativeSelect items={items} />;
+`;
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(
+        result.warnings.some((w) => w.includes("NativeSelect")),
+        true,
+    );
+});
+
+test("warns about BETA_Select usage", () => {
+    const source = `import { BETA_Select } from "@fremtind/jokul/select";
+<BETA_Select items={items} />;
+`;
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(
+        result.warnings.some((w) => w.includes("BETA_Select")),
+        true,
+    );
+});
+
+test("rewrites searchable inline function to filterFunction, swapping parameter order", () => {
+    const source =
+        "<Select searchable={(searchValue, item) => item.label.includes(searchValue)} items={items} />;";
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(
+        result.text.includes(
+            "searchable filterFunction={(item, searchValue) => item.label.includes(searchValue)}",
+        ),
+        true,
+    );
+    assert.equal(
+        result.warnings.some((w) => w.includes("filterFunction")),
+        false,
+    );
+});
+
+test("rewrites searchable function expression to filterFunction", () => {
+    const source =
+        "<Select searchable={function (searchValue, item) { return item.label.includes(searchValue); }} items={items} />;";
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(
+        result.text.includes(
+            "searchable filterFunction={function (item, searchValue) { return item.label.includes(searchValue); }}",
+        ),
+        true,
+    );
+});
+
+test("warns when searchable is a function reference that cannot be rewritten automatically", () => {
+    const source = "<Select searchable={myFilterFn} items={items} />;";
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(
+        result.warnings.some((w) => w.includes("filterFunction")),
+        true,
+    );
+    assert.equal(result.text.includes("searchable={myFilterFn}"), true);
+});
+
+test("does not warn about searchable boolean on Select", () => {
+    const source = "<Select searchable items={items} />;";
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    assert.equal(
+        result.warnings.some((w) => w.includes("filterFunction")),
+        false,
+    );
+});
+
+test("warns about removed Select props", () => {
+    const source =
+        "<Select invalid maxShownOptions={5} inline items={items} />;";
+    const result = transformImportPaths(source, "src/App.tsx");
+
+    for (const prop of ["invalid", "maxShownOptions", "inline"]) {
+        assert.equal(
+            result.warnings.some((w) => w.includes(`\`${prop}\``)),
+            true,
+        );
+    }
+});

package/codemods/import-paths.mjs

@@ -16,6 +16,7 @@ import {
     reorderConfiguredFontImport,
 } from "./transforms/import-specifiers.mjs";
 import { applyRegisterWithMaskTransforms } from "./transforms/register-with-mask.mjs";
+import { applySelectTransforms } from "./transforms/select.mjs";
 import { collectManualMigrationWarnings } from "./transforms/warnings.mjs";
 
 const TEXT_EXTENSIONS = new Set([
@@ -75,7 +76,8 @@ export function transformImportPaths(text, filePath = "") {
     const tailwindColors = applyTailwindColorRenames(cssTokens.text);
     const expandablePanel = applyExpandablePanelTransforms(tailwindColors.text);
     const dateInput = applyDateInputTransforms(expandablePanel.text);
-    const masks = applyRegisterWithMaskTransforms(dateInput.text);
+    const select = applySelectTransforms(dateInput.text);
+    const masks = applyRegisterWithMaskTransforms(select.text);
     let next = masks.text;
     let reordered = false;
 
@@ -88,6 +90,7 @@ export function transformImportPaths(text, filePath = "") {
     const warnings = [
         ...beta.warnings,
         ...dateInput.warnings,
+        ...select.warnings,
         ...masks.warnings,
         ...collectManualMigrationWarnings(text),
     ];
@@ -113,6 +116,7 @@ export function transformImportPaths(text, filePath = "") {
             tailwindColors.count +
             expandablePanel.count +
             dateInput.count +
+            select.count +
             masks.count,
         warnings,
         reordered,