@mendylanda/ui 0.1.9 → 0.3.0-alpha.0

package/NOTICE.md

@@ -2,4 +2,4 @@
 
 Mendy UI is maintained by Mendy Landa. Its documentation site is adapted from [startercn](https://github.com/shadcn-labs/startercn), copyright 2026 Shadcn Labs, distributed under the MIT license. The original license is retained in THIRD_PARTY_LICENSES/startercn.txt.
 
-UI primitives come from [shadcn/ui](https://github.com/shadcn-ui/ui), licensed under MIT. Filter components originated in SimCall and were extracted for this project by Mendy Landa.
+UI primitives come from [shadcn/ui](https://github.com/shadcn-ui/ui), licensed under MIT. Filter components are maintained by Mendy Landa.

package/README.md

@@ -21,6 +21,7 @@ import { defineFilters, filter, FilterBar, useFilters } from "@mendylanda/ui/fil
 const definitions = defineFilters({
   status: filter.select({
     label: "Status",
+    searchable: false,
     options: [
       { value: "open", label: "Open" },
       { value: "closed", label: "Closed" },
@@ -50,17 +51,17 @@ Update the dependency and redeploy a project to receive shared fixes. MIT licens
 
 ### Chip and menu presentation
 
-Use `chipLabel: false` when the selected values explain themselves. A string such as `chipLabel: "SIM"` shortens the visible label while retaining the field's full accessible name. `renderSummary` supplies custom chip content independently of `renderOption`.
+Choice fields omit redundant chip labels by default. Set `chipLabel: true` to show the field name. Text, tokens, dates, ranges, and custom fields keep their labels by default. A string such as `chipLabel: "ID"` shortens the visible label while retaining the field's full accessible name. `renderSummary` supplies custom chip content independently of `renderOption`.
 
 `FilterMenuGroup.separatorBefore` separates related categories. Within a group, `menuLayout: "inline"` puts a field's editor beside its label. Custom editors can set `editorPadding: "none"` when they own their spacing. Honor the `autoFocus` value supplied to `renderEditor`: it is false during menu previews, and the menu moves focus on click or keyboard activation.
 
-`<MendyUIProvider menuLayout="anchored">` positions desktop editors beside the selected row at their own height. The default remains `connected`. Both use the single-panel mobile layout. A standalone `<FilterMenu anchor={searchRef}>` can align to a custom search field. The menu grows to the available viewport height, capped by `--mendy-filter-menu-max-height`, which defaults to `44rem`; large lists remain virtualized.
+Desktop editors sit beside the selected row at their own height by default. Set `<MendyUIProvider menuLayout="connected">` to use a full-height attached editor. Both use the single-panel mobile layout. A standalone `<FilterMenu anchor={searchRef}>` can align to a custom search field. The menu grows to the available viewport height, capped by `--mendy-filter-menu-max-height`, which defaults to `44rem`; large lists remain virtualized.
 
 Chips enter with a short, staggered Motion spring. Reduced-motion preferences disable their movement. Theme radius still controls their corners.
 
 Filter lists use the search anchor's width by default and shrink when the viewport cannot fit both columns. Override `--mendy-filter-list-width` or `--mendy-filter-menu-width` for a custom layout. In anchored mode, editors touch the list and move upward for lower rows so short editors stay within the list's height.
 
-`FilterList` uses the original SimCall Motion variants: a 60ms stagger on initial list entry and the default item transition from y=10/opacity=0 to y=0/opacity=1. New chips enter immediately, without a delay based on their list position. `FilterChipList` provides the same orchestration for custom compositions of `FilterChip`; standalone chips also animate.
+`FilterList` uses Motion variants with a 60ms stagger on initial list entry and the default item transition from y=10/opacity=0 to y=0/opacity=1. New chips enter immediately, without a delay based on their list position. `FilterChipList` provides the same orchestration for custom compositions of `FilterChip`; standalone chips also animate.
 
 ### Existing search state
 
@@ -78,3 +79,31 @@ Import `@mendylanda/ui/styles.tailwind3.css` instead of `@mendylanda/ui/styles.c
 The package expects complete CSS color values. A host that stores HSL channels still needs to map them to colors, including inside portals and any custom editors that use host styles.
 
 Opening the menu shows the category list without choosing a filter. Focusing a category does not open it. Hover previews its editor; click, Enter, Space or the entry arrow opens it and moves focus into the editor.
+
+### Defaults and clearing
+
+`FilterBar` and composed `FilterList` include Clear all after the chips. It clears filters and search. Set `showClear={false}` to opt out. Choice search is enabled by default; use `searchable: false` for short lists. Menu selections keep the menu open, and selecting the current single choice again clears it. Chip editor popups open instantly; `editorAnimation` opts into their animation.
+
+See [defaults and app configuration](https://ui.mendylanda.com/docs/defaults) for the full behavior and [system reference](https://ui.mendylanda.com/docs/system) for query adapters, selected-label loading, grouped fields, and custom editors.
+
+## Table (alpha)
+
+Install `@mendylanda/ui@alpha` to try the table. This API may change during the alpha.
+
+```tsx
+import { DataTable, defineColumns, format } from "@mendylanda/ui/table";
+
+type Project = { id: string; name: string; budget: number };
+const columns = defineColumns<Project>((column) => [
+  column.accessor("name", { label: "Project" }),
+  column.accessor("budget", { label: "Budget", format: format.currency("USD") }),
+]);
+
+export function Projects({ rows }: { rows: Project[] }) {
+  return <DataTable rows={rows} columns={columns} getRowId={(row) => row.id} />;
+}
+```
+
+Use `useDataTable` and `TableView` when the application already controls sorting, pagination, preferences, or selection. Data fetching and mutations stay in the application. `useResultSelection` represents explicit IDs or all matching results with exclusions. `TableSavedViews` accepts application-owned views; it does not create a backend.
+
+See the [table documentation](https://ui.mendylanda.com/docs/components/table) for composition, remote data, and persistence.

package/dist/class-names.js

@@ -1 +1 @@
-export const originalClassNames = {"mui-cb20bd519346":"pointer-events-auto","mui-33228ff7d583":"pointer-events-none","mui-b75af7ef6c4d":"invisible","mui-d42ef1497900":"visible","mui-32fb090591d9":"sr-only","mui-747355bdc2a2":"absolute","mui-d2d9e1f13413":"relative","mui-ce13093ad8c9":"inset-0","mui-3ba24c062d55":"inset-x-0","mui-cced28c6dc3f":"start","mui-207bd0b3f259":"start-2","mui-cea70f23972e":"start-3","mui-361e48d0308f":"end","mui-13422ddc8d83":"end-1","mui-585f4729f611":"end-9","mui-98599e4ee250":"top-0","mui-4e45f4841abb":"top-1/2","mui-3eef1ce97dba":"z-50","mui-a42d519714d6":"container","mui-a2526bc2efa3":"m-0","mui-abba77319850":"-mx-1","mui-1752f11474a6":"mx-auto","mui-d8747231f142":"my-1","mui-958e2cfcf5b6":"-ms-2","mui-291952c2525a":"-ms-px","mui-8cc46fa87f41":"-me-1.5","mui-f28fea81a5cd":"mt-2","mui-cc51bda60e7e":"ml-auto","mui-496aca80e4d8":"block","mui-d1b2a59fbea7":"contents","mui-222f930b8752":"flex","mui-0f2a693e93e2":"grid","mui-e564b4081d7a":"hidden","mui-995cf20a9c45":"inline","mui-123306850fe1":"inline-flex","mui-3da89b3ed14b":"field-sizing-content","mui-129d6f9b1e07":"aspect-square","mui-f7d12b41bceb":"size-(--cell-size)","mui-dc797fcc7165":"size-1.5","mui-61c000c8a98a":"size-3.5","mui-100c22d5776b":"size-4","mui-0712570dcc9f":"size-6","mui-79ede756e761":"size-7","mui-ebd37e04d422":"size-8","mui-3ee10ef4c057":"size-9","mui-d0a383a9c24f":"size-10","mui-4dad94bd15e3":"size-auto","mui-a5960ac1d283":"h-(--cell-size)","mui-c7d5500b77ab":"h-0","mui-099be97e1fa4":"h-4","mui-ce1945804664":"h-6","mui-1fb07b38c63b":"h-8","mui-539ae144f076":"h-9","mui-fdd2f85cad6b":"h-10","mui-a66e9985b093":"h-auto","mui-57c930dc1c31":"h-full","mui-ae2c4b060bb9":"h-px","mui-571ea69568d3":"max-h-(--filter-menu-height)","mui-1f061e70178e":"max-h-(--radix-dropdown-menu-content-available-height)","mui-80baa5d03af7":"max-h-[calc(var(--filter-menu-height)-2px)]","mui-1326520533f0":"max-h-[min(6rem,calc(var(--filter-menu-height)*0.25))]","mui-fb4a3e97b5bd":"max-h-[min(20rem,var(--radix-dropdown-menu-content-available-height,20rem))]","mui-dcd942c18ddc":"max-h-[var(--radix-dropdown-menu-content-available-height)]","mui-410da8dfa8ac":"min-h-0","mui-9974acedf3f7":"min-h-9","mui-8423dc94ee06":"min-h-10","mui-50312c3ce4a3":"min-h-[60px]","mui-d48fe95d4da8":"w-(--cell-size)","mui-8867d85ed290":"w-8","mui-72b37c1a040d":"w-64","mui-37535002f0f7":"w-72","mui-fc6a57ff7553":"w-[var(--mendy-filter-editor-width,19rem)]","mui-0b9c84552e40":"w-[var(--mendy-filter-list-width,var(--mendy-filter-anchor-width,18.75rem))]","mui-4415137b0467":"w-[var(--mendy-filter-menu-width,calc(var(--filter-list-width)_+_var(--mendy-filter-editor-width,19rem)))]","mui-8cfb5a42ef9f":"w-fit","mui-58d0413dd93c":"w-full","mui-91f82aa1df0c":"max-w-[60%]","mui-34055e6f8c1b":"max-w-[calc(100vw-2rem)]","mui-81b198a2db84":"max-w-full","mui-1458e495e3ae":"min-w-(--cell-size)","mui-184ddc11e5f9":"min-w-0","mui-e9ab1547c94d":"min-w-[8rem]","mui-7bd5bab6d7f4":"flex-1","mui-66b490dd6005":"shrink","mui-27ead27a81df":"shrink-0","mui-215061302c50":"border-collapse","mui-3a3774477287":"origin-(--radix-dropdown-menu-content-transform-origin)","mui-5dde0fd996f0":"-translate-y-1/2","mui-aa214ea38326":"transform","mui-393df0d154e0":"animate-none!","mui-7b3cd77eb999":"animate-pulse","mui-d343f41ba73e":"cursor-default","mui-acd532d8913e":"resize","mui-ae112c903ef8":"resize-y","mui-eeb3a8b33f69":"grid-cols-[min(var(--filter-list-width),calc(100%_-_min(var(--mendy-filter-editor-width,19rem),50%)))_minmax(0,1fr)]","mui-b5985369ee35":"grid-rows-[minmax(0,1fr)]","mui-302c0d124a94":"flex-col","mui-faa8a23c68f6":"flex-wrap","mui-8fd2e2355cbc":"place-content-center","mui-71556df3b421":"items-center","mui-b9677bd1cb66":"items-start","mui-32c92bb1fde4":"justify-between","mui-a503dd374cca":"justify-center","mui-c62ec162662e":"justify-start","mui-19e97f3f40e6":"gap-1","mui-70007b876865":"gap-1.5","mui-074569488cca":"gap-2","mui-d7db3451d154":"gap-3","mui-90fc3ec35a37":"gap-4","mui-27e6c432192f":"space-y-1","mui-267171770524":"space-y-2","mui-5a3a4ee420c2":"truncate","mui-d5111d0e9f48":"overflow-hidden","mui-0fc84a692dad":"overflow-visible","mui-3b82279f859f":"overflow-x-hidden","mui-2368e909f3a5":"overflow-y-auto","mui-998780cdef87":"overscroll-contain","mui-b005d61d0953":"rounded-full","mui-3fa8c572949b":"rounded-md","mui-52417259a4f5":"rounded-none","mui-02e603944040":"rounded-sm","mui-b31810dbd8a9":"rounded-s-none","mui-10c0bae8cba9":"rounded-l-md","mui-34bbd346e74c":"rounded-r-md","mui-4f1a55de40bc":"border","mui-dad556abfe15":"border-0","mui-55860251be20":"border-s","mui-3b6d5fc7b061":"border-e","mui-894c3815a57f":"border-t","mui-bbe39cfb5cc6":"border-b","mui-8450eb0f1857":"border-dashed","mui-163a623b3716":"border-border/50","mui-1267095cdeb7":"border-input","mui-9b76f456b8c9":"border-muted-foreground/50","mui-292affc1f780":"bg-accent","mui-5b272f3c5076":"bg-background","mui-a943bea85d66":"bg-border","mui-0cf6c2e8fe7e":"bg-current","mui-965cf6587342":"bg-destructive","mui-810ae775809b":"bg-muted-foreground/20","mui-e593c38256e0":"bg-popover","mui-0c2864fba576":"bg-primary","mui-d191cb569aac":"bg-secondary","mui-8fca9236d191":"bg-transparent","mui-04760bcd507f":"p-0","mui-1dee6e3ec67d":"p-1","mui-b97db4a9f432":"p-2","mui-094f5333853b":"p-3","mui-56b8f5e0fb12":"px-(--cell-size)","mui-1da2e8f173c5":"px-1.5","mui-e7e01cc7f4df":"px-2","mui-0f9e6672913a":"px-3","mui-9513b3968002":"px-4","mui-0194c6e46323":"px-8","mui-1fcf28756bb1":"py-1","mui-a8c1dfb1d4ef":"py-1.5","mui-b5edc3ea7c91":"py-2","mui-078d945937da":"ps-8","mui-b2100041c585":"ps-9","mui-05d4103bd67f":"pe-2","mui-a202804a1738":"pe-3","mui-0e14c365f9e8":"pe-9","mui-559069d2c2e5":"pe-16","mui-0a702d97ed7d":"pt-3","mui-1a52da5bc88c":"pr-1","mui-f5d8e661d857":"pl-2","mui-05ab12448317":"text-center","mui-e9347b78185f":"text-start","mui-757071a1d1c4":"text-base","mui-c74ab393b96d":"text-sm","mui-3992de70b033":"text-xs","mui-5f120ad4b50b":"text-[0.8rem]","mui-761cdb81bddb":"leading-none","mui-daaac3fbf55e":"font-medium","mui-52101fc7d8bb":"font-normal","mui-e1683b3c030a":"tracking-widest","mui-393883c1db68":"[overflow-wrap:anywhere]","mui-37cf9655f30a":"break-words","mui-726fca123972":"whitespace-normal","mui-963f6168b7d6":"whitespace-nowrap","mui-cc209238d847":"text-accent-foreground","mui-5eafab9bbefc":"text-current","mui-887b9502d5c7":"text-destructive","mui-8d4bf2704c8d":"text-destructive-foreground","mui-957a109f887f":"text-foreground","mui-35f35c41d134":"text-muted-foreground","mui-5bd2afe89f0b":"text-popover-foreground","mui-249f14ee5b6b":"text-primary","mui-abd1aaa1f5b2":"text-primary-foreground","mui-80df79ec9bb5":"text-secondary-foreground","mui-944969efb294":"underline","mui-d52f902a57e8":"underline-offset-4","mui-94f91922a10e":"opacity-0","mui-0b5a4d1257ab":"opacity-50","mui-65694092f002":"opacity-100","mui-0d4ca75de41c":"shadow-lg","mui-94ea94fde25f":"shadow-md","mui-89c3006b2722":"shadow-none","mui-7de07d413c13":"shadow-xs","mui-59edd3d33673":"outline-hidden","mui-318678825324":"outline","mui-e0122edc668b":"drop-shadow-md","mui-dfc3376b8266":"filter","mui-70dd37c11434":"transition","mui-eae178841c68":"transition-colors","mui-2cdd01663c76":"transition-opacity","mui-2b48746f4314":"transition-shadow","mui-b4b2fd95f324":"transition-none","mui-b30fc56058b6":"outline-none","mui-78905c9e865c":"select-none","mui-d80b6593dae5":"[--cell-size:--spacing(8)]","mui-82c2977beb8e":"[--cell-size:min(2rem,calc((100vw-3.5rem)/7))]","mui-d7d803c609c5":"[--filter-list-width:var(--mendy-filter-list-width,var(--mendy-filter-anchor-width,13rem))]","mui-971625533e56":"[--filter-menu-height:min(var(--mendy-filter-menu-max-height,44rem),var(--radix-dropdown-menu-content-available-height,44rem))]","mui-cacb19aa9640":"[scrollbar-width:thin]","mui-14bd99410890":"[unicode-bidi:isolate]","mui-9af9a4182597":"group-data-[disabled=true]:pointer-events-none","mui-ad936fcbed63":"group","mui-272ef88d6a0c":"group-data-[disabled=true]:opacity-50","mui-60052b901494":"group-data-[focused=true]/day:relative","mui-d9c5891363f9":"group/day","mui-3f96bf138f7b":"group-data-[focused=true]/day:z-10","mui-d39eb62b8363":"group-data-[focused=true]/day:border-ring","mui-5892a880410a":"group-data-[focused=true]/day:ring-1","mui-31b75c623c06":"group-data-[focused=true]/day:ring-ring","mui-f0ee83167878":"peer-disabled:cursor-not-allowed","mui-2ffc1d06387e":"peer","mui-25d26df52a1d":"peer-disabled:opacity-50","mui-32713fefe32f":"file:border-0","mui-25a74d576c42":"file:bg-transparent","mui-844abccf1fd0":"file:text-sm","mui-dc43de54f42a":"file:font-medium","mui-20315da78444":"placeholder:text-muted-foreground","mui-37ad15a95595":"hover:bg-accent","mui-bb6a4b3e902d":"hover:bg-destructive/90","mui-af9ea085901b":"hover:bg-primary/90","mui-099700a5a311":"hover:bg-secondary/80","mui-71863717995b":"hover:bg-transparent","mui-9f1f77b92dcb":"hover:text-accent-foreground","mui-4d6720d47806":"hover:text-foreground","mui-b56720602554":"hover:underline","mui-8da02faac748":"hover:opacity-100","mui-a8c1861c5d03":"focus:bg-accent","mui-a85c4c5d7465":"focus:text-accent-foreground","mui-b906a32b31ee":"focus-visible:border-ring","mui-39be5a15b766":"focus-visible:ring-1","mui-355efe22aedb":"focus-visible:ring-2","mui-365a4654f7b1":"focus-visible:ring-[3px]","mui-db549d38ff19":"focus-visible:ring-ring","mui-392a26f4c1b0":"focus-visible:ring-ring/50","mui-1df9125eebaf":"focus-visible:outline-1","mui-223daa83ed2d":"focus-visible:outline-ring","mui-2e357972fc10":"focus-visible:outline-none","mui-50aafa8694bb":"focus-visible:ring-inset","mui-8d3c1014b967":"disabled:pointer-events-none","mui-db567af109b7":"disabled:cursor-not-allowed","mui-4600b77303d6":"disabled:opacity-50","mui-7eb7501a2ef0":"has-focus:border-ring","mui-d0449753ba7b":"has-focus:ring-[3px]","mui-fc19c8471f34":"has-focus:ring-ring/50","mui-e288cffc2ef4":"has-[>svg]:px-1.5","mui-3b01ee05b16d":"has-[>svg]:px-2.5","mui-9e08353b774f":"has-[>svg]:px-3","mui-2c0115d1c32a":"aria-disabled:opacity-50","mui-1fac1d7d1df3":"aria-invalid:border-destructive","mui-2d91b4cbc3cb":"aria-invalid:ring-destructive","mui-5491fd0b4dc5":"aria-invalid:ring-destructive/20","mui-7d900a71e5ba":"aria-selected:text-muted-foreground","mui-397f5ba426a0":"data-[disabled]:pointer-events-none","mui-9beb654fcb0d":"data-[disabled]:opacity-50","mui-6fa6a8ade7c4":"data-[inset]:pl-8","mui-bbaaa5969856":"data-[more-below=true]:[mask-image:linear-gradient(#000_calc(100%_-_1rem),transparent)]","mui-dfc89afd7885":"data-[navigation=pointer]:focus-visible:ring-0","mui-96308b55e0d6":"data-[range-end=true]:rounded-md","mui-a55dbe6f3eec":"data-[range-end=true]:rounded-r-md","mui-714051e55e8e":"data-[range-end=true]:bg-primary","mui-c764cebcd540":"data-[range-end=true]:text-primary-foreground","mui-05ec0700cd48":"data-[range-middle=true]:rounded-none","mui-5fb598fb06f4":"data-[range-middle=true]:bg-accent","mui-0813905aa141":"data-[range-middle=true]:text-accent-foreground","mui-8020e31bff67":"data-[range-start=true]:rounded-md","mui-ab65911baf1d":"data-[range-start=true]:rounded-l-md","mui-f5460d79341c":"data-[range-start=true]:bg-primary","mui-421a7d3e6631":"data-[range-start=true]:text-primary-foreground","mui-a39af81d518c":"data-[selected-single=true]:bg-primary","mui-b6991ab170de":"data-[selected-single=true]:text-primary-foreground","mui-3cc0d07ef843":"data-[selected=true]:rounded-none","mui-89f6aab7a3f8":"data-[side=bottom]:slide-in-from-top-2","mui-3550f48d66b9":"data-[side=left]:slide-in-from-right-2","mui-7720fe004f5c":"data-[side=right]:slide-in-from-left-2","mui-66b560f839de":"data-[side=top]:slide-in-from-bottom-2","mui-20553d55d224":"data-[state=checked]:border-primary","mui-57d6d6401a2f":"data-[state=checked]:bg-primary","mui-7ca12016214f":"data-[state=checked]:text-primary-foreground","mui-37d8a3f448ff":"data-[state=closed]:animate-none!","mui-0cb4489c3645":"data-[state=closed]:animate-out","mui-bb5869ef903b":"data-[state=closed]:fade-out-0","mui-f4cf4be63707":"data-[state=closed]:zoom-out-95","mui-bae1e782f277":"data-[state=open]:animate-in","mui-4027d9c589b6":"data-[state=open]:bg-accent","mui-1952cd5b00aa":"data-[state=open]:text-accent-foreground","mui-6f73a280432e":"data-[state=open]:text-foreground","mui-790ed041a953":"data-[state=open]:opacity-100","mui-45464a92c1f6":"data-[state=open]:fade-in-0","mui-9ca352480f25":"data-[state=open]:zoom-in-95","mui-f3f7a9c5e1b3":"data-[variant=destructive]:text-destructive","mui-e2bb4ac97190":"data-[variant=destructive]:focus:bg-destructive/10","mui-353a727facfd":"data-[variant=destructive]:focus:text-destructive","mui-237747164b60":"motion-reduce:animate-none","mui-0cc20f4e20c8":"sm:w-[21.875rem]","mui-56760b222da0":"md:flex-row","mui-c05c9b99939d":"md:text-sm","mui-36b12e8339c7":"rtl:rotate-180","mui-9daa2369a41b":"dark:bg-input/30","mui-b2786f463a62":"dark:hover:text-accent-foreground","mui-c88f65aa011e":"dark:aria-invalid:ring-destructive/40","mui-bd73d819941e":"dark:data-[state=checked]:bg-primary","mui-98a28c2293f7":"dark:data-[variant=destructive]:focus:bg-destructive/20","mui-d78a8526410d":"pointer-coarse:[--cell-size:min(2.5rem,calc((100vw-3.5rem)/7))]","mui-b51243872d85":"sm:pointer-fine:h-8","mui-e771a8b4d87d":"sm:pointer-fine:h-9","mui-aa0e3c036805":"sm:pointer-fine:min-h-8","mui-0288c4ea71ea":"sm:pointer-fine:py-0.5","mui-41d1475cf71a":"sm:pointer-fine:py-1.5","mui-548a450e8e53":"[&_*]:transition-none!","mui-a1c8c43d9be2":"[&_[role^=menuitem]]:min-h-9","mui-b43343fe71c0":"sm:pointer-fine:[&_[role^=menuitem]]:min-h-8","mui-cc310a330231":"[&_button]:font-semibold","mui-b7ff49878425":"[&_button]:underline","mui-d9bdd2c94504":"[&_button]:underline-offset-4","mui-bcae9d37090c":"[&_svg]:pointer-events-none","mui-c77732bd3ab4":"[&_svg]:size-3.5","mui-040e748a3fa0":"[&_svg]:shrink-0","mui-be87a4a64d81":"[&_svg:not([class*='size-'])]:size-3","mui-eb5ef2dbc2d4":"[&_svg:not([class*='size-'])]:size-4","mui-8637dfd54fbb":"[&_svg:not([class*='text-'])]:text-muted-foreground","mui-4f05a238500e":"[&::-webkit-search-cancel-button]:appearance-none","mui-74ab31abd804":"[&:first-child[data-selected=true]_button]:rounded-l-md","mui-13858191ca50":"rtl:**:[.rdp-button\\_next>svg]:rotate-180","mui-a324a7f99932":"rtl:**:[.rdp-button\\_previous>svg]:rotate-180","mui-82b114bbff3d":"data-[variant=destructive]:*:[svg]:text-destructive!","mui-6ee0c74de40c":"[&:last-child[data-selected=true]_button]:rounded-r-md","mui-6162ab70efb5":"[&:nth-child(2)[data-selected=true]_button]:rounded-l-md","mui-f157ee6bae99":"[&>div]:w-full","mui-ba417cf466b0":"[&>span]:text-xs","mui-829c8ef4f9c5":"[&>span]:opacity-70","mui-bf95f682e553":"[&>span:first-child]:mt-[calc(0.5lh-0.4375rem)]","mui-eb740dd32318":"[&>svg]:size-3.5","mui-019fd73c95db":"[&>svg]:text-muted-foreground","mui-b8293c91796c":"[[data-slot=card-content]_&]:bg-transparent","mui-8dd7e6b42262":"[[data-slot=popover-content]_&]:bg-transparent"};
+export const originalClassNames = {"mui-cb20bd519346":"pointer-events-auto","mui-33228ff7d583":"pointer-events-none","mui-b75af7ef6c4d":"invisible","mui-d42ef1497900":"visible","mui-32fb090591d9":"sr-only","mui-747355bdc2a2":"absolute","mui-d2d9e1f13413":"relative","mui-964a9431ff49":"sticky","mui-ce13093ad8c9":"inset-0","mui-3ba24c062d55":"inset-x-0","mui-eb9e48c5dda9":"inset-y-0","mui-cced28c6dc3f":"start","mui-207bd0b3f259":"start-2","mui-cea70f23972e":"start-3","mui-361e48d0308f":"end","mui-13422ddc8d83":"end-1","mui-585f4729f611":"end-9","mui-98599e4ee250":"top-0","mui-4e45f4841abb":"top-1/2","mui-a74c4477017c":"right-0","mui-30150dd033ab":"bottom-0","mui-a5c36273c0f0":"bottom-2","mui-635702706586":"left-0","mui-014aadadffad":"isolate","mui-418e44ad4f9e":"z-10","mui-4e8f0a87a0dc":"z-20","mui-fbb62f5cb6fe":"z-30","mui-3eef1ce97dba":"z-50","mui-a42d519714d6":"container","mui-a2526bc2efa3":"m-0","mui-abba77319850":"-mx-1","mui-1752f11474a6":"mx-auto","mui-d8747231f142":"my-1","mui-958e2cfcf5b6":"-ms-2","mui-291952c2525a":"-ms-px","mui-8cc46fa87f41":"-me-1.5","mui-f28fea81a5cd":"mt-2","mui-cc51bda60e7e":"ml-auto","mui-496aca80e4d8":"block","mui-d1b2a59fbea7":"contents","mui-222f930b8752":"flex","mui-0f2a693e93e2":"grid","mui-e564b4081d7a":"hidden","mui-995cf20a9c45":"inline","mui-123306850fe1":"inline-flex","mui-0d4fc4a78d37":"table","mui-3da89b3ed14b":"field-sizing-content","mui-129d6f9b1e07":"aspect-square","mui-f7d12b41bceb":"size-(--cell-size)","mui-dc797fcc7165":"size-1.5","mui-5e34f5313859":"size-3","mui-61c000c8a98a":"size-3.5","mui-100c22d5776b":"size-4","mui-0712570dcc9f":"size-6","mui-79ede756e761":"size-7","mui-ebd37e04d422":"size-8","mui-3ee10ef4c057":"size-9","mui-d0a383a9c24f":"size-10","mui-4dad94bd15e3":"size-auto","mui-a5960ac1d283":"h-(--cell-size)","mui-c7d5500b77ab":"h-0","mui-099be97e1fa4":"h-4","mui-ce1945804664":"h-6","mui-1fb07b38c63b":"h-8","mui-539ae144f076":"h-9","mui-fdd2f85cad6b":"h-10","mui-a66e9985b093":"h-auto","mui-57c930dc1c31":"h-full","mui-ae2c4b060bb9":"h-px","mui-571ea69568d3":"max-h-(--filter-menu-height)","mui-1f061e70178e":"max-h-(--radix-dropdown-menu-content-available-height)","mui-b057efba3283":"max-h-96","mui-80baa5d03af7":"max-h-[calc(var(--filter-menu-height)-2px)]","mui-1326520533f0":"max-h-[min(6rem,calc(var(--filter-menu-height)*0.25))]","mui-fb4a3e97b5bd":"max-h-[min(20rem,var(--radix-dropdown-menu-content-available-height,20rem))]","mui-dcd942c18ddc":"max-h-[var(--radix-dropdown-menu-content-available-height)]","mui-410da8dfa8ac":"min-h-0","mui-9974acedf3f7":"min-h-9","mui-8423dc94ee06":"min-h-10","mui-50312c3ce4a3":"min-h-[60px]","mui-d48fe95d4da8":"w-(--cell-size)","mui-d4ea834145ae":"w-2","mui-8867d85ed290":"w-8","mui-4ac4ec8dfbce":"w-40","mui-72b37c1a040d":"w-64","mui-37535002f0f7":"w-72","mui-fc6a57ff7553":"w-[var(--mendy-filter-editor-width,19rem)]","mui-0b9c84552e40":"w-[var(--mendy-filter-list-width,var(--mendy-filter-anchor-width,18.75rem))]","mui-4415137b0467":"w-[var(--mendy-filter-menu-width,calc(var(--filter-list-width)_+_var(--mendy-filter-editor-width,19rem)))]","mui-8cfb5a42ef9f":"w-fit","mui-58d0413dd93c":"w-full","mui-91f82aa1df0c":"max-w-[60%]","mui-34055e6f8c1b":"max-w-[calc(100vw-2rem)]","mui-81b198a2db84":"max-w-full","mui-1458e495e3ae":"min-w-(--cell-size)","mui-184ddc11e5f9":"min-w-0","mui-e9ab1547c94d":"min-w-[8rem]","mui-2bf6510f1330":"min-w-full","mui-7bd5bab6d7f4":"flex-1","mui-66b490dd6005":"shrink","mui-27ead27a81df":"shrink-0","mui-215061302c50":"border-collapse","mui-3a3774477287":"origin-(--radix-dropdown-menu-content-transform-origin)","mui-5dde0fd996f0":"-translate-y-1/2","mui-aa214ea38326":"transform","mui-393df0d154e0":"animate-none!","mui-7b3cd77eb999":"animate-pulse","mui-2194d094b585":"cursor-col-resize","mui-d343f41ba73e":"cursor-default","mui-739a9a000791":"touch-none","mui-acd532d8913e":"resize","mui-ae112c903ef8":"resize-y","mui-eeb3a8b33f69":"grid-cols-[min(var(--filter-list-width),calc(100%_-_min(var(--mendy-filter-editor-width,19rem),50%)))_minmax(0,1fr)]","mui-b5985369ee35":"grid-rows-[minmax(0,1fr)]","mui-302c0d124a94":"flex-col","mui-faa8a23c68f6":"flex-wrap","mui-8fd2e2355cbc":"place-content-center","mui-71556df3b421":"items-center","mui-b9677bd1cb66":"items-start","mui-32c92bb1fde4":"justify-between","mui-a503dd374cca":"justify-center","mui-307644c34db6":"justify-end","mui-c62ec162662e":"justify-start","mui-19e97f3f40e6":"gap-1","mui-70007b876865":"gap-1.5","mui-074569488cca":"gap-2","mui-d7db3451d154":"gap-3","mui-90fc3ec35a37":"gap-4","mui-27e6c432192f":"space-y-1","mui-267171770524":"space-y-2","mui-b8ceaab118a4":"space-y-3","mui-5a3a4ee420c2":"truncate","mui-1a26a0d28420":"overflow-auto","mui-d5111d0e9f48":"overflow-hidden","mui-0fc84a692dad":"overflow-visible","mui-3b82279f859f":"overflow-x-hidden","mui-2368e909f3a5":"overflow-y-auto","mui-998780cdef87":"overscroll-contain","mui-01024deec75e":"rounded","mui-b005d61d0953":"rounded-full","mui-3fa8c572949b":"rounded-md","mui-52417259a4f5":"rounded-none","mui-02e603944040":"rounded-sm","mui-b31810dbd8a9":"rounded-s-none","mui-10c0bae8cba9":"rounded-l-md","mui-34bbd346e74c":"rounded-r-md","mui-4f1a55de40bc":"border","mui-dad556abfe15":"border-0","mui-55860251be20":"border-s","mui-3b6d5fc7b061":"border-e","mui-894c3815a57f":"border-t","mui-bbe39cfb5cc6":"border-b","mui-8450eb0f1857":"border-dashed","mui-163a623b3716":"border-border/50","mui-1267095cdeb7":"border-input","mui-9b76f456b8c9":"border-muted-foreground/50","mui-292affc1f780":"bg-accent","mui-5b272f3c5076":"bg-background","mui-a943bea85d66":"bg-border","mui-0cf6c2e8fe7e":"bg-current","mui-965cf6587342":"bg-destructive","mui-047624ec0c39":"bg-green-100","mui-87ecb59f2d2d":"bg-muted","mui-810ae775809b":"bg-muted-foreground/20","mui-e593c38256e0":"bg-popover","mui-0c2864fba576":"bg-primary","mui-d191cb569aac":"bg-secondary","mui-8fca9236d191":"bg-transparent","mui-04760bcd507f":"p-0","mui-1dee6e3ec67d":"p-1","mui-b97db4a9f432":"p-2","mui-094f5333853b":"p-3","mui-c432836760e3":"p-6","mui-c7902d77ad80":"p-8","mui-56b8f5e0fb12":"px-(--cell-size)","mui-16e909e6f01d":"px-0","mui-1da2e8f173c5":"px-1.5","mui-e7e01cc7f4df":"px-2","mui-0f9e6672913a":"px-3","mui-9513b3968002":"px-4","mui-0194c6e46323":"px-8","mui-1fcf28756bb1":"py-1","mui-a8c1dfb1d4ef":"py-1.5","mui-b5edc3ea7c91":"py-2","mui-078d945937da":"ps-8","mui-b2100041c585":"ps-9","mui-05d4103bd67f":"pe-2","mui-a202804a1738":"pe-3","mui-0e14c365f9e8":"pe-9","mui-559069d2c2e5":"pe-16","mui-0a702d97ed7d":"pt-3","mui-1a52da5bc88c":"pr-1","mui-f5d8e661d857":"pl-2","mui-05ab12448317":"text-center","mui-10558dbb3a24":"text-end","mui-e9347b78185f":"text-start","mui-757071a1d1c4":"text-base","mui-c74ab393b96d":"text-sm","mui-3992de70b033":"text-xs","mui-5f120ad4b50b":"text-[0.8rem]","mui-761cdb81bddb":"leading-none","mui-daaac3fbf55e":"font-medium","mui-52101fc7d8bb":"font-normal","mui-e1683b3c030a":"tracking-widest","mui-393883c1db68":"[overflow-wrap:anywhere]","mui-37cf9655f30a":"break-words","mui-726fca123972":"whitespace-normal","mui-963f6168b7d6":"whitespace-nowrap","mui-cc209238d847":"text-accent-foreground","mui-5eafab9bbefc":"text-current","mui-887b9502d5c7":"text-destructive","mui-8d4bf2704c8d":"text-destructive-foreground","mui-957a109f887f":"text-foreground","mui-35f35c41d134":"text-muted-foreground","mui-5bd2afe89f0b":"text-popover-foreground","mui-249f14ee5b6b":"text-primary","mui-abd1aaa1f5b2":"text-primary-foreground","mui-80df79ec9bb5":"text-secondary-foreground","mui-944969efb294":"underline","mui-d52f902a57e8":"underline-offset-4","mui-94f91922a10e":"opacity-0","mui-0b5a4d1257ab":"opacity-50","mui-65694092f002":"opacity-100","mui-0d4ca75de41c":"shadow-lg","mui-94ea94fde25f":"shadow-md","mui-89c3006b2722":"shadow-none","mui-7de07d413c13":"shadow-xs","mui-59edd3d33673":"outline-hidden","mui-318678825324":"outline","mui-e0122edc668b":"drop-shadow-md","mui-dfc3376b8266":"filter","mui-70dd37c11434":"transition","mui-eae178841c68":"transition-colors","mui-2cdd01663c76":"transition-opacity","mui-2b48746f4314":"transition-shadow","mui-b4b2fd95f324":"transition-none","mui-b30fc56058b6":"outline-none","mui-78905c9e865c":"select-none","mui-d80b6593dae5":"[--cell-size:--spacing(8)]","mui-82c2977beb8e":"[--cell-size:min(2rem,calc((100vw-3.5rem)/7))]","mui-d7d803c609c5":"[--filter-list-width:var(--mendy-filter-list-width,var(--mendy-filter-anchor-width,13rem))]","mui-971625533e56":"[--filter-menu-height:min(var(--mendy-filter-menu-max-height,44rem),var(--radix-dropdown-menu-content-available-height,44rem))]","mui-cacb19aa9640":"[scrollbar-width:thin]","mui-14bd99410890":"[unicode-bidi:isolate]","mui-97b1c00ff005":"group-hover:bg-accent","mui-ad936fcbed63":"group","mui-9af9a4182597":"group-data-[disabled=true]:pointer-events-none","mui-272ef88d6a0c":"group-data-[disabled=true]:opacity-50","mui-60052b901494":"group-data-[focused=true]/day:relative","mui-d9c5891363f9":"group/day","mui-3f96bf138f7b":"group-data-[focused=true]/day:z-10","mui-d39eb62b8363":"group-data-[focused=true]/day:border-ring","mui-5892a880410a":"group-data-[focused=true]/day:ring-1","mui-31b75c623c06":"group-data-[focused=true]/day:ring-ring","mui-e6020023567a":"group-data-[highlighted=true]:bg-accent","mui-f0ee83167878":"peer-disabled:cursor-not-allowed","mui-2ffc1d06387e":"peer","mui-25d26df52a1d":"peer-disabled:opacity-50","mui-32713fefe32f":"file:border-0","mui-25a74d576c42":"file:bg-transparent","mui-844abccf1fd0":"file:text-sm","mui-dc43de54f42a":"file:font-medium","mui-20315da78444":"placeholder:text-muted-foreground","mui-3deb00079b4c":"first:border-s-0","mui-beeef6663906":"last:border-e-0","mui-37ad15a95595":"hover:bg-accent","mui-63b29dace366":"hover:bg-accent/50","mui-bb6a4b3e902d":"hover:bg-destructive/90","mui-4273133a876a":"hover:bg-primary/20","mui-af9ea085901b":"hover:bg-primary/90","mui-099700a5a311":"hover:bg-secondary/80","mui-71863717995b":"hover:bg-transparent","mui-9f1f77b92dcb":"hover:text-accent-foreground","mui-4d6720d47806":"hover:text-foreground","mui-b56720602554":"hover:underline","mui-8da02faac748":"hover:opacity-100","mui-a8c1861c5d03":"focus:bg-accent","mui-a85c4c5d7465":"focus:text-accent-foreground","mui-b906a32b31ee":"focus-visible:border-ring","mui-2f669cfad5aa":"focus-visible:bg-primary/20","mui-39be5a15b766":"focus-visible:ring-1","mui-355efe22aedb":"focus-visible:ring-2","mui-365a4654f7b1":"focus-visible:ring-[3px]","mui-db549d38ff19":"focus-visible:ring-ring","mui-392a26f4c1b0":"focus-visible:ring-ring/50","mui-a47d391255f3":"focus-visible:outline","mui-1df9125eebaf":"focus-visible:outline-1","mui-a8719ed8b095":"focus-visible:-outline-offset-2","mui-2b1c7d88acff":"focus-visible:outline-primary","mui-223daa83ed2d":"focus-visible:outline-ring","mui-2e357972fc10":"focus-visible:outline-none","mui-50aafa8694bb":"focus-visible:ring-inset","mui-8d3c1014b967":"disabled:pointer-events-none","mui-db567af109b7":"disabled:cursor-not-allowed","mui-4600b77303d6":"disabled:opacity-50","mui-7eb7501a2ef0":"has-focus:border-ring","mui-d0449753ba7b":"has-focus:ring-[3px]","mui-fc19c8471f34":"has-focus:ring-ring/50","mui-e288cffc2ef4":"has-[>svg]:px-1.5","mui-3b01ee05b16d":"has-[>svg]:px-2.5","mui-9e08353b774f":"has-[>svg]:px-3","mui-2c0115d1c32a":"aria-disabled:opacity-50","mui-1fac1d7d1df3":"aria-invalid:border-destructive","mui-2d91b4cbc3cb":"aria-invalid:ring-destructive","mui-5491fd0b4dc5":"aria-invalid:ring-destructive/20","mui-2d6703b5473b":"aria-pressed:bg-accent","mui-ff2dcda51a27":"aria-pressed:text-accent-foreground","mui-7d900a71e5ba":"aria-selected:text-muted-foreground","mui-397f5ba426a0":"data-[disabled]:pointer-events-none","mui-9beb654fcb0d":"data-[disabled]:opacity-50","mui-9d7d1760cd8e":"data-[highlighted=true]:bg-accent","mui-6fa6a8ade7c4":"data-[inset]:pl-8","mui-bbaaa5969856":"data-[more-below=true]:[mask-image:linear-gradient(#000_calc(100%_-_1rem),transparent)]","mui-dfc89afd7885":"data-[navigation=pointer]:focus-visible:ring-0","mui-96308b55e0d6":"data-[range-end=true]:rounded-md","mui-a55dbe6f3eec":"data-[range-end=true]:rounded-r-md","mui-714051e55e8e":"data-[range-end=true]:bg-primary","mui-c764cebcd540":"data-[range-end=true]:text-primary-foreground","mui-05ec0700cd48":"data-[range-middle=true]:rounded-none","mui-5fb598fb06f4":"data-[range-middle=true]:bg-accent","mui-0813905aa141":"data-[range-middle=true]:text-accent-foreground","mui-8020e31bff67":"data-[range-start=true]:rounded-md","mui-ab65911baf1d":"data-[range-start=true]:rounded-l-md","mui-f5460d79341c":"data-[range-start=true]:bg-primary","mui-421a7d3e6631":"data-[range-start=true]:text-primary-foreground","mui-a39af81d518c":"data-[selected-single=true]:bg-primary","mui-b6991ab170de":"data-[selected-single=true]:text-primary-foreground","mui-3cc0d07ef843":"data-[selected=true]:rounded-none","mui-89f6aab7a3f8":"data-[side=bottom]:slide-in-from-top-2","mui-3550f48d66b9":"data-[side=left]:slide-in-from-right-2","mui-7720fe004f5c":"data-[side=right]:slide-in-from-left-2","mui-66b560f839de":"data-[side=top]:slide-in-from-bottom-2","mui-20553d55d224":"data-[state=checked]:border-primary","mui-57d6d6401a2f":"data-[state=checked]:bg-primary","mui-7ca12016214f":"data-[state=checked]:text-primary-foreground","mui-37d8a3f448ff":"data-[state=closed]:animate-none!","mui-0cb4489c3645":"data-[state=closed]:animate-out","mui-bb5869ef903b":"data-[state=closed]:fade-out-0","mui-f4cf4be63707":"data-[state=closed]:zoom-out-95","mui-bae1e782f277":"data-[state=open]:animate-in","mui-4027d9c589b6":"data-[state=open]:bg-accent","mui-1952cd5b00aa":"data-[state=open]:text-accent-foreground","mui-6f73a280432e":"data-[state=open]:text-foreground","mui-790ed041a953":"data-[state=open]:opacity-100","mui-45464a92c1f6":"data-[state=open]:fade-in-0","mui-9ca352480f25":"data-[state=open]:zoom-in-95","mui-f3f7a9c5e1b3":"data-[variant=destructive]:text-destructive","mui-e2bb4ac97190":"data-[variant=destructive]:focus:bg-destructive/10","mui-353a727facfd":"data-[variant=destructive]:focus:text-destructive","mui-237747164b60":"motion-reduce:animate-none","mui-0cc20f4e20c8":"sm:w-[21.875rem]","mui-56760b222da0":"md:flex-row","mui-c05c9b99939d":"md:text-sm","mui-36b12e8339c7":"rtl:rotate-180","mui-d254c96aea74":"dark:bg-green-950","mui-9daa2369a41b":"dark:bg-input/30","mui-b2786f463a62":"dark:hover:text-accent-foreground","mui-c88f65aa011e":"dark:aria-invalid:ring-destructive/40","mui-bd73d819941e":"dark:data-[state=checked]:bg-primary","mui-98a28c2293f7":"dark:data-[variant=destructive]:focus:bg-destructive/20","mui-d78a8526410d":"pointer-coarse:[--cell-size:min(2.5rem,calc((100vw-3.5rem)/7))]","mui-b51243872d85":"sm:pointer-fine:h-8","mui-e771a8b4d87d":"sm:pointer-fine:h-9","mui-aa0e3c036805":"sm:pointer-fine:min-h-8","mui-0288c4ea71ea":"sm:pointer-fine:py-0.5","mui-41d1475cf71a":"sm:pointer-fine:py-1.5","mui-548a450e8e53":"[&_*]:transition-none!","mui-a1c8c43d9be2":"[&_[role^=menuitem]]:min-h-9","mui-b43343fe71c0":"sm:pointer-fine:[&_[role^=menuitem]]:min-h-8","mui-cc310a330231":"[&_button]:font-semibold","mui-b7ff49878425":"[&_button]:underline","mui-d9bdd2c94504":"[&_button]:underline-offset-4","mui-bcae9d37090c":"[&_svg]:pointer-events-none","mui-c77732bd3ab4":"[&_svg]:size-3.5","mui-040e748a3fa0":"[&_svg]:shrink-0","mui-be87a4a64d81":"[&_svg:not([class*='size-'])]:size-3","mui-eb5ef2dbc2d4":"[&_svg:not([class*='size-'])]:size-4","mui-8637dfd54fbb":"[&_svg:not([class*='text-'])]:text-muted-foreground","mui-4f05a238500e":"[&::-webkit-search-cancel-button]:appearance-none","mui-74ab31abd804":"[&:first-child[data-selected=true]_button]:rounded-l-md","mui-13858191ca50":"rtl:**:[.rdp-button\\_next>svg]:rotate-180","mui-a324a7f99932":"rtl:**:[.rdp-button\\_previous>svg]:rotate-180","mui-82b114bbff3d":"data-[variant=destructive]:*:[svg]:text-destructive!","mui-6ee0c74de40c":"[&:last-child[data-selected=true]_button]:rounded-r-md","mui-6162ab70efb5":"[&:nth-child(2)[data-selected=true]_button]:rounded-l-md","mui-f157ee6bae99":"[&>div]:w-full","mui-ba417cf466b0":"[&>span]:text-xs","mui-829c8ef4f9c5":"[&>span]:opacity-70","mui-bf95f682e553":"[&>span:first-child]:mt-[calc(0.5lh-0.4375rem)]","mui-eb740dd32318":"[&>svg]:size-3.5","mui-019fd73c95db":"[&>svg]:text-muted-foreground","mui-b8293c91796c":"[[data-slot=card-content]_&]:bg-transparent","mui-8dd7e6b42262":"[[data-slot=popover-content]_&]:bg-transparent"};

package/dist/customization.js

@@ -6,7 +6,7 @@ import { Input as DefaultInput } from "./primitives/input.js";
 import { Textarea as DefaultTextarea } from "./primitives/textarea.js";
 import { Label as DefaultLabel } from "./primitives/label.js";
 import { Calendar as DefaultCalendar } from "./primitives/calendar.js";
-const Context = createContext({});
+const Context = createContext({ menuLayout: "anchored" });
 /** Nested providers inherit defaults; local settings override matching keys. */
 export function MendyUIProvider({ children, components, classNames, portalContainer, menuLayout, editorAnimation, }) {
     const parent = useContext(Context);

package/dist/filters/filter-bar.js

@@ -403,6 +403,9 @@ function ChoiceEditor({ field, value, input, options, disabled, apply, location,
     const selected = Array.isArray(value) ? value : value === null ? [] : [value];
     const selectedSet = new Set(selected);
     const searchLabel = field.searchLabel ?? `Search ${field.label.toLowerCase()}`;
+    if (location === "menu" && field.menuLayout === "inline" && field.kind === "single")
+        return (_jsxs("div", { "data-mendy-ui": "", className: "mui-184ddc11e5f9", children: [_jsx("div", { role: "group", "aria-label": field.label, className: "mui-123306850fe1 mui-81b198a2db84 mui-faa8a23c68f6 mui-d5111d0e9f48 mui-3fa8c572949b mui-4f1a55de40bc", children: options.items.map((choice) => (_jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: disabled || choice.disabled, "aria-pressed": selectedSet.has(choice.value), className: "mui-1fb07b38c63b mui-52417259a4f5 mui-55860251be20 mui-3deb00079b4c mui-0f9e6672913a mui-52101fc7d8bb mui-35f35c41d134 mui-2d6703b5473b mui-ff2dcda51a27", onClick: () => apply(singleChoiceValue(field, value, choice.value), false), children: field.renderOption?.(choice, { selected: selectedSet.has(choice.value) }) ??
+                            choice.label }, choice.value))) }), _jsx(OptionFeedback, { options: options, error: error })] }));
     return (_jsxs("div", { "data-mendy-ui": "", "data-filter-choices": "", className: "mui-58d0413dd93c", onKeyDown: (event) => {
             if (event.key === "Tab")
                 event.stopPropagation();

package/dist/filters/filter-definition.js

@@ -35,6 +35,7 @@ function makeField(kind, config, fallback, codec) {
     return {
         ...config,
         kind,
+        chipLabel: config.chipLabel ?? (kind === "single" || kind === "multi" ? false : undefined),
         defaultValue: config.defaultValue === undefined ? fallback : config.defaultValue,
         clearValue: config.clearValue === undefined ? fallback : config.clearValue,
         normalize,

package/dist/filters/filter-menu-panel.js

@@ -40,7 +40,7 @@ export function FilterMenuPanel({ sections, selectedId, onSelect, onClose, ancho
     const pendingEditorFocus = useRef(false);
     const { alignOffset, side, anchorStyle } = useMenuPlacement(anchor, trigger, desktop);
     const panelId = useId();
-    const detached = desktop && menuLayout === "anchored";
+    const detached = desktop && menuLayout !== "connected";
     const setContent = useAnchoredPointerEvents(content, detached);
     const editorPanel = useRef(null);
     const editorOffset = useEditorOffset({

package/dist/filters/filter-select-editor.d.ts

@@ -10,13 +10,19 @@ interface SharedProps {
     searchable?: boolean;
     searchPlaceholder?: string;
     emptyMessage?: string;
+    /** Disable during hover previews; focus on explicit entry instead. */
+    autoFocus?: boolean;
 }
 export interface FilterSelectEditorProps extends SharedProps {
     value: string;
     onValueChange: (value: string) => void;
+    /** Empty string by default, preserving the string-valued callback. */
+    clearValue?: string;
+    removable?: boolean;
+    closeOnSelect?: boolean;
 }
-/** Single selection applies immediately and closes the dropdown. */
-export declare function FilterSelectEditor({ value, onValueChange, ...props }: FilterSelectEditorProps): import("react/jsx-runtime").JSX.Element;
+/** Apply immediately, toggle the current choice off, and keep the dropdown open by default. */
+export declare function FilterSelectEditor({ value, onValueChange, clearValue, removable, closeOnSelect, ...props }: FilterSelectEditorProps): import("react/jsx-runtime").JSX.Element;
 export interface FilterMultiSelectEditorProps extends SharedProps {
     values: readonly string[];
     onValuesChange: (values: string[]) => void;

package/dist/filters/filter-select-editor.js

@@ -15,26 +15,30 @@ function handleSearchKey(event) {
     if (event.key !== "Escape" && event.key !== "Tab")
         event.stopPropagation();
 }
-function SearchableOptions({ label, options, searchable = true, searchPlaceholder, emptyMessage = "No options found.", children, }) {
+function SearchableOptions({ label, options, searchable = true, searchPlaceholder, emptyMessage = "No options found.", autoFocus = true, children, }) {
     const [query, setQuery] = useState("");
     const inputRef = useRef(null);
     useEffect(() => {
-        if (!searchable)
+        if (!searchable || !autoFocus)
             return;
         const frame = requestAnimationFrame(() => inputRef.current?.focus());
         return () => cancelAnimationFrame(frame);
-    }, [searchable]);
+    }, [searchable, autoFocus]);
     const filtered = !searchable
         ? options
         : options.filter((option) => option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
-    return (_jsxs("div", { className: "mui-72b37c1a040d mui-81b198a2db84", "data-mendy-ui": "", "data-slot": "filter-options", onKeyDown: (event) => {
+    return (_jsxs("div", { className: "mui-58d0413dd93c", "data-mendy-ui": "", "data-slot": "filter-options", onKeyDown: (event) => {
             if (event.key === "Tab")
                 event.stopPropagation();
         }, children: [searchable && (_jsx(FilterOptionSearch, { ref: inputRef, "aria-label": label, placeholder: searchPlaceholder ?? label, value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: handleSearchKey })), filtered.length ? (_jsx("div", { role: "menu", "aria-label": label, className: "mui-1dee6e3ec67d", children: children(filtered) })) : (_jsx("p", { role: "status", className: "mui-094f5333853b mui-c74ab393b96d mui-35f35c41d134", children: emptyMessage }))] }));
 }
-/** Single selection applies immediately and closes the dropdown. */
-export function FilterSelectEditor({ value, onValueChange, ...props }) {
-    return (_jsx(SearchableOptions, { ...props, children: (options) => (_jsx(DropdownMenuRadioGroup, { value: value, onValueChange: onValueChange, "aria-label": props.label, children: options.map((option) => (_jsx(DropdownMenuRadioItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value))) })) }));
+/** Apply immediately, toggle the current choice off, and keep the dropdown open by default. */
+export function FilterSelectEditor({ value, onValueChange, clearValue = "", removable = true, closeOnSelect = false, ...props }) {
+    return (_jsx(SearchableOptions, { ...props, children: (options) => (_jsx(DropdownMenuRadioGroup, { value: value, "aria-label": props.label, children: options.map((option) => (_jsx(DropdownMenuRadioItem, { value: option.value, disabled: option.disabled, onSelect: (event) => {
+                    if (!closeOnSelect)
+                        event.preventDefault();
+                    onValueChange(removable && value === option.value ? clearValue : option.value);
+                }, children: option.label }, option.value))) })) }));
 }
 /** Multiple selections apply immediately and keep the editor open. */
 export function FilterMultiSelectEditor({ values, onValuesChange, ...props }) {

package/dist/styles.css

@@ -2,6 +2,8 @@
 @layer properties;
 @layer theme {
   :where([data-mendy-ui]),:where([data-mendy-ui]) {
+    --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-950: oklch(26.6% 0.065 152.934);
     --spacing: 0.25rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -49,12 +51,18 @@
   .mui-d2d9e1f13413:where([data-mendy-ui], [data-mendy-ui] *) {
     position: relative;
   }
+  .mui-964a9431ff49:where([data-mendy-ui], [data-mendy-ui] *) {
+    position: sticky;
+  }
   .mui-ce13093ad8c9:where([data-mendy-ui], [data-mendy-ui] *) {
     inset: calc(var(--spacing) * 0);
   }
   .mui-3ba24c062d55:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline: calc(var(--spacing) * 0);
   }
+  .mui-eb9e48c5dda9:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-block: calc(var(--spacing) * 0);
+  }
   .mui-cced28c6dc3f:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-start: var(--spacing);
   }
@@ -79,6 +87,30 @@
   .mui-4e45f4841abb:where([data-mendy-ui], [data-mendy-ui] *) {
     top: calc(1 / 2 * 100%);
   }
+  .mui-a74c4477017c:where([data-mendy-ui], [data-mendy-ui] *) {
+    right: calc(var(--spacing) * 0);
+  }
+  .mui-30150dd033ab:where([data-mendy-ui], [data-mendy-ui] *) {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .mui-a5c36273c0f0:where([data-mendy-ui], [data-mendy-ui] *) {
+    bottom: calc(var(--spacing) * 2);
+  }
+  .mui-635702706586:where([data-mendy-ui], [data-mendy-ui] *) {
+    left: calc(var(--spacing) * 0);
+  }
+  .mui-014aadadffad:where([data-mendy-ui], [data-mendy-ui] *) {
+    isolation: isolate;
+  }
+  .mui-418e44ad4f9e:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 10;
+  }
+  .mui-4e8f0a87a0dc:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 20;
+  }
+  .mui-fbb62f5cb6fe:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 30;
+  }
   .mui-3eef1ce97dba:where([data-mendy-ui], [data-mendy-ui] *) {
     z-index: 50;
   }
@@ -148,6 +180,9 @@
   .mui-123306850fe1:where([data-mendy-ui], [data-mendy-ui] *) {
     display: inline-flex;
   }
+  .mui-0d4fc4a78d37:where([data-mendy-ui], [data-mendy-ui] *) {
+    display: table;
+  }
   .mui-3da89b3ed14b:where([data-mendy-ui], [data-mendy-ui] *) {
     field-sizing: content;
   }
@@ -162,6 +197,10 @@
     width: calc(var(--spacing) * 1.5);
     height: calc(var(--spacing) * 1.5);
   }
+  .mui-5e34f5313859:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
   .mui-61c000c8a98a:where([data-mendy-ui], [data-mendy-ui] *) {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -230,6 +269,9 @@
   .mui-1f061e70178e:where([data-mendy-ui], [data-mendy-ui] *) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
+  .mui-b057efba3283:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-height: calc(var(--spacing) * 96);
+  }
   .mui-80baa5d03af7:where([data-mendy-ui], [data-mendy-ui] *) {
     max-height: calc(var(--filter-menu-height) - 2px);
   }
@@ -257,9 +299,15 @@
   .mui-d48fe95d4da8:where([data-mendy-ui], [data-mendy-ui] *) {
     width: var(--cell-size);
   }
+  .mui-d4ea834145ae:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: calc(var(--spacing) * 2);
+  }
   .mui-8867d85ed290:where([data-mendy-ui], [data-mendy-ui] *) {
     width: calc(var(--spacing) * 8);
   }
+  .mui-4ac4ec8dfbce:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: calc(var(--spacing) * 40);
+  }
   .mui-72b37c1a040d:where([data-mendy-ui], [data-mendy-ui] *) {
     width: calc(var(--spacing) * 64);
   }
@@ -299,6 +347,9 @@
   .mui-e9ab1547c94d:where([data-mendy-ui], [data-mendy-ui] *) {
     min-width: 8rem;
   }
+  .mui-2bf6510f1330:where([data-mendy-ui], [data-mendy-ui] *) {
+    min-width: 100%;
+  }
   .mui-7bd5bab6d7f4:where([data-mendy-ui], [data-mendy-ui] *) {
     flex: 1;
   }
@@ -327,9 +378,15 @@
   .mui-7b3cd77eb999:where([data-mendy-ui], [data-mendy-ui] *) {
     animation: var(--animate-pulse);
   }
+  .mui-2194d094b585:where([data-mendy-ui], [data-mendy-ui] *) {
+    cursor: col-resize;
+  }
   .mui-d343f41ba73e:where([data-mendy-ui], [data-mendy-ui] *) {
     cursor: default;
   }
+  .mui-739a9a000791:where([data-mendy-ui], [data-mendy-ui] *) {
+    touch-action: none;
+  }
   .mui-acd532d8913e:where([data-mendy-ui], [data-mendy-ui] *) {
     resize: both;
   }
@@ -363,6 +420,9 @@
   .mui-a503dd374cca:where([data-mendy-ui], [data-mendy-ui] *) {
     justify-content: center;
   }
+  .mui-307644c34db6:where([data-mendy-ui], [data-mendy-ui] *) {
+    justify-content: flex-end;
+  }
   .mui-c62ec162662e:where([data-mendy-ui], [data-mendy-ui] *) {
     justify-content: flex-start;
   }
@@ -395,11 +455,21 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--mendy-tw-space-y-reverse)));
     }
   }
+  .mui-b8ceaab118a4:where([data-mendy-ui], [data-mendy-ui] *) {
+    :where(& > :not(:last-child)) {
+      --mendy-tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--mendy-tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--mendy-tw-space-y-reverse)));
+    }
+  }
   .mui-5a3a4ee420c2:where([data-mendy-ui], [data-mendy-ui] *) {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .mui-1a26a0d28420:where([data-mendy-ui], [data-mendy-ui] *) {
+    overflow: auto;
+  }
   .mui-d5111d0e9f48:where([data-mendy-ui], [data-mendy-ui] *) {
     overflow: hidden;
   }
@@ -415,6 +485,9 @@
   .mui-998780cdef87:where([data-mendy-ui], [data-mendy-ui] *) {
     overscroll-behavior: contain;
   }
+  .mui-01024deec75e:where([data-mendy-ui], [data-mendy-ui] *) {
+    border-radius: 0.25rem;
+  }
   .mui-b005d61d0953:where([data-mendy-ui], [data-mendy-ui] *) {
     border-radius: calc(infinity * 1px);
   }
@@ -497,6 +570,12 @@
   .mui-965cf6587342:where([data-mendy-ui], [data-mendy-ui] *) {
     background-color: var(--destructive, #dc2626);
   }
+  .mui-047624ec0c39:where([data-mendy-ui], [data-mendy-ui] *) {
+    background-color: var(--color-green-100);
+  }
+  .mui-87ecb59f2d2d:where([data-mendy-ui], [data-mendy-ui] *) {
+    background-color: var(--muted, #f5f5f5);
+  }
   .mui-810ae775809b:where([data-mendy-ui], [data-mendy-ui] *) {
     background-color: var(--muted-foreground, #737373);
     @supports (color: color-mix(in lab, red, red)) {
@@ -527,9 +606,18 @@
   .mui-094f5333853b:where([data-mendy-ui], [data-mendy-ui] *) {
     padding: calc(var(--spacing) * 3);
   }
+  .mui-c432836760e3:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding: calc(var(--spacing) * 6);
+  }
+  .mui-c7902d77ad80:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding: calc(var(--spacing) * 8);
+  }
   .mui-56b8f5e0fb12:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-inline: var(--cell-size);
   }
+  .mui-16e909e6f01d:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding-inline: calc(var(--spacing) * 0);
+  }
   .mui-1da2e8f173c5:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-inline: calc(var(--spacing) * 1.5);
   }
@@ -584,6 +672,9 @@
   .mui-05ab12448317:where([data-mendy-ui], [data-mendy-ui] *) {
     text-align: center;
   }
+  .mui-10558dbb3a24:where([data-mendy-ui], [data-mendy-ui] *) {
+    text-align: end;
+  }
   .mui-e9347b78185f:where([data-mendy-ui], [data-mendy-ui] *) {
     text-align: start;
   }
@@ -760,6 +851,13 @@
   .mui-14bd99410890:where([data-mendy-ui], [data-mendy-ui] *) {
     unicode-bidi: isolate;
   }
+  .mui-97b1c00ff005:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:is(:where(.mui-ad936fcbed63):hover *) {
+      @media (hover: hover) {
+        background-color: var(--accent, #f5f5f5);
+      }
+    }
+  }
   .mui-9af9a4182597:where([data-mendy-ui], [data-mendy-ui] *) {
     &:is(:where(.mui-ad936fcbed63)[data-disabled="true"] *) {
       pointer-events: none;
@@ -796,6 +894,11 @@
       --mendy-tw-ring-color: var(--ring, #737373);
     }
   }
+  .mui-e6020023567a:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:is(:where(.mui-ad936fcbed63)[data-highlighted="true"] *) {
+      background-color: var(--accent, #f5f5f5);
+    }
+  }
   .mui-f0ee83167878:where([data-mendy-ui], [data-mendy-ui] *) {
     &:is(:where(.mui-2ffc1d06387e):disabled ~ *) {
       cursor: not-allowed;
@@ -834,6 +937,18 @@
       color: var(--muted-foreground, #737373);
     }
   }
+  .mui-3deb00079b4c:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:first-child {
+      border-inline-start-style: var(--mendy-tw-border-style);
+      border-inline-start-width: 0px;
+    }
+  }
+  .mui-beeef6663906:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:last-child {
+      border-inline-end-style: var(--mendy-tw-border-style);
+      border-inline-end-width: 0px;
+    }
+  }
   .mui-37ad15a95595:where([data-mendy-ui], [data-mendy-ui] *) {
     &:hover {
       @media (hover: hover) {
@@ -841,6 +956,16 @@
       }
     }
   }
+  .mui-63b29dace366:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent, #f5f5f5);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--accent, #f5f5f5) 50%, transparent);
+        }
+      }
+    }
+  }
   .mui-bb6a4b3e902d:where([data-mendy-ui], [data-mendy-ui] *) {
     &:hover {
       @media (hover: hover) {
@@ -851,6 +976,16 @@
       }
     }
   }
+  .mui-4273133a876a:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary, #171717);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary, #171717) 20%, transparent);
+        }
+      }
+    }
+  }
   .mui-af9ea085901b:where([data-mendy-ui], [data-mendy-ui] *) {
     &:hover {
       @media (hover: hover) {
@@ -921,6 +1056,14 @@
       border-color: var(--ring, #737373);
     }
   }
+  .mui-2f669cfad5aa:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:focus-visible {
+      background-color: var(--primary, #171717);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary, #171717) 20%, transparent);
+      }
+    }
+  }
   .mui-39be5a15b766:where([data-mendy-ui], [data-mendy-ui] *) {
     &:focus-visible {
       --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(1px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
@@ -952,12 +1095,28 @@
       }
     }
   }
+  .mui-a47d391255f3:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:focus-visible {
+      outline-style: var(--mendy-tw-outline-style);
+      outline-width: 1px;
+    }
+  }
   .mui-1df9125eebaf:where([data-mendy-ui], [data-mendy-ui] *) {
     &:focus-visible {
       outline-style: var(--mendy-tw-outline-style);
       outline-width: 1px;
     }
   }
+  .mui-a8719ed8b095:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:focus-visible {
+      outline-offset: calc(2px * -1);
+    }
+  }
+  .mui-2b1c7d88acff:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:focus-visible {
+      outline-color: var(--primary, #171717);
+    }
+  }
   .mui-223daa83ed2d:where([data-mendy-ui], [data-mendy-ui] *) {
     &:focus-visible {
       outline-color: var(--ring, #737373);
@@ -1046,6 +1205,16 @@
       }
     }
   }
+  .mui-2d6703b5473b:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[aria-pressed="true"] {
+      background-color: var(--accent, #f5f5f5);
+    }
+  }
+  .mui-ff2dcda51a27:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[aria-pressed="true"] {
+      color: var(--accent-foreground, #171717);
+    }
+  }
   .mui-7d900a71e5ba:where([data-mendy-ui], [data-mendy-ui] *) {
     &[aria-selected="true"] {
       color: var(--muted-foreground, #737373);
@@ -1061,6 +1230,11 @@
       opacity: 50%;
     }
   }
+  .mui-9d7d1760cd8e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-highlighted="true"] {
+      background-color: var(--accent, #f5f5f5);
+    }
+  }
   .mui-6fa6a8ade7c4:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-inset] {
       padding-left: calc(var(--spacing) * 8);
@@ -1293,6 +1467,11 @@
       rotate: 180deg;
     }
   }
+  .mui-d254c96aea74:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:is(.dark *) {
+      background-color: var(--color-green-950);
+    }
+  }
   .mui-9daa2369a41b:where([data-mendy-ui], [data-mendy-ui] *) {
     &:is(.dark *) {
       background-color: var(--input, #e5e5e5);