mantine-composite-filters 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Vitaly Rtishchev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,39 @@
+# Mantine Extension Template
+
+This is a template repository for creating Mantine extensions. It includes all necessary configuration files and scripts to get you started.
+
+## Get started
+
+1. Click "Use this template" button at the top of the page to create a new repository based on this template.
+2. Clone the repository to your local machine and install dependencies (`yarn`)
+3. Run `nvm use` to switch to the correct node version
+4. Come up with a name for your extension and replace all occurrences of `mantine-extension-template` with your extension name
+5. Change `repository` field in [package/package.json](https://github.com/mantinedev/extension-template/blob/master/package/package.json) to point to your repository
+6. Run `npm run docgen` to generate files required for documentation
+7. To verify that everything works correctly, run `npm run build` and `npm test` to build and test your initial setup
+8. All good! Start developing your extension.
+
+## Local development
+
+To develop your extension locally, run the following commands:
+
+- Run `npm run storybook` to start the storybook
+- Run `npm run dev` to start the documentation
+- To regenerate props documentation, run `npm run docgen`
+
+## Publishing package
+
+1. Login with your npm account by running `npm login`, if you have 2FA enabled, [generate automation token](https://docs.npmjs.com/creating-and-viewing-access-tokens) and add it to your `~/.npmrc` file
+2. Make sure that your package name is unique and does not exist on npm yet
+3. Run `npm run release:patch`, `npm run release:minor` or `npm run release:major` to publish new version of your package
+
+## Publish documentation
+
+By default, the documentation is deployed to GitHub Pages. The script to deploy documentation runs automatically when the package is published. In order for
+this script to work correctly, you need to make sure that `repository` field in [package/package.json](https://github.com/mantinedev/extension-template/blob/master/package/package.json) points to your repository.
+
+To publish documentation manually, run `npm run docs:deploy`.
+
+## README file of your extension
+
+`README.md` file at the root repository directory (file that you are currently reading) is copied to to `package/README.md` during the build process to avoid duplication. To add content to the README file of your extension, remove extension template documentation from this file and add your own content.

package/dist/cjs/node_modules/clsx/dist/clsx.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+exports.clsx = clsx;
+exports.default = clsx;
+//# sourceMappingURL=clsx.cjs.map

package/dist/cjs/node_modules/clsx/dist/clsx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.cjs","sources":["../../../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";;;;;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,GAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,OAAO,CAAC,CAAA,CAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,OAAO,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAC,CAAA,CAAA,CAAG,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC,CAAG,CAAA,CAAA,CAAC,EAAE,CAAG,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAA,CAAC,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,CAAC,CAAE,CAAA,CAAA,CAAA,CAAG,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,IAAI,CAAE,CAAA,CAAC,IAAI,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAC,CAAC,CAAC,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC,CAAG,CAAA,CAAA,CAAC,EAAE,CAAG,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/clsx/dist/clsx.mjs

@@ -0,0 +1,5 @@
+'use client';
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+export { clsx, clsx as default };
+//# sourceMappingURL=clsx.mjs.map

package/dist/esm/node_modules/clsx/dist/clsx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.mjs","sources":["../../../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,GAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,OAAO,CAAC,CAAA,CAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,OAAO,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAC,CAAA,CAAA,CAAG,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC,CAAG,CAAA,CAAA,CAAC,EAAE,CAAG,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAA,CAAC,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,CAAC,CAAE,CAAA,CAAA,CAAA,CAAG,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,IAAI,CAAE,CAAA,CAAC,IAAI,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAC,CAAC,CAAC,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC,CAAG,CAAA,CAAA,CAAC,EAAE,CAAG,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;;","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -0,0 +1 @@
+.me_7e10d93c{align-items:center;background-color:var(--mantine-color-gray-0);border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);cursor:text;display:flex;gap:var(--mantine-spacing-xs);padding-left:var(--mantine-spacing-sm);padding-right:var(--mantine-spacing-sm);position:relative;transition:all var(--mantine-transition-duration)}.me_7e10d93c:hover{border-color:var(--mantine-color-gray-4)}.me_7e10d93c:focus-within{border-color:var(--mantine-color-primary-6);box-shadow:0 0 0 1px var(--mantine-color-primary-1)}.me_20867b6c{align-items:center;display:flex;flex:1;gap:var(--mantine-spacing-xs)}.me_a6ea0d59{display:flex;flex-wrap:nowrap;min-height:calc(var(--mantine-spacing-xl)*1);overflow-x:auto;padding-right:calc(var(--mantine-spacing-xl)*2);padding-top:calc(var(--mantine-spacing-xs)/2.5)}.me_a6ea0d59::-webkit-scrollbar{height:4px}.me_a6ea0d59::-webkit-scrollbar-thumb{background-color:rgba(var(--mantine-color-primary-5-rgb),.2);border-radius:var(--mantine-radius-sm)}.me_a6ea0d59::-webkit-scrollbar-track{background:transparent}.me_38ec29d6{flex-wrap:wrap;min-height:calc(var(--mantine-spacing-xl)*1.5)}.me_7aac7a05{background:transparent;border:0;color:var(--mantine-color-text);flex:1;font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height);min-width:calc(var(--mantine-spacing-xl)*7.5);outline:none;padding:0}.me_7aac7a05:focus{box-shadow:none;outline:none}.me_7aac7a05::placeholder{color:var(--mantine-color-dimmed);opacity:1}.me_7aac7a05:disabled{cursor:not-allowed;opacity:.6}.me_d9fcf28e{align-items:center;display:flex;flex-shrink:0;gap:var(--mantine-spacing-xs);padding-left:var(--mantine-spacing-xs)}.me_777db3f6{background-color:var(--mantine-color-white);border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);box-shadow:var(--mantine-shadow-sm);max-width:400px;min-width:200px;overflow:hidden}.me_7605a562{flex-shrink:0;gap:2px;white-space:nowrap}.me_7605a562,.me_fb6e536c{align-items:center;display:inline-flex}.me_fb6e536c{background-color:var(--mantine-color-gray-1);border:none;border-radius:var(--mantine-radius-sm);font-size:var(--mantine-font-size-sm);gap:calc(var(--mantine-spacing-xs)/2);height:24px;line-height:1;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}.me_9bac9170{border-bottom-right-radius:0;border-top-right-radius:0}.me_6e20f28{border-radius:0}.me_7efeb999{border-bottom-left-radius:0;border-top-left-radius:0}.me_37c53a7b{align-items:center;color:var(--mantine-color-gray-6);display:flex;flex-shrink:0;justify-content:center}.me_d9ad7055{color:var(--mantine-color-gray-7);font-weight:400}.me_f6f8490e{font-size:var(--mantine-font-size-xs)}.me_f9b6c59c{font-size:var(--mantine-font-size-sm)}.me_b536afa3{color:var(--mantine-color-gray-7);font-weight:400}.me_cff5d600{font-size:var(--mantine-font-size-xs)}.me_113ad26a{font-size:var(--mantine-font-size-sm)}.me_725f1af8{color:var(--mantine-color-gray-6)}.me_8a790ddc{border-radius:var(--mantine-radius-md);padding:calc(var(--mantine-spacing-xs)/2)}.me_534e04b6{align-items:center;display:flex;flex-direction:column;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-lg) var(--mantine-spacing-md)}.me_dc57724{color:var(--mantine-color-gray-5)}.me_dca7fd8{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}.me_d2eb2177{background:transparent;border:none;border-radius:var(--mantine-radius-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all .15s}.me_d2eb2177:hover{background-color:var(--mantine-color-gray-1)}.me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-primary-1);color:var(--mantine-color-primary-7)}.me_b196702{gap:var(--mantine-spacing-sm)}.me_b196702,.me_b6b44e18{align-items:center;display:flex}.me_b6b44e18{color:var(--mantine-color-gray-6);flex-shrink:0;justify-content:center}.me_c95c21c{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}.me_d9b5c915{display:flex;flex-direction:column;gap:calc(var(--mantine-spacing-xs)/2)}.me_88a0d5c6{border-radius:var(--mantine-radius-md);padding:calc(var(--mantine-spacing-xs)/2)}.me_ba15b44d{background:transparent;border:none;border-radius:var(--mantine-radius-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all .15s}.me_ba15b44d:hover{background-color:var(--mantine-color-gray-1)}.me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-primary-1);color:var(--mantine-color-primary-7)}.me_2e027dd8{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}.me_c0e05beb{display:flex;flex-direction:column;gap:calc(var(--mantine-spacing-xs)/2)}.me_f06d3053{border-radius:var(--mantine-radius-md);padding:calc(var(--mantine-spacing-xs)/2)}.me_447b7e5f{align-items:center;display:flex;flex-direction:column;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-lg) var(--mantine-spacing-md)}.me_c73ad7db{color:var(--mantine-color-gray-5)}.me_c73fe08f{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}.me_f73d5420{background:transparent;border:none;border-radius:var(--mantine-radius-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all .15s}.me_f73d5420:hover{background-color:var(--mantine-color-gray-1)}.me_b2178adb,.me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-primary-1);color:var(--mantine-color-primary-7)}.me_54f19439{gap:var(--mantine-spacing-sm)}.me_54f19439,.me_7d89a8ae{align-items:center;display:flex}.me_7d89a8ae{background-color:var(--mantine-color-white);border:1px solid var(--mantine-color-gray-4);border-radius:var(--mantine-radius-xs);color:var(--mantine-color-white);flex-shrink:0;height:calc(var(--mantine-spacing-md) - 2px);justify-content:center;transition:all var(--mantine-transition-duration);width:calc(var(--mantine-spacing-md) - 2px)}.me_dec57169{background-color:var(--mantine-color-primary-6);border-color:var(--mantine-color-primary-6)}.me_98eeceb4{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}.me_e7d18146{align-items:center;border-top:1px solid var(--mantine-color-gray-2);display:flex;gap:var(--mantine-spacing-sm);justify-content:space-between;margin-top:calc(var(--mantine-spacing-xs)/2);padding:var(--mantine-spacing-sm)}.me_b52b2793{color:var(--mantine-color-gray-6);font-weight:400}.me_23329375,.me_b52b2793{font-size:var(--mantine-font-size-xs)}.me_23329375{align-items:center;background-color:var(--mantine-color-primary-6);border:none;border-radius:var(--mantine-radius-sm);color:var(--mantine-color-white);cursor:pointer;display:flex;font-weight:500;gap:calc(var(--mantine-spacing-xs)/2);outline:none;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all var(--mantine-transition-duration)}.me_23329375:hover{background-color:var(--mantine-color-primary-7)}.me_fe07fbbe{display:flex;flex-direction:column;gap:calc(var(--mantine-spacing-xs)/2)}.me_53ad7594{color:var(--mantine-color-yellow-5);font-size:var(--mantine-font-size-xs);margin-left:var(--mantine-spacing-xs);margin-top:var(--mantine-spacing-sm)}.me_55847095{flex-shrink:0;gap:2px;white-space:nowrap}.me_1b8832ef,.me_55847095{align-items:center;display:inline-flex}.me_1b8832ef{background-color:var(--mantine-color-gray-1);border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;font-size:var(--mantine-font-size-sm);gap:calc(var(--mantine-spacing-xs)/2);height:24px;line-height:1;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}.me_1b8832ef:hover{background-color:var(--mantine-color-gray-2)}.me_b70ebcd{border-bottom-right-radius:0;border-top-right-radius:0}.me_8a849702{cursor:default}.me_8a849702:hover{background-color:var(--mantine-color-gray-1)}.me_79b1bbab{border-radius:0}.me_eec313f6{border-bottom-left-radius:0;border-top-left-radius:0}.me_5efde86e{flex-shrink:0;margin-left:2px}.me_aa94e6fe{align-items:center;color:var(--mantine-color-gray-6);display:flex;flex-shrink:0;justify-content:center}.me_5acd7b18{color:var(--mantine-color-gray-7);font-weight:400}.me_de1e2ceb{font-size:var(--mantine-font-size-xs)}.me_6c86721f{font-size:var(--mantine-font-size-sm)}.me_24fb0a00{color:var(--mantine-color-gray-7);font-weight:400}.me_c2458903{font-size:var(--mantine-font-size-xs)}.me_c6773307{font-size:var(--mantine-font-size-sm)}.me_5b5a8d95{color:var(--mantine-color-gray-9);font-weight:400;max-width:calc(var(--mantine-spacing-xl)*12.5);overflow:hidden;text-overflow:ellipsis}.me_230bc3ce{font-size:var(--mantine-font-size-xs)}.me_13e8f2dc{font-size:var(--mantine-font-size-sm)}.me_9b80753c,.me_dc3a6d7b{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_fed841bd{align-items:center;display:flex;gap:var(--mantine-spacing-xs);margin-left:var(--mantine-spacing-xs);margin-top:var(--mantine-spacing-sm)}.me_755acd29{background:linear-gradient(to bottom right,var(--mantine-color-primary-filled),var(--mantine-color-primary-filled));border:0;border-radius:var(--mantine-radius-md);box-shadow:none;outline:none;padding:calc(var(--mantine-spacing-xs) + 2px);transition:all var(--mantine-transition-duration)}.me_755acd29,.me_755acd29:hover{color:var(--mantine-color-primary-filled)}.me_755acd29:focus{box-shadow:none;outline:none}.me_36f1fa71{color:var(--mantine-color-primary-filled);font-size:var(--mantine-font-size-xs)}

package/dist/styles.layer.css

@@ -0,0 +1 @@
+@layer mantine {.me_7e10d93c{align-items:center;background-color:var(--mantine-color-gray-0);border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);cursor:text;display:flex;gap:var(--mantine-spacing-xs);padding-left:var(--mantine-spacing-sm);padding-right:var(--mantine-spacing-sm);position:relative;transition:all var(--mantine-transition-duration)}.me_7e10d93c:hover{border-color:var(--mantine-color-gray-4)}.me_7e10d93c:focus-within{border-color:var(--mantine-color-primary-6);box-shadow:0 0 0 1px var(--mantine-color-primary-1)}.me_20867b6c{align-items:center;display:flex;flex:1;gap:var(--mantine-spacing-xs)}.me_a6ea0d59{display:flex;flex-wrap:nowrap;min-height:calc(var(--mantine-spacing-xl)*1);overflow-x:auto;padding-right:calc(var(--mantine-spacing-xl)*2);padding-top:calc(var(--mantine-spacing-xs)/2.5)}.me_a6ea0d59::-webkit-scrollbar{height:4px}.me_a6ea0d59::-webkit-scrollbar-thumb{background-color:rgba(var(--mantine-color-primary-5-rgb),.2);border-radius:var(--mantine-radius-sm)}.me_a6ea0d59::-webkit-scrollbar-track{background:transparent}.me_38ec29d6{flex-wrap:wrap;min-height:calc(var(--mantine-spacing-xl)*1.5)}.me_7aac7a05{background:transparent;border:0;color:var(--mantine-color-text);flex:1;font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height);min-width:calc(var(--mantine-spacing-xl)*7.5);outline:none;padding:0}.me_7aac7a05:focus{box-shadow:none;outline:none}.me_7aac7a05::placeholder{color:var(--mantine-color-dimmed);opacity:1}.me_7aac7a05:disabled{cursor:not-allowed;opacity:.6}.me_d9fcf28e{align-items:center;display:flex;flex-shrink:0;gap:var(--mantine-spacing-xs);padding-left:var(--mantine-spacing-xs)}.me_777db3f6{background-color:var(--mantine-color-white);border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);box-shadow:var(--mantine-shadow-sm);max-width:400px;min-width:200px;overflow:hidden}.me_7605a562{flex-shrink:0;gap:2px;white-space:nowrap}.me_7605a562,.me_fb6e536c{align-items:center;display:inline-flex}.me_fb6e536c{background-color:var(--mantine-color-gray-1);border:none;border-radius:var(--mantine-radius-sm);font-size:var(--mantine-font-size-sm);gap:calc(var(--mantine-spacing-xs)/2);height:24px;line-height:1;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}.me_9bac9170{border-bottom-right-radius:0;border-top-right-radius:0}.me_6e20f28{border-radius:0}.me_7efeb999{border-bottom-left-radius:0;border-top-left-radius:0}.me_37c53a7b{align-items:center;color:var(--mantine-color-gray-6);display:flex;flex-shrink:0;justify-content:center}.me_d9ad7055{color:var(--mantine-color-gray-7);font-weight:400}.me_f6f8490e{font-size:var(--mantine-font-size-xs)}.me_f9b6c59c{font-size:var(--mantine-font-size-sm)}.me_b536afa3{color:var(--mantine-color-gray-7);font-weight:400}.me_cff5d600{font-size:var(--mantine-font-size-xs)}.me_113ad26a{font-size:var(--mantine-font-size-sm)}.me_725f1af8{color:var(--mantine-color-gray-6)}.me_8a790ddc{border-radius:var(--mantine-radius-md);padding:calc(var(--mantine-spacing-xs)/2)}.me_534e04b6{align-items:center;display:flex;flex-direction:column;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-lg) var(--mantine-spacing-md)}.me_dc57724{color:var(--mantine-color-gray-5)}.me_dca7fd8{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}.me_d2eb2177{background:transparent;border:none;border-radius:var(--mantine-radius-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all .15s}.me_d2eb2177:hover{background-color:var(--mantine-color-gray-1)}.me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-primary-1);color:var(--mantine-color-primary-7)}.me_b196702{gap:var(--mantine-spacing-sm)}.me_b196702,.me_b6b44e18{align-items:center;display:flex}.me_b6b44e18{color:var(--mantine-color-gray-6);flex-shrink:0;justify-content:center}.me_c95c21c{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}.me_d9b5c915{display:flex;flex-direction:column;gap:calc(var(--mantine-spacing-xs)/2)}.me_88a0d5c6{border-radius:var(--mantine-radius-md);padding:calc(var(--mantine-spacing-xs)/2)}.me_ba15b44d{background:transparent;border:none;border-radius:var(--mantine-radius-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all .15s}.me_ba15b44d:hover{background-color:var(--mantine-color-gray-1)}.me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-primary-1);color:var(--mantine-color-primary-7)}.me_2e027dd8{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}.me_c0e05beb{display:flex;flex-direction:column;gap:calc(var(--mantine-spacing-xs)/2)}.me_f06d3053{border-radius:var(--mantine-radius-md);padding:calc(var(--mantine-spacing-xs)/2)}.me_447b7e5f{align-items:center;display:flex;flex-direction:column;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-lg) var(--mantine-spacing-md)}.me_c73ad7db{color:var(--mantine-color-gray-5)}.me_c73fe08f{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}.me_f73d5420{background:transparent;border:none;border-radius:var(--mantine-radius-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all .15s}.me_f73d5420:hover{background-color:var(--mantine-color-gray-1)}.me_b2178adb,.me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-primary-1);color:var(--mantine-color-primary-7)}.me_54f19439{gap:var(--mantine-spacing-sm)}.me_54f19439,.me_7d89a8ae{align-items:center;display:flex}.me_7d89a8ae{background-color:var(--mantine-color-white);border:1px solid var(--mantine-color-gray-4);border-radius:var(--mantine-radius-xs);color:var(--mantine-color-white);flex-shrink:0;height:calc(var(--mantine-spacing-md) - 2px);justify-content:center;transition:all var(--mantine-transition-duration);width:calc(var(--mantine-spacing-md) - 2px)}.me_dec57169{background-color:var(--mantine-color-primary-6);border-color:var(--mantine-color-primary-6)}.me_98eeceb4{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}.me_e7d18146{align-items:center;border-top:1px solid var(--mantine-color-gray-2);display:flex;gap:var(--mantine-spacing-sm);justify-content:space-between;margin-top:calc(var(--mantine-spacing-xs)/2);padding:var(--mantine-spacing-sm)}.me_b52b2793{color:var(--mantine-color-gray-6);font-weight:400}.me_23329375,.me_b52b2793{font-size:var(--mantine-font-size-xs)}.me_23329375{align-items:center;background-color:var(--mantine-color-primary-6);border:none;border-radius:var(--mantine-radius-sm);color:var(--mantine-color-white);cursor:pointer;display:flex;font-weight:500;gap:calc(var(--mantine-spacing-xs)/2);outline:none;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all var(--mantine-transition-duration)}.me_23329375:hover{background-color:var(--mantine-color-primary-7)}.me_fe07fbbe{display:flex;flex-direction:column;gap:calc(var(--mantine-spacing-xs)/2)}.me_53ad7594{color:var(--mantine-color-yellow-5);font-size:var(--mantine-font-size-xs);margin-left:var(--mantine-spacing-xs);margin-top:var(--mantine-spacing-sm)}.me_55847095{flex-shrink:0;gap:2px;white-space:nowrap}.me_1b8832ef,.me_55847095{align-items:center;display:inline-flex}.me_1b8832ef{background-color:var(--mantine-color-gray-1);border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;font-size:var(--mantine-font-size-sm);gap:calc(var(--mantine-spacing-xs)/2);height:24px;line-height:1;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}.me_1b8832ef:hover{background-color:var(--mantine-color-gray-2)}.me_b70ebcd{border-bottom-right-radius:0;border-top-right-radius:0}.me_8a849702{cursor:default}.me_8a849702:hover{background-color:var(--mantine-color-gray-1)}.me_79b1bbab{border-radius:0}.me_eec313f6{border-bottom-left-radius:0;border-top-left-radius:0}.me_5efde86e{flex-shrink:0;margin-left:2px}.me_aa94e6fe{align-items:center;color:var(--mantine-color-gray-6);display:flex;flex-shrink:0;justify-content:center}.me_5acd7b18{color:var(--mantine-color-gray-7);font-weight:400}.me_de1e2ceb{font-size:var(--mantine-font-size-xs)}.me_6c86721f{font-size:var(--mantine-font-size-sm)}.me_24fb0a00{color:var(--mantine-color-gray-7);font-weight:400}.me_c2458903{font-size:var(--mantine-font-size-xs)}.me_c6773307{font-size:var(--mantine-font-size-sm)}.me_5b5a8d95{color:var(--mantine-color-gray-9);font-weight:400;max-width:calc(var(--mantine-spacing-xl)*12.5);overflow:hidden;text-overflow:ellipsis}.me_230bc3ce{font-size:var(--mantine-font-size-xs)}.me_13e8f2dc{font-size:var(--mantine-font-size-sm)}.me_9b80753c,.me_dc3a6d7b{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_fed841bd{align-items:center;display:flex;gap:var(--mantine-spacing-xs);margin-left:var(--mantine-spacing-xs);margin-top:var(--mantine-spacing-sm)}.me_755acd29{background:linear-gradient(to bottom right,var(--mantine-color-primary-filled),var(--mantine-color-primary-filled));border:0;border-radius:var(--mantine-radius-md);box-shadow:none;outline:none;padding:calc(var(--mantine-spacing-xs) + 2px);transition:all var(--mantine-transition-duration)}.me_755acd29,.me_755acd29:hover{color:var(--mantine-color-primary-filled)}.me_755acd29:focus{box-shadow:none;outline:none}.me_36f1fa71{color:var(--mantine-color-primary-filled);font-size:var(--mantine-font-size-xs)}}

package/dist/types/components/MultiFiltersInput/CurrentFieldIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { FilterDefinition, FilterOperator } from "../../types/filter.types";
+export interface CurrentFieldIndicatorProps {
+    field: FilterDefinition;
+    operator: FilterOperator | null;
+    showValueIndicator?: boolean;
+    isCompact?: boolean;
+}
+export declare const CurrentFieldIndicator: React.FC<CurrentFieldIndicatorProps>;
+export default CurrentFieldIndicator;

package/dist/types/components/MultiFiltersInput/FilterActionsMenu.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { ActiveFilter, FilterAction, FilterHistory, SavedFilterPreset } from "../../types/filter.types";
+export interface FilterActionsMenuProps {
+    activeFilters: ActiveFilter[];
+    onChange: (filters: ActiveFilter[]) => void;
+    isCompactMode: boolean;
+    setIsCompactMode: (value: boolean | ((prev: boolean) => boolean)) => void;
+    showFilterCount: boolean;
+    setShowFilterCount: (value: boolean | ((prev: boolean) => boolean)) => void;
+    savedPresets?: SavedFilterPreset[];
+    onSavePreset?: () => void;
+    onLoadPreset?: (preset: SavedFilterPreset) => void;
+    onTogglePresetFavorite?: (presetId: string) => void;
+    onDeletePreset?: (presetId: string) => void;
+    filterHistory?: FilterHistory[];
+    customActions?: FilterAction[];
+    disablePresets?: boolean;
+    disableHistory?: boolean;
+}
+export declare const FilterActionsMenu: React.FC<FilterActionsMenuProps>;
+export default FilterActionsMenu;

package/dist/types/components/MultiFiltersInput/FilterMaxReached.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface FilterMaxReachedProps {
+    maxFilters: number;
+}
+export declare const FilterMaxReached: React.FC<FilterMaxReachedProps>;
+export default FilterMaxReached;

package/dist/types/components/MultiFiltersInput/FilterPill.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { ActiveFilter } from "../../types/filter.types";
+export interface FilterPillProps {
+    filter: ActiveFilter;
+    onRemove: (id: string) => void;
+    onFieldClick?: (filter: ActiveFilter) => void;
+    onOperatorClick?: (filter: ActiveFilter) => void;
+    onValueClick?: (filter: ActiveFilter) => void;
+    isHighlighted?: boolean;
+    isCompact?: boolean;
+}
+export declare const FilterPill: React.FC<FilterPillProps>;
+export default FilterPill;

package/dist/types/components/MultiFiltersInput/FilterStatusBar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface FilterStatusBarProps {
+    activeCount: number;
+    maxFilters?: number;
+    onRefresh: () => void;
+}
+export declare const FilterStatusBar: React.FC<FilterStatusBarProps>;
+export default FilterStatusBar;

package/dist/types/components/MultiFiltersInput/MultiFiltersInput.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { ActiveFilter, FilterAction, MultiFiltersInputProps } from "../../types/filter.types";
+export type FilterOverflowMode = "scroll" | "wrap";
+export interface MultiFiltersInputExtendedProps extends MultiFiltersInputProps {
+    /** Custom renderer for filter pills */
+    renderPill?: (filter: ActiveFilter, onRemove: () => void) => React.ReactNode;
+    /** Disable presets feature */
+    disablePresets?: boolean;
+    /** Disable history feature */
+    disableHistory?: boolean;
+    /** Storage key prefix for local storage */
+    storageKeyPrefix?: string;
+    /** Custom actions for the menu */
+    customActions?: FilterAction[];
+    /** Overflow mode: "scroll" for horizontal scrolling, "wrap" for line wrapping */
+    overflowMode?: FilterOverflowMode;
+    /** Custom placeholder for operator selection step */
+    operatorPlaceholder?: string;
+    /** Custom placeholder for value input step */
+    valuePlaceholder?: string;
+    /** Custom placeholder for options search step */
+    searchPlaceholder?: string;
+}
+export declare const MultiFiltersInput: React.FC<MultiFiltersInputExtendedProps>;
+export default MultiFiltersInput;

package/dist/types/components/MultiFiltersInput/context/FilterContext.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { ActiveFilter, FilterDefinition, FilterInputContextType } from "../../../types/filter.types";
+declare const FilterInputContext: React.Context<FilterInputContextType>;
+export interface FilterProviderProps {
+    children: React.ReactNode;
+    filters: FilterDefinition[];
+    activeFilters: ActiveFilter[];
+    onChange: (filters: ActiveFilter[]) => void;
+    maxFilters?: number;
+    placeholder?: string;
+    storageKeyPrefix?: string;
+}
+export declare const FilterProvider: React.FC<FilterProviderProps>;
+export declare const useFilterContext: () => FilterInputContextType;
+export default FilterInputContext;

package/dist/types/components/MultiFiltersInput/context/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterProvider, useFilterContext } from "./FilterContext";
+export type { FilterProviderProps } from "./FilterContext";

package/dist/types/components/MultiFiltersInput/dropdowns/FieldDropdown.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { FilterDefinition } from "../../../types/filter.types";
+export interface FieldDropdownProps {
+    fields: FilterDefinition[];
+    totalAvailable: number;
+}
+export declare const FieldDropdown: React.FC<FieldDropdownProps>;
+export default FieldDropdown;

package/dist/types/components/MultiFiltersInput/dropdowns/OperatorDropdown.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { FilterDefinition } from "../../../types/filter.types";
+export interface OperatorDropdownProps {
+    field: FilterDefinition;
+}
+export declare const OperatorDropdown: React.FC<OperatorDropdownProps>;
+export default OperatorDropdown;

package/dist/types/components/MultiFiltersInput/dropdowns/ValueDropdown.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { FilterDefinition, FilterOption } from "../../../types/filter.types";
+export interface ValueDropdownProps {
+    field: FilterDefinition;
+    options: FilterOption[];
+    selectedValues: string[];
+    onSubmit: () => void;
+}
+export declare const ValueDropdown: React.FC<ValueDropdownProps>;
+export default ValueDropdown;

package/dist/types/components/MultiFiltersInput/dropdowns/index.d.ts

@@ -0,0 +1,6 @@
+export { FieldDropdown } from "./FieldDropdown";
+export { OperatorDropdown } from "./OperatorDropdown";
+export { ValueDropdown } from "./ValueDropdown";
+export type { FieldDropdownProps } from "./FieldDropdown";
+export type { OperatorDropdownProps } from "./OperatorDropdown";
+export type { ValueDropdownProps } from "./ValueDropdown";

package/dist/types/components/MultiFiltersInput/index.d.ts

@@ -0,0 +1,11 @@
+export { MultiFiltersInput as default } from "./MultiFiltersInput";
+export { MultiFiltersInput } from "./MultiFiltersInput";
+export type { MultiFiltersInputExtendedProps } from "./MultiFiltersInput";
+export { FilterPill } from "./FilterPill";
+export { CurrentFieldIndicator } from "./CurrentFieldIndicator";
+export { FilterActionsMenu } from "./FilterActionsMenu";
+export { FilterStatusBar } from "./FilterStatusBar";
+export { FilterMaxReached } from "./FilterMaxReached";
+export * from "./dropdowns";
+export * from "./value-inputs";
+export * from "./context";

package/dist/types/components/MultiFiltersInput/value-inputs/DateRangeValueInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DateRangeValueInputProps {
+    value: [Date | null, Date | null];
+    onChange: (range: [Date | null, Date | null]) => void;
+    onComplete: (formatted: string, rangeValue: [Date | null, Date | null]) => void;
+}
+export declare const DateRangeValueInput: React.FC<DateRangeValueInputProps>;
+export default DateRangeValueInput;

package/dist/types/components/MultiFiltersInput/value-inputs/DateValueInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DateValueInputProps {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    onComplete: (formatted: string, isoValue: string) => void;
+}
+export declare const DateValueInput: React.FC<DateValueInputProps>;
+export default DateValueInput;

package/dist/types/components/MultiFiltersInput/value-inputs/index.d.ts

@@ -0,0 +1,4 @@
+export { DateValueInput } from "./DateValueInput";
+export { DateRangeValueInput } from "./DateRangeValueInput";
+export type { DateValueInputProps } from "./DateValueInput";
+export type { DateRangeValueInputProps } from "./DateRangeValueInput";

package/dist/types/hooks/useFilterHistory.d.ts

@@ -0,0 +1,14 @@
+import type { ActiveFilter, FilterHistory } from "../types/filter.types";
+interface UseFilterHistoryOptions {
+    storageKey?: string;
+    maxHistory?: number;
+    enabled?: boolean;
+}
+export declare const useFilterHistory: (activeFilters: ActiveFilter[], options?: UseFilterHistoryOptions) => {
+    history: FilterHistory[];
+    recentHistory: FilterHistory[];
+    clearHistory: () => void;
+    removeHistoryItem: (timestamp: number) => void;
+    hasHistory: boolean;
+};
+export {};

package/dist/types/hooks/useFilterPresets.d.ts

@@ -0,0 +1,16 @@
+import type { ActiveFilter, SavedFilterPreset } from "../types/filter.types";
+interface UseFilterPresetsOptions {
+    storageKey?: string;
+    onLoad?: (filters: ActiveFilter[]) => void;
+}
+export declare const useFilterPresets: (options?: UseFilterPresetsOptions) => {
+    presets: SavedFilterPreset[];
+    sortedPresets: SavedFilterPreset[];
+    savePreset: (filters: ActiveFilter[], name?: string) => SavedFilterPreset;
+    loadPreset: (preset: SavedFilterPreset) => void;
+    toggleFavorite: (presetId: string) => void;
+    deletePreset: (presetId: string) => void;
+    updatePreset: (presetId: string, updates: Partial<Omit<SavedFilterPreset, "id">>) => void;
+    hasPresets: boolean;
+};
+export {};

package/dist/types/hooks/useFilters.d.ts

@@ -0,0 +1,24 @@
+import type { ActiveFilter, FilterDefinition } from "../types/filter.types";
+interface UseFiltersOptions {
+    initialFilters?: ActiveFilter[];
+    onFiltersChange?: (filters: ActiveFilter[]) => void;
+}
+export declare const useFilters: (filterDefinitions: FilterDefinition[], options?: UseFiltersOptions) => {
+    activeFilters: ActiveFilter[];
+    setActiveFilters: (newFilters: ActiveFilter[]) => void;
+    filterDefinitions: FilterDefinition[];
+    addFilter: (filter: Omit<ActiveFilter, "id">) => void;
+    removeFilter: (id: string) => void;
+    clearFilters: () => void;
+    updateFilter: (id: string, updates: Partial<ActiveFilter>) => void;
+    getFilterByKey: (key: string) => ActiveFilter;
+    hasFilter: (key: string) => boolean;
+    toQueryParams: Record<string, string | string[]>;
+    toApiFormat: {
+        field: string;
+        operator: import("../types/filter.types").FilterOperator;
+        value: string | [Date, Date] | string[];
+    }[];
+    filtersCount: number;
+};
+export {};

package/dist/types/index.d.mts

@@ -0,0 +1,8 @@
+export { default as MultiFiltersInput } from "./components/MultiFiltersInput";
+export { MultiFiltersInput as MultiFiltersInputComponent, FilterPill, CurrentFieldIndicator, FilterActionsMenu, FilterStatusBar, FilterMaxReached, FieldDropdown, OperatorDropdown, ValueDropdown, DateValueInput, DateRangeValueInput, FilterProvider, useFilterContext, } from "./components/MultiFiltersInput";
+export type { FilterOverflowMode, MultiFiltersInputExtendedProps } from "./components/MultiFiltersInput/MultiFiltersInput";
+export { useFilters } from "./hooks/useFilters";
+export { useFilterPresets } from "./hooks/useFilterPresets";
+export { useFilterHistory } from "./hooks/useFilterHistory";
+export * from "./utils";
+export type { ActiveFilter, FilterDefinition, FilterOperator, FilterOption, FilterType, MultiFiltersInputProps, MultiFiltersInputStylesNames, MultiFiltersInputStyles, MultiFiltersInputClassNames, InputStep, SavedFilterPreset, FilterHistory, FilterInputState, FilterInputActions, FilterInputContextType, FilterDropdownConfig, FieldDropdownProps, OperatorDropdownProps, ValueDropdownProps, FilterAction, FilterVariant, } from "./types/filter.types";

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+export { default as MultiFiltersInput } from "./components/MultiFiltersInput";
+export { MultiFiltersInput as MultiFiltersInputComponent, FilterPill, CurrentFieldIndicator, FilterActionsMenu, FilterStatusBar, FilterMaxReached, FieldDropdown, OperatorDropdown, ValueDropdown, DateValueInput, DateRangeValueInput, FilterProvider, useFilterContext, } from "./components/MultiFiltersInput";
+export type { FilterOverflowMode, MultiFiltersInputExtendedProps } from "./components/MultiFiltersInput/MultiFiltersInput";
+export { useFilters } from "./hooks/useFilters";
+export { useFilterPresets } from "./hooks/useFilterPresets";
+export { useFilterHistory } from "./hooks/useFilterHistory";
+export * from "./utils";
+export type { ActiveFilter, FilterDefinition, FilterOperator, FilterOption, FilterType, MultiFiltersInputProps, MultiFiltersInputStylesNames, MultiFiltersInputStyles, MultiFiltersInputClassNames, InputStep, SavedFilterPreset, FilterHistory, FilterInputState, FilterInputActions, FilterInputContextType, FilterDropdownConfig, FieldDropdownProps, OperatorDropdownProps, ValueDropdownProps, FilterAction, FilterVariant, } from "./types/filter.types";

package/dist/types/types/filter.types.d.ts

@@ -0,0 +1,165 @@
+import React from "react";
+import type { BoxProps } from "@mantine/core";
+export type FilterType = 'text' | 'date' | 'date_range' | 'email' | 'number' | 'select' | 'multi_select';
+export type FilterOperator = '=' | '!=' | '>' | '<' | '>=' | '<=' | 'contains' | 'starts_with' | 'ends_with' | 'between';
+export interface FilterOption {
+    value: string;
+    label: string;
+}
+export interface FilterDefinition {
+    key: string;
+    label: string;
+    type: FilterType;
+    options?: FilterOption[];
+    placeholder?: string;
+    operators?: FilterOperator[];
+    defaultOperator?: FilterOperator;
+    icon?: React.ReactNode;
+}
+export interface ActiveFilter {
+    id: string;
+    key: string;
+    label: string;
+    type: FilterType;
+    operator: FilterOperator;
+    value: string | string[] | [Date | null, Date | null];
+    displayValue: string;
+    icon?: React.ReactNode;
+}
+export type MultiFiltersInputStylesNames = 'root' | 'container' | 'leftIcon' | 'pillsContainer' | 'input' | 'rightSection' | 'dropdown' | 'badge' | 'clearButton';
+export interface MultiFiltersInputStyles {
+    root?: React.CSSProperties;
+    container?: React.CSSProperties;
+    leftIcon?: React.CSSProperties;
+    pillsContainer?: React.CSSProperties;
+    input?: React.CSSProperties;
+    rightSection?: React.CSSProperties;
+    dropdown?: React.CSSProperties;
+    badge?: React.CSSProperties;
+    clearButton?: React.CSSProperties;
+}
+export interface MultiFiltersInputClassNames {
+    root?: string;
+    container?: string;
+    leftIcon?: string;
+    pillsContainer?: string;
+    input?: string;
+    rightSection?: string;
+    dropdown?: string;
+    badge?: string;
+    clearButton?: string;
+}
+export interface MultiFiltersInputProps extends Omit<BoxProps, 'children'> {
+    filters: FilterDefinition[];
+    value: ActiveFilter[];
+    onChange: (filters: ActiveFilter[]) => void;
+    placeholder?: string;
+    maxFilters?: number;
+    className?: string;
+    /** Custom renderer for filter pills */
+    renderPill?: (filter: ActiveFilter, onRemove: () => void) => React.ReactNode;
+    /** Custom dropdown components */
+    customDropdowns?: Partial<FilterDropdownConfig>;
+    /** Disable presets feature */
+    disablePresets?: boolean;
+    /** Disable history feature */
+    disableHistory?: boolean;
+    /** Storage key prefix for local storage */
+    storageKeyPrefix?: string;
+    /** Custom actions for the menu */
+    customActions?: FilterAction[];
+    /** Variants for different UI styles */
+    variant?: FilterVariant;
+    /** Styles applied to different parts of the component */
+    styles?: MultiFiltersInputStyles | ((theme: any) => MultiFiltersInputStyles);
+    /** ClassNames applied to different parts of the component */
+    classNames?: MultiFiltersInputClassNames;
+}
+export type InputStep = "field" | "operator" | "value";
+export interface SavedFilterPreset {
+    id: string;
+    name: string;
+    filters: ActiveFilter[];
+    createdAt: number;
+    isFavorite?: boolean;
+}
+export interface FilterHistory {
+    filters: ActiveFilter[];
+    timestamp: number;
+}
+export interface FilterInputState {
+    inputStep: InputStep;
+    selectedField: FilterDefinition | null;
+    selectedOperator: FilterOperator | null;
+    inputValue: string;
+    dateValue: Date | null;
+    dateRangeValue: [Date | null, Date | null];
+    multiSelectValues: string[];
+    isFocused: boolean;
+    highlightedFilterId: string | null;
+}
+export interface FilterInputActions {
+    setInputStep: (step: InputStep) => void;
+    setSelectedField: (field: FilterDefinition | null) => void;
+    setSelectedOperator: (operator: FilterOperator | null) => void;
+    setInputValue: (value: string) => void;
+    setDateValue: (date: Date | null) => void;
+    setDateRangeValue: (range: [Date | null, Date | null]) => void;
+    setMultiSelectValues: React.Dispatch<React.SetStateAction<string[]>>;
+    setIsFocused: (focused: boolean) => void;
+    setHighlightedFilterId: (id: string | null) => void;
+    resetInput: () => void;
+    handleFieldSelect: (field: FilterDefinition) => void;
+    handleOperatorSelect: (operator: FilterOperator) => void;
+    handleValueSubmit: () => void;
+    handleOptionSelect: (value: string) => void;
+    handleRemoveFilter: (id: string) => void;
+    handleClearAll: () => void;
+    addFilter: (displayValue: string, rawValue: string | string[] | [Date | null, Date | null]) => void;
+}
+export interface FilterInputContextType extends FilterInputState, FilterInputActions {
+    filters: FilterDefinition[];
+    activeFilters: ActiveFilter[];
+    onChange: (filters: ActiveFilter[]) => void;
+    availableFilters: FilterDefinition[];
+    filteredFields: FilterDefinition[];
+    filteredOptions: FilterOption[];
+    isInputDisabled: boolean;
+    maxFilters?: number;
+    placeholder: string;
+    isCompactMode: boolean;
+    setIsCompactMode: (value: boolean | ((prev: boolean) => boolean)) => void;
+    showFilterCount: boolean;
+    setShowFilterCount: (value: boolean | ((prev: boolean) => boolean)) => void;
+}
+export interface FilterDropdownConfig {
+    field: React.ComponentType<FieldDropdownProps>;
+    operator: React.ComponentType<OperatorDropdownProps>;
+    value: React.ComponentType<ValueDropdownProps>;
+}
+export interface FieldDropdownProps {
+    fields: FilterDefinition[];
+    onSelect: (field: FilterDefinition) => void;
+    inputValue: string;
+}
+export interface OperatorDropdownProps {
+    field: FilterDefinition;
+    onSelect: (operator: FilterOperator) => void;
+}
+export interface ValueDropdownProps {
+    field: FilterDefinition;
+    operator: FilterOperator;
+    options: FilterOption[];
+    selectedValues: string[];
+    onSelect: (value: string) => void;
+    onSubmit: () => void;
+    inputValue: string;
+}
+export interface FilterAction {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export type FilterVariant = "default" | "compact" | "minimal" | "bordered";

package/dist/types/utils/formatters.d.ts

@@ -0,0 +1,7 @@
+import type { FilterDefinition } from "../types/filter.types";
+import React from "react";
+export declare const generateId: () => string;
+export declare const formatDate: (date: Date | null) => string;
+export declare const formatDateRange: (start: Date | null, end: Date | null) => string;
+export declare const toDate: (val: Date | string | null) => Date | null;
+export declare const getFieldIcon: (type: FilterDefinition["type"], size?: number) => React.ReactNode;

package/dist/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./operators";
+export * from "./formatters";

package/dist/types/utils/operators.d.ts

@@ -0,0 +1,7 @@
+import type { FilterDefinition, FilterOperator } from "../types/filter.types";
+export declare const OPERATOR_LABELS: Record<FilterOperator, string>;
+export declare const OPERATOR_SYMBOLS: Record<FilterOperator, string>;
+export declare const getOperatorLabel: (operator: FilterOperator) => string;
+export declare const getOperatorSymbol: (operator: FilterOperator) => string;
+export declare const getDefaultOperator: (type: FilterDefinition["type"]) => FilterOperator;
+export declare const getOperatorsForField: (field: FilterDefinition) => FilterOperator[];

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "mantine-composite-filters",
+  "version": "0.1.0",
+  "description": "A powerful composite filters component for Mantine",
+  "homepage": "https://github.com/dvlprroshan/mantine-composite-filters#readme",
+  "packageManager": "yarn@4.0.1",
+  "license": "MIT",
+  "author": "Vitaly Rtishchev <rtivital@gmail.com>",
+  "keywords": [
+    "mantine",
+    "filters",
+    "composite-filters",
+    "react",
+    "ui"
+  ],
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.mts",
+        "default": "./dist/esm/index.mjs"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./styles.layer.css": "./dist/styles.layer.css"
+  },
+  "repository": "https://github.com/dvlprroshan/mantine-composite-filters.git",
+  "peerDependencies": {
+    "@mantine/core": ">=7.0.0",
+    "@mantine/dates": ">=7.0.0",
+    "@mantine/hooks": ">=7.0.0",
+    "@mantine/notifications": ">=7.0.0",
+    "@tabler/icons-react": ">=2.0.0",
+    "react": "^18.x || ^19.x",
+    "react-dom": "^18.x || ^19.x"
+  },
+  "bugs": "https://github.com/dvlprroshan/mantine-composite-filters/issues"
+}