mantine-composite-filters 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/README.md +2 -2
  2. package/dist/styles.css +1 -1
  3. package/dist/styles.layer.css +1 -1
  4. package/dist/types/components/CompositeFiltersInput/CompositeFiltersInput.classes.d.ts +6 -0
  5. package/dist/types/components/{MultiFiltersInput/MultiFiltersInput.d.ts → CompositeFiltersInput/CompositeFiltersInput.d.ts} +7 -7
  6. package/dist/types/components/CompositeFiltersInput/index.d.ts +13 -0
  7. package/dist/types/components/MultiFiltersInput/index.d.ts +11 -12
  8. package/dist/types/index.d.mts +5 -5
  9. package/dist/types/index.d.ts +5 -5
  10. package/dist/types/types/filter.types.d.ts +6 -6
  11. package/package.json +1 -1
  12. package/dist/types/components/MultiFiltersInput/MultiFiltersInput.classes.d.ts +0 -6
  13. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/CurrentFieldIndicator.d.ts +0 -0
  14. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterActionsMenu.d.ts +0 -0
  15. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterMaxReached.d.ts +0 -0
  16. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterPill.d.ts +0 -0
  17. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterStatusBar.d.ts +0 -0
  18. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/context/FilterContext.d.ts +0 -0
  19. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/context/index.d.ts +0 -0
  20. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/FieldDropdown.d.ts +0 -0
  21. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/OperatorDropdown.d.ts +0 -0
  22. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/ValueDropdown.d.ts +0 -0
  23. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/index.d.ts +0 -0
  24. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/value-inputs/DateRangeValueInput.d.ts +0 -0
  25. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/value-inputs/DateValueInput.d.ts +0 -0
  26. /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/value-inputs/index.d.ts +0 -0
package/README.md CHANGED
@@ -26,7 +26,7 @@ npm install @mantine/core @mantine/hooks @mantine/dates @mantine/notifications @
26
26
  ## Usage
27
27
 
28
28
  ```tsx
29
- import { MultiFiltersInput } from 'mantine-composite-filters';
29
+ import { CompositeFiltersInput } from 'mantine-composite-filters';
30
30
  import 'mantine-composite-filters/styles.css';
31
31
 
32
32
  const filterFields = [
@@ -40,7 +40,7 @@ function App() {
40
40
  const [filters, setFilters] = useState([]);
41
41
 
42
42
  return (
43
- <MultiFiltersInput
43
+ <CompositeFiltersInput
44
44
  fields={filterFields}
45
45
  value={filters}
46
46
  onChange={setFilters}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .me_7e10d93c{align-items:center;border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);cursor:text;display:flex;gap:var(--mantine-spacing-xs);position:relative;transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_7e10d93c{border:1px solid var(--mantine-color-dark-4)}.me_7e10d93c{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .me_7e10d93c{background-color:var(--mantine-color-dark-6)}.me_7e10d93c:hover{border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .me_7e10d93c:hover{border-color:var(--mantine-color-dark-3)}.me_7e10d93c:focus-within{border-color:var(--mantine-color-blue-6);box-shadow:0 0 0 1px var(--mantine-color-gray-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-bottom:calc(var(--mantine-spacing-xs)*.75);padding-right:calc(var(--mantine-spacing-xl)*2);padding-top:calc(var(--mantine-spacing-xs)*.75)}.me_a6ea0d59::-webkit-scrollbar{height:4px}.me_a6ea0d59::-webkit-scrollbar-thumb{background-color:rgba(var(--mantine-color-gray-5-rgb),.2);border-radius:var(--mantine-radius-sm)}.me_a6ea0d59::-webkit-scrollbar-track{background:transparent}.me_38ec29d6{column-gap:var(--mantine-spacing-xs);flex-wrap:wrap;min-height:calc(var(--mantine-spacing-xl)*1.5);padding:calc(var(--mantine-spacing-xs)*.75) 0;row-gap:calc(var(--mantine-spacing-xs)*.75)}.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{border:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .me_777db3f6{border:1px solid var(--mantine-color-dark-4)}.me_777db3f6{background-color:var(--mantine-color-white);border-radius:var(--mantine-radius-md);max-width:400px;min-width:200px;overflow:hidden}[data-mantine-color-scheme=dark] .me_777db3f6{background-color:var(--mantine-color-dark-7)}.me_777db3f6{box-shadow:var(--mantine-shadow-sm)}.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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_fb6e536c{background-color:var(--mantine-color-dark-5)}.me_fb6e536c{font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_37c53a7b{color:var(--mantine-color-dark-2)}.me_37c53a7b{flex-shrink:0}.me_d9ad7055{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_d9ad7055{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_b536afa3{color:var(--mantine-color-dark-1)}.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)}[data-mantine-color-scheme=dark] .me_725f1af8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_dc57724{color:var(--mantine-color-dark-3)}.me_dca7fd8{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_dca7fd8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_d2eb2177:hover{background-color:var(--mantine-color-dark-5)}.me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_b196702{gap:var(--mantine-spacing-sm)}.me_b196702,.me_b6b44e18{align-items:center;display:flex}.me_b6b44e18{color:var(--mantine-color-gray-6);justify-content:center}[data-mantine-color-scheme=dark] .me_b6b44e18{color:var(--mantine-color-dark-2)}.me_b6b44e18{flex-shrink:0}.me_c95c21c{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c95c21c{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_ba15b44d:hover{background-color:var(--mantine-color-dark-5)}.me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_2e027dd8{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_2e027dd8{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_c73ad7db{color:var(--mantine-color-dark-3)}.me_c73fe08f{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c73fe08f{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_f73d5420:hover{background-color:var(--mantine-color-dark-5)}.me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_54f19439{align-items:center;display:flex;gap:var(--mantine-spacing-sm)}.me_7d89a8ae{pointer-events:none}.me_98eeceb4{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_98eeceb4{color:var(--mantine-color-dark-0)}.me_e7d18146{border-top:1px solid var(--mantine-color-gray-2);margin-top:calc(var(--mantine-spacing-xs)/2);padding:var(--mantine-spacing-sm)}[data-mantine-color-scheme=dark] .me_e7d18146{border-top:1px solid var(--mantine-color-dark-5)}.me_e7d18146{align-items:center;display:flex;gap:var(--mantine-spacing-sm);justify-content:space-between}.me_b52b2793{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-xs);font-weight:400}[data-mantine-color-scheme=dark] .me_b52b2793{color:var(--mantine-color-dark-2)}.me_23329375{align-items:center;border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;font-size:var(--mantine-font-size-xs);font-weight:500;outline:none;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all var(--mantine-transition-duration)}.me_23329375,.me_fe07fbbe{display:flex;gap:calc(var(--mantine-spacing-xs)/2)}.me_fe07fbbe{flex-direction:column}.me_53ad7594{color:var(--mantine-color-yellow-6);font-size:var(--mantine-font-size-xs)}[data-mantine-color-scheme=dark] .me_53ad7594{color:var(--mantine-color-yellow-4)}.me_53ad7594{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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_1b8832ef{background-color:var(--mantine-color-dark-5)}.me_1b8832ef{cursor:pointer;font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.me_1b8832ef:hover{background-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .me_1b8832ef:hover{background-color:var(--mantine-color-dark-4)}.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)}[data-mantine-color-scheme=dark] .me_8a849702:hover{background-color:var(--mantine-color-dark-5)}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_aa94e6fe{color:var(--mantine-color-dark-2)}.me_aa94e6fe{flex-shrink:0}.me_5acd7b18{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_5acd7b18{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_24fb0a00{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_5b5a8d95{color:var(--mantine-color-dark-0)}.me_5b5a8d95{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_dc3a6d7b{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_111005c4{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:100px;padding:0}.me_111005c4::placeholder{color:var(--mantine-color-dimmed)}.me_9b80753c{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_184a1605{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:180px;padding:0}.me_184a1605::placeholder{color:var(--mantine-color-dimmed)}.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-gray-1),var(--mantine-color-gray-1));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-gray-7)}.me_755acd29:focus{box-shadow:none;outline:none}.me_36f1fa71{color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-xs)}
1
+ .me_180d780a{align-items:center;border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);cursor:text;display:flex;gap:var(--mantine-spacing-xs);position:relative;transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_180d780a{border:1px solid var(--mantine-color-dark-4)}.me_180d780a{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .me_180d780a{background-color:var(--mantine-color-dark-6)}.me_180d780a:hover{border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .me_180d780a:hover{border-color:var(--mantine-color-dark-3)}.me_180d780a:focus-within{border-color:var(--mantine-color-blue-6);box-shadow:0 0 0 1px var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .me_180d780a:focus-within{box-shadow:0 0 0 1px var(--mantine-color-dark-4)}.me_6142ed5e{align-items:center;display:flex;flex:1;gap:var(--mantine-spacing-xs)}.me_c71c1cb{display:flex;flex-wrap:nowrap;min-height:calc(var(--mantine-spacing-xl)*1);overflow-x:auto;padding-bottom:calc(var(--mantine-spacing-xs)*.75);padding-right:calc(var(--mantine-spacing-xl)*2);padding-top:calc(var(--mantine-spacing-xs)*.75)}.me_c71c1cb::-webkit-scrollbar{height:4px}.me_c71c1cb::-webkit-scrollbar-thumb{background-color:rgba(var(--mantine-color-gray-5-rgb),.2);border-radius:var(--mantine-radius-sm)}.me_c71c1cb::-webkit-scrollbar-track{background:transparent}.me_15a52c8{column-gap:var(--mantine-spacing-xs);flex-wrap:wrap;min-height:calc(var(--mantine-spacing-xl)*1.5);padding:calc(var(--mantine-spacing-xs)*.75) 0;row-gap:calc(var(--mantine-spacing-xs)*.75)}.me_4274afd3{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_4274afd3:focus{box-shadow:none;outline:none}.me_4274afd3::placeholder{color:var(--mantine-color-dimmed);opacity:1}.me_4274afd3:disabled{cursor:not-allowed;opacity:.6}.me_76b13900{align-items:center;display:flex;flex-shrink:0;gap:var(--mantine-spacing-xs);padding-left:var(--mantine-spacing-xs)}.me_532b0368{border:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .me_532b0368{border:1px solid var(--mantine-color-dark-4)}.me_532b0368{background-color:var(--mantine-color-white);border-radius:var(--mantine-radius-md);max-width:400px;min-width:200px;overflow:hidden}[data-mantine-color-scheme=dark] .me_532b0368{background-color:var(--mantine-color-dark-7)}.me_532b0368{box-shadow:var(--mantine-shadow-sm)}.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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_fb6e536c{background-color:var(--mantine-color-dark-5)}.me_fb6e536c{font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_37c53a7b{color:var(--mantine-color-dark-2)}.me_37c53a7b{flex-shrink:0}.me_d9ad7055{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_d9ad7055{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_b536afa3{color:var(--mantine-color-dark-1)}.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)}[data-mantine-color-scheme=dark] .me_725f1af8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_dc57724{color:var(--mantine-color-dark-3)}.me_dca7fd8{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_dca7fd8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_d2eb2177:hover{background-color:var(--mantine-color-dark-5)}.me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_b196702{gap:var(--mantine-spacing-sm)}.me_b196702,.me_b6b44e18{align-items:center;display:flex}.me_b6b44e18{color:var(--mantine-color-gray-6);justify-content:center}[data-mantine-color-scheme=dark] .me_b6b44e18{color:var(--mantine-color-dark-2)}.me_b6b44e18{flex-shrink:0}.me_c95c21c{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c95c21c{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_ba15b44d:hover{background-color:var(--mantine-color-dark-5)}.me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_2e027dd8{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_2e027dd8{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_c73ad7db{color:var(--mantine-color-dark-3)}.me_c73fe08f{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c73fe08f{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_f73d5420:hover{background-color:var(--mantine-color-dark-5)}.me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_54f19439{align-items:center;display:flex;gap:var(--mantine-spacing-sm)}.me_7d89a8ae{pointer-events:none}.me_98eeceb4{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_98eeceb4{color:var(--mantine-color-dark-0)}.me_e7d18146{border-top:1px solid var(--mantine-color-gray-2);margin-top:calc(var(--mantine-spacing-xs)/2);padding:var(--mantine-spacing-sm)}[data-mantine-color-scheme=dark] .me_e7d18146{border-top:1px solid var(--mantine-color-dark-5)}.me_e7d18146{align-items:center;display:flex;gap:var(--mantine-spacing-sm);justify-content:space-between}.me_b52b2793{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-xs);font-weight:400}[data-mantine-color-scheme=dark] .me_b52b2793{color:var(--mantine-color-dark-2)}.me_23329375{align-items:center;border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;font-size:var(--mantine-font-size-xs);font-weight:500;outline:none;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all var(--mantine-transition-duration)}.me_23329375,.me_fe07fbbe{display:flex;gap:calc(var(--mantine-spacing-xs)/2)}.me_fe07fbbe{flex-direction:column}.me_53ad7594{color:var(--mantine-color-yellow-6);font-size:var(--mantine-font-size-xs)}[data-mantine-color-scheme=dark] .me_53ad7594{color:var(--mantine-color-yellow-4)}.me_53ad7594{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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_1b8832ef{background-color:var(--mantine-color-dark-5)}.me_1b8832ef{cursor:pointer;font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.me_1b8832ef:hover{background-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .me_1b8832ef:hover{background-color:var(--mantine-color-dark-4)}.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)}[data-mantine-color-scheme=dark] .me_8a849702:hover{background-color:var(--mantine-color-dark-5)}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_aa94e6fe{color:var(--mantine-color-dark-2)}.me_aa94e6fe{flex-shrink:0}.me_5acd7b18{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_5acd7b18{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_24fb0a00{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_5b5a8d95{color:var(--mantine-color-dark-0)}.me_5b5a8d95{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_dc3a6d7b{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_111005c4{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:100px;padding:0}.me_111005c4::placeholder{color:var(--mantine-color-dimmed)}.me_9b80753c{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_184a1605{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:180px;padding:0}.me_184a1605::placeholder{color:var(--mantine-color-dimmed)}.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-gray-1),var(--mantine-color-gray-1));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-gray-7)}.me_755acd29:focus{box-shadow:none;outline:none}.me_36f1fa71{color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-xs)}
package/dist/styles.layer.css CHANGED
@@ -1 +1 @@
1
- @layer mantine {.me_7e10d93c{align-items:center;border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);cursor:text;display:flex;gap:var(--mantine-spacing-xs);position:relative;transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_7e10d93c{border:1px solid var(--mantine-color-dark-4)}.me_7e10d93c{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .me_7e10d93c{background-color:var(--mantine-color-dark-6)}.me_7e10d93c:hover{border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .me_7e10d93c:hover{border-color:var(--mantine-color-dark-3)}.me_7e10d93c:focus-within{border-color:var(--mantine-color-blue-6);box-shadow:0 0 0 1px var(--mantine-color-gray-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-bottom:calc(var(--mantine-spacing-xs)*.75);padding-right:calc(var(--mantine-spacing-xl)*2);padding-top:calc(var(--mantine-spacing-xs)*.75)}.me_a6ea0d59::-webkit-scrollbar{height:4px}.me_a6ea0d59::-webkit-scrollbar-thumb{background-color:rgba(var(--mantine-color-gray-5-rgb),.2);border-radius:var(--mantine-radius-sm)}.me_a6ea0d59::-webkit-scrollbar-track{background:transparent}.me_38ec29d6{column-gap:var(--mantine-spacing-xs);flex-wrap:wrap;min-height:calc(var(--mantine-spacing-xl)*1.5);padding:calc(var(--mantine-spacing-xs)*.75) 0;row-gap:calc(var(--mantine-spacing-xs)*.75)}.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{border:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .me_777db3f6{border:1px solid var(--mantine-color-dark-4)}.me_777db3f6{background-color:var(--mantine-color-white);border-radius:var(--mantine-radius-md);max-width:400px;min-width:200px;overflow:hidden}[data-mantine-color-scheme=dark] .me_777db3f6{background-color:var(--mantine-color-dark-7)}.me_777db3f6{box-shadow:var(--mantine-shadow-sm)}.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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_fb6e536c{background-color:var(--mantine-color-dark-5)}.me_fb6e536c{font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_37c53a7b{color:var(--mantine-color-dark-2)}.me_37c53a7b{flex-shrink:0}.me_d9ad7055{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_d9ad7055{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_b536afa3{color:var(--mantine-color-dark-1)}.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)}[data-mantine-color-scheme=dark] .me_725f1af8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_dc57724{color:var(--mantine-color-dark-3)}.me_dca7fd8{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_dca7fd8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_d2eb2177:hover{background-color:var(--mantine-color-dark-5)}.me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_b196702{gap:var(--mantine-spacing-sm)}.me_b196702,.me_b6b44e18{align-items:center;display:flex}.me_b6b44e18{color:var(--mantine-color-gray-6);justify-content:center}[data-mantine-color-scheme=dark] .me_b6b44e18{color:var(--mantine-color-dark-2)}.me_b6b44e18{flex-shrink:0}.me_c95c21c{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c95c21c{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_ba15b44d:hover{background-color:var(--mantine-color-dark-5)}.me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_2e027dd8{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_2e027dd8{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_c73ad7db{color:var(--mantine-color-dark-3)}.me_c73fe08f{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c73fe08f{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_f73d5420:hover{background-color:var(--mantine-color-dark-5)}.me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_54f19439{align-items:center;display:flex;gap:var(--mantine-spacing-sm)}.me_7d89a8ae{pointer-events:none}.me_98eeceb4{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_98eeceb4{color:var(--mantine-color-dark-0)}.me_e7d18146{border-top:1px solid var(--mantine-color-gray-2);margin-top:calc(var(--mantine-spacing-xs)/2);padding:var(--mantine-spacing-sm)}[data-mantine-color-scheme=dark] .me_e7d18146{border-top:1px solid var(--mantine-color-dark-5)}.me_e7d18146{align-items:center;display:flex;gap:var(--mantine-spacing-sm);justify-content:space-between}.me_b52b2793{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-xs);font-weight:400}[data-mantine-color-scheme=dark] .me_b52b2793{color:var(--mantine-color-dark-2)}.me_23329375{align-items:center;border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;font-size:var(--mantine-font-size-xs);font-weight:500;outline:none;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all var(--mantine-transition-duration)}.me_23329375,.me_fe07fbbe{display:flex;gap:calc(var(--mantine-spacing-xs)/2)}.me_fe07fbbe{flex-direction:column}.me_53ad7594{color:var(--mantine-color-yellow-6);font-size:var(--mantine-font-size-xs)}[data-mantine-color-scheme=dark] .me_53ad7594{color:var(--mantine-color-yellow-4)}.me_53ad7594{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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_1b8832ef{background-color:var(--mantine-color-dark-5)}.me_1b8832ef{cursor:pointer;font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.me_1b8832ef:hover{background-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .me_1b8832ef:hover{background-color:var(--mantine-color-dark-4)}.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)}[data-mantine-color-scheme=dark] .me_8a849702:hover{background-color:var(--mantine-color-dark-5)}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_aa94e6fe{color:var(--mantine-color-dark-2)}.me_aa94e6fe{flex-shrink:0}.me_5acd7b18{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_5acd7b18{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_24fb0a00{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_5b5a8d95{color:var(--mantine-color-dark-0)}.me_5b5a8d95{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_dc3a6d7b{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_111005c4{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:100px;padding:0}.me_111005c4::placeholder{color:var(--mantine-color-dimmed)}.me_9b80753c{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_184a1605{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:180px;padding:0}.me_184a1605::placeholder{color:var(--mantine-color-dimmed)}.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-gray-1),var(--mantine-color-gray-1));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-gray-7)}.me_755acd29:focus{box-shadow:none;outline:none}.me_36f1fa71{color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-xs)}}
1
+ @layer mantine {.me_180d780a{align-items:center;border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);cursor:text;display:flex;gap:var(--mantine-spacing-xs);position:relative;transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_180d780a{border:1px solid var(--mantine-color-dark-4)}.me_180d780a{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .me_180d780a{background-color:var(--mantine-color-dark-6)}.me_180d780a:hover{border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .me_180d780a:hover{border-color:var(--mantine-color-dark-3)}.me_180d780a:focus-within{border-color:var(--mantine-color-blue-6);box-shadow:0 0 0 1px var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .me_180d780a:focus-within{box-shadow:0 0 0 1px var(--mantine-color-dark-4)}.me_6142ed5e{align-items:center;display:flex;flex:1;gap:var(--mantine-spacing-xs)}.me_c71c1cb{display:flex;flex-wrap:nowrap;min-height:calc(var(--mantine-spacing-xl)*1);overflow-x:auto;padding-bottom:calc(var(--mantine-spacing-xs)*.75);padding-right:calc(var(--mantine-spacing-xl)*2);padding-top:calc(var(--mantine-spacing-xs)*.75)}.me_c71c1cb::-webkit-scrollbar{height:4px}.me_c71c1cb::-webkit-scrollbar-thumb{background-color:rgba(var(--mantine-color-gray-5-rgb),.2);border-radius:var(--mantine-radius-sm)}.me_c71c1cb::-webkit-scrollbar-track{background:transparent}.me_15a52c8{column-gap:var(--mantine-spacing-xs);flex-wrap:wrap;min-height:calc(var(--mantine-spacing-xl)*1.5);padding:calc(var(--mantine-spacing-xs)*.75) 0;row-gap:calc(var(--mantine-spacing-xs)*.75)}.me_4274afd3{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_4274afd3:focus{box-shadow:none;outline:none}.me_4274afd3::placeholder{color:var(--mantine-color-dimmed);opacity:1}.me_4274afd3:disabled{cursor:not-allowed;opacity:.6}.me_76b13900{align-items:center;display:flex;flex-shrink:0;gap:var(--mantine-spacing-xs);padding-left:var(--mantine-spacing-xs)}.me_532b0368{border:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .me_532b0368{border:1px solid var(--mantine-color-dark-4)}.me_532b0368{background-color:var(--mantine-color-white);border-radius:var(--mantine-radius-md);max-width:400px;min-width:200px;overflow:hidden}[data-mantine-color-scheme=dark] .me_532b0368{background-color:var(--mantine-color-dark-7)}.me_532b0368{box-shadow:var(--mantine-shadow-sm)}.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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_fb6e536c{background-color:var(--mantine-color-dark-5)}.me_fb6e536c{font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_37c53a7b{color:var(--mantine-color-dark-2)}.me_37c53a7b{flex-shrink:0}.me_d9ad7055{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_d9ad7055{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_b536afa3{color:var(--mantine-color-dark-1)}.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)}[data-mantine-color-scheme=dark] .me_725f1af8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_dc57724{color:var(--mantine-color-dark-3)}.me_dca7fd8{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_dca7fd8{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_d2eb2177:hover{background-color:var(--mantine-color-dark-5)}.me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_d2eb2177[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_b196702{gap:var(--mantine-spacing-sm)}.me_b196702,.me_b6b44e18{align-items:center;display:flex}.me_b6b44e18{color:var(--mantine-color-gray-6);justify-content:center}[data-mantine-color-scheme=dark] .me_b6b44e18{color:var(--mantine-color-dark-2)}.me_b6b44e18{flex-shrink:0}.me_c95c21c{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c95c21c{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_ba15b44d:hover{background-color:var(--mantine-color-dark-5)}.me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_ba15b44d[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_2e027dd8{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_2e027dd8{color:var(--mantine-color-dark-0)}.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)}[data-mantine-color-scheme=dark] .me_c73ad7db{color:var(--mantine-color-dark-3)}.me_c73fe08f{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_c73fe08f{color:var(--mantine-color-dark-2)}.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)}[data-mantine-color-scheme=dark] .me_f73d5420:hover{background-color:var(--mantine-color-dark-5)}.me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-2)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{background-color:var(--mantine-color-gray-8)!important}.me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-8)!important}[data-mantine-color-scheme=dark] .me_f73d5420[data-combobox-selected]{color:var(--mantine-color-gray-2)!important}.me_54f19439{align-items:center;display:flex;gap:var(--mantine-spacing-sm)}.me_7d89a8ae{pointer-events:none}.me_98eeceb4{color:var(--mantine-color-gray-9);font-size:var(--mantine-font-size-sm);font-weight:400}[data-mantine-color-scheme=dark] .me_98eeceb4{color:var(--mantine-color-dark-0)}.me_e7d18146{border-top:1px solid var(--mantine-color-gray-2);margin-top:calc(var(--mantine-spacing-xs)/2);padding:var(--mantine-spacing-sm)}[data-mantine-color-scheme=dark] .me_e7d18146{border-top:1px solid var(--mantine-color-dark-5)}.me_e7d18146{align-items:center;display:flex;gap:var(--mantine-spacing-sm);justify-content:space-between}.me_b52b2793{color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-xs);font-weight:400}[data-mantine-color-scheme=dark] .me_b52b2793{color:var(--mantine-color-dark-2)}.me_23329375{align-items:center;border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;font-size:var(--mantine-font-size-xs);font-weight:500;outline:none;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm);transition:all var(--mantine-transition-duration)}.me_23329375,.me_fe07fbbe{display:flex;gap:calc(var(--mantine-spacing-xs)/2)}.me_fe07fbbe{flex-direction:column}.me_53ad7594{color:var(--mantine-color-yellow-6);font-size:var(--mantine-font-size-xs)}[data-mantine-color-scheme=dark] .me_53ad7594{color:var(--mantine-color-yellow-4)}.me_53ad7594{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);gap:calc(var(--mantine-spacing-xs)/2);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);transition:all var(--mantine-transition-duration)}[data-mantine-color-scheme=dark] .me_1b8832ef{background-color:var(--mantine-color-dark-5)}.me_1b8832ef{cursor:pointer;font-size:var(--mantine-font-size-sm);height:24px;line-height:1}.me_1b8832ef:hover{background-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .me_1b8832ef:hover{background-color:var(--mantine-color-dark-4)}.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)}[data-mantine-color-scheme=dark] .me_8a849702:hover{background-color:var(--mantine-color-dark-5)}.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;justify-content:center}[data-mantine-color-scheme=dark] .me_aa94e6fe{color:var(--mantine-color-dark-2)}.me_aa94e6fe{flex-shrink:0}.me_5acd7b18{color:var(--mantine-color-gray-7);font-weight:400}[data-mantine-color-scheme=dark] .me_5acd7b18{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_24fb0a00{color:var(--mantine-color-dark-1)}.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}[data-mantine-color-scheme=dark] .me_5b5a8d95{color:var(--mantine-color-dark-0)}.me_5b5a8d95{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_dc3a6d7b{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_111005c4{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:100px;padding:0}.me_111005c4::placeholder{color:var(--mantine-color-dimmed)}.me_9b80753c{align-items:center;display:flex;flex-shrink:0;height:calc(var(--mantine-spacing-md)*1.5)}.me_184a1605{background:transparent;border:none;font-size:var(--mantine-font-size-sm);height:auto;min-height:unset;min-width:180px;padding:0}.me_184a1605::placeholder{color:var(--mantine-color-dimmed)}.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-gray-1),var(--mantine-color-gray-1));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-gray-7)}.me_755acd29:focus{box-shadow:none;outline:none}.me_36f1fa71{color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-xs)}}
package/dist/types/components/CompositeFiltersInput/CompositeFiltersInput.classes.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { CompositeFiltersInputStylesNames } from '../../types/filter.types';
2
+ export type { CompositeFiltersInputStylesNames };
3
+ export declare const COMPONENT_NAME = "CompositeFiltersInput";
4
+ export declare const staticClasses: Record<CompositeFiltersInputStylesNames, string>;
5
+ export declare const cssModuleClasses: Record<CompositeFiltersInputStylesNames, string | undefined>;
6
+ export declare const CompositeFiltersInputClasses: Record<CompositeFiltersInputStylesNames, string>;
package/dist/types/components/{MultiFiltersInput/MultiFiltersInput.d.ts → CompositeFiltersInput/CompositeFiltersInput.d.ts} RENAMED
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- import { type MultiFiltersInputStylesNames } from "./MultiFiltersInput.classes";
3
- import type { ActiveFilter, FilterAction, MultiFiltersInputProps } from "../../types/filter.types";
2
+ import { type CompositeFiltersInputStylesNames } from "./CompositeFiltersInput.classes";
3
+ import type { ActiveFilter, FilterAction, CompositeFiltersInputProps } from "../../types/filter.types";
4
4
  export type FilterOverflowMode = "scroll" | "wrap";
5
- export interface MultiFiltersInputExtendedProps extends MultiFiltersInputProps {
5
+ export interface CompositeFiltersInputExtendedProps extends CompositeFiltersInputProps {
6
6
  /** Custom renderer for filter pills */
7
7
  renderPill?: (filter: ActiveFilter, onRemove: () => void) => React.ReactNode;
8
8
  /** Disable presets feature */
@@ -22,8 +22,8 @@ export interface MultiFiltersInputExtendedProps extends MultiFiltersInputProps {
22
22
  /** Custom placeholder for options search step */
23
23
  searchPlaceholder?: string;
24
24
  }
25
- type MultiFiltersInputComponent = React.FC<MultiFiltersInputExtendedProps> & {
26
- classes: Record<MultiFiltersInputStylesNames, string>;
25
+ type CompositeFiltersInputComponent = React.FC<CompositeFiltersInputExtendedProps> & {
26
+ classes: Record<CompositeFiltersInputStylesNames, string>;
27
27
  };
28
- export declare const MultiFiltersInput: MultiFiltersInputComponent;
29
- export default MultiFiltersInput;
28
+ export declare const CompositeFiltersInput: CompositeFiltersInputComponent;
29
+ export default CompositeFiltersInput;
package/dist/types/components/CompositeFiltersInput/index.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ export { CompositeFiltersInput as default } from "./CompositeFiltersInput";
2
+ export { CompositeFiltersInput } from "./CompositeFiltersInput";
3
+ export type { CompositeFiltersInputExtendedProps } from "./CompositeFiltersInput";
4
+ export { CompositeFiltersInput as MultiFiltersInput } from "./CompositeFiltersInput";
5
+ export { CompositeFiltersInputClasses, staticClasses as CompositeFiltersInputStaticClasses, type CompositeFiltersInputStylesNames } from "./CompositeFiltersInput.classes";
6
+ export { FilterPill } from "./FilterPill";
7
+ export { CurrentFieldIndicator } from "./CurrentFieldIndicator";
8
+ export { FilterActionsMenu } from "./FilterActionsMenu";
9
+ export { FilterStatusBar } from "./FilterStatusBar";
10
+ export { FilterMaxReached } from "./FilterMaxReached";
11
+ export * from "./dropdowns";
12
+ export * from "./value-inputs";
13
+ export * from "./context";
package/dist/types/components/MultiFiltersInput/index.d.ts CHANGED
@@ -1,12 +1,11 @@
1
- export { MultiFiltersInput as default } from "./MultiFiltersInput";
2
- export { MultiFiltersInput } from "./MultiFiltersInput";
3
- export type { MultiFiltersInputExtendedProps } from "./MultiFiltersInput";
4
- export { multiFiltersInputClasses, staticClasses as multiFiltersInputStaticClasses, type MultiFiltersInputStylesNames } from "./MultiFiltersInput.classes";
5
- export { FilterPill } from "./FilterPill";
6
- export { CurrentFieldIndicator } from "./CurrentFieldIndicator";
7
- export { FilterActionsMenu } from "./FilterActionsMenu";
8
- export { FilterStatusBar } from "./FilterStatusBar";
9
- export { FilterMaxReached } from "./FilterMaxReached";
10
- export * from "./dropdowns";
11
- export * from "./value-inputs";
12
- export * from "./context";
1
+ export { CompositeFiltersInput as default } from "../CompositeFiltersInput";
2
+ export { CompositeFiltersInput as MultiFiltersInput } from "../CompositeFiltersInput";
3
+ export { CompositeFiltersInputClasses as MultiFiltersInputClasses, staticClasses as MultiFiltersInputStaticClasses, type CompositeFiltersInputStylesNames as MultiFiltersInputStylesNames } from "../CompositeFiltersInput/CompositeFiltersInput.classes";
4
+ export { FilterPill } from "../CompositeFiltersInput/FilterPill";
5
+ export { CurrentFieldIndicator } from "../CompositeFiltersInput/CurrentFieldIndicator";
6
+ export { FilterActionsMenu } from "../CompositeFiltersInput/FilterActionsMenu";
7
+ export { FilterStatusBar } from "../CompositeFiltersInput/FilterStatusBar";
8
+ export { FilterMaxReached } from "../CompositeFiltersInput/FilterMaxReached";
9
+ export * from "../CompositeFiltersInput/dropdowns";
10
+ export * from "../CompositeFiltersInput/value-inputs";
11
+ export * from "../CompositeFiltersInput/context";
package/dist/types/index.d.mts CHANGED
@@ -1,9 +1,9 @@
1
- export { default as MultiFiltersInput } from "./components/MultiFiltersInput";
2
- export { MultiFiltersInput as MultiFiltersInputComponent, FilterPill, CurrentFieldIndicator, FilterActionsMenu, FilterStatusBar, FilterMaxReached, FieldDropdown, OperatorDropdown, ValueDropdown, DateValueInput, DateRangeValueInput, FilterProvider, useFilterContext, multiFiltersInputClasses, multiFiltersInputStaticClasses, } from "./components/MultiFiltersInput";
3
- export type { FilterOverflowMode, MultiFiltersInputExtendedProps } from "./components/MultiFiltersInput/MultiFiltersInput";
4
- export type { MultiFiltersInputStylesNames as MultiFiltersInputStylesNamesType } from "./components/MultiFiltersInput/MultiFiltersInput.classes";
1
+ export { default as CompositeFiltersInput } from "./components/CompositeFiltersInput";
2
+ export { CompositeFiltersInput as CompositeFiltersInputComponent, MultiFiltersInput as MultiFiltersInputComponent, FilterPill, CurrentFieldIndicator, FilterActionsMenu, FilterStatusBar, FilterMaxReached, FieldDropdown, OperatorDropdown, ValueDropdown, DateValueInput, DateRangeValueInput, FilterProvider, useFilterContext, CompositeFiltersInputClasses, CompositeFiltersInputStaticClasses, } from "./components/CompositeFiltersInput";
3
+ export type { FilterOverflowMode, CompositeFiltersInputExtendedProps } from "./components/CompositeFiltersInput/CompositeFiltersInput";
4
+ export type { CompositeFiltersInputStylesNames as CompositeFiltersInputStylesNamesType } from "./components/CompositeFiltersInput/CompositeFiltersInput.classes";
5
5
  export { useFilters } from "./hooks/useFilters";
6
6
  export { useFilterPresets } from "./hooks/useFilterPresets";
7
7
  export { useFilterHistory } from "./hooks/useFilterHistory";
8
8
  export * from "./utils";
9
- export type { ActiveFilter, FilterDefinition, FilterOperator, FilterOption, FilterType, FilterValue, FilterVariant, MultiFiltersInputProps, MultiFiltersInputStylesNames, MultiFiltersInputStyles, MultiFiltersInputClassNames, FilterPillProps, FilterDropdownConfig, FieldDropdownProps, OperatorDropdownProps, ValueDropdownProps, InputStep, FilterInputState, FilterInputActions, FilterInputContextType, SavedFilterPreset, FilterHistory, UseFiltersOptions, UseFilterPresetsOptions, UseFilterHistoryOptions, UseFiltersReturn, UseFilterPresetsReturn, UseFilterHistoryReturn, ApiFilterFormat, FilterAction, } from "./types/filter.types";
9
+ export type { ActiveFilter, FilterDefinition, FilterOperator, FilterOption, FilterType, FilterValue, FilterVariant, CompositeFiltersInputProps, CompositeFiltersInputStylesNames, CompositeFiltersInputStyles, CompositeFiltersInputClassNames, FilterPillProps, FilterDropdownConfig, FieldDropdownProps, OperatorDropdownProps, ValueDropdownProps, InputStep, FilterInputState, FilterInputActions, FilterInputContextType, SavedFilterPreset, FilterHistory, UseFiltersOptions, UseFilterPresetsOptions, UseFilterHistoryOptions, UseFiltersReturn, UseFilterPresetsReturn, UseFilterHistoryReturn, ApiFilterFormat, FilterAction, } from "./types/filter.types";
package/dist/types/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- export { default as MultiFiltersInput } from "./components/MultiFiltersInput";
2
- export { MultiFiltersInput as MultiFiltersInputComponent, FilterPill, CurrentFieldIndicator, FilterActionsMenu, FilterStatusBar, FilterMaxReached, FieldDropdown, OperatorDropdown, ValueDropdown, DateValueInput, DateRangeValueInput, FilterProvider, useFilterContext, multiFiltersInputClasses, multiFiltersInputStaticClasses, } from "./components/MultiFiltersInput";
3
- export type { FilterOverflowMode, MultiFiltersInputExtendedProps } from "./components/MultiFiltersInput/MultiFiltersInput";
4
- export type { MultiFiltersInputStylesNames as MultiFiltersInputStylesNamesType } from "./components/MultiFiltersInput/MultiFiltersInput.classes";
1
+ export { default as CompositeFiltersInput } from "./components/CompositeFiltersInput";
2
+ export { CompositeFiltersInput as CompositeFiltersInputComponent, MultiFiltersInput as MultiFiltersInputComponent, FilterPill, CurrentFieldIndicator, FilterActionsMenu, FilterStatusBar, FilterMaxReached, FieldDropdown, OperatorDropdown, ValueDropdown, DateValueInput, DateRangeValueInput, FilterProvider, useFilterContext, CompositeFiltersInputClasses, CompositeFiltersInputStaticClasses, } from "./components/CompositeFiltersInput";
3
+ export type { FilterOverflowMode, CompositeFiltersInputExtendedProps } from "./components/CompositeFiltersInput/CompositeFiltersInput";
4
+ export type { CompositeFiltersInputStylesNames as CompositeFiltersInputStylesNamesType } from "./components/CompositeFiltersInput/CompositeFiltersInput.classes";
5
5
  export { useFilters } from "./hooks/useFilters";
6
6
  export { useFilterPresets } from "./hooks/useFilterPresets";
7
7
  export { useFilterHistory } from "./hooks/useFilterHistory";
8
8
  export * from "./utils";
9
- export type { ActiveFilter, FilterDefinition, FilterOperator, FilterOption, FilterType, FilterValue, FilterVariant, MultiFiltersInputProps, MultiFiltersInputStylesNames, MultiFiltersInputStyles, MultiFiltersInputClassNames, FilterPillProps, FilterDropdownConfig, FieldDropdownProps, OperatorDropdownProps, ValueDropdownProps, InputStep, FilterInputState, FilterInputActions, FilterInputContextType, SavedFilterPreset, FilterHistory, UseFiltersOptions, UseFilterPresetsOptions, UseFilterHistoryOptions, UseFiltersReturn, UseFilterPresetsReturn, UseFilterHistoryReturn, ApiFilterFormat, FilterAction, } from "./types/filter.types";
9
+ export type { ActiveFilter, FilterDefinition, FilterOperator, FilterOption, FilterType, FilterValue, FilterVariant, CompositeFiltersInputProps, CompositeFiltersInputStylesNames, CompositeFiltersInputStyles, CompositeFiltersInputClassNames, FilterPillProps, FilterDropdownConfig, FieldDropdownProps, OperatorDropdownProps, ValueDropdownProps, InputStep, FilterInputState, FilterInputActions, FilterInputContextType, SavedFilterPreset, FilterHistory, UseFiltersOptions, UseFilterPresetsOptions, UseFilterHistoryOptions, UseFiltersReturn, UseFilterPresetsReturn, UseFilterHistoryReturn, ApiFilterFormat, FilterAction, } from "./types/filter.types";
package/dist/types/types/filter.types.d.ts CHANGED
@@ -26,8 +26,8 @@ export interface ActiveFilter {
26
26
  displayValue: string;
27
27
  icon?: React.ReactNode;
28
28
  }
29
- export type MultiFiltersInputStylesNames = 'root' | 'container' | 'leftIcon' | 'pillsContainer' | 'input' | 'rightSection' | 'dropdown' | 'badge' | 'clearButton';
30
- export interface MultiFiltersInputStyles {
29
+ export type CompositeFiltersInputStylesNames = 'root' | 'container' | 'leftIcon' | 'pillsContainer' | 'input' | 'rightSection' | 'dropdown' | 'badge' | 'clearButton';
30
+ export interface CompositeFiltersInputStyles {
31
31
  root?: React.CSSProperties;
32
32
  container?: React.CSSProperties;
33
33
  leftIcon?: React.CSSProperties;
@@ -38,7 +38,7 @@ export interface MultiFiltersInputStyles {
38
38
  badge?: React.CSSProperties;
39
39
  clearButton?: React.CSSProperties;
40
40
  }
41
- export interface MultiFiltersInputClassNames {
41
+ export interface CompositeFiltersInputClassNames {
42
42
  root?: string;
43
43
  container?: string;
44
44
  leftIcon?: string;
@@ -49,7 +49,7 @@ export interface MultiFiltersInputClassNames {
49
49
  badge?: string;
50
50
  clearButton?: string;
51
51
  }
52
- export interface MultiFiltersInputProps extends Omit<BoxProps, 'children'> {
52
+ export interface CompositeFiltersInputProps extends Omit<BoxProps, 'children'> {
53
53
  filters: FilterDefinition[];
54
54
  value: ActiveFilter[];
55
55
  onChange: (filters: ActiveFilter[]) => void;
@@ -71,9 +71,9 @@ export interface MultiFiltersInputProps extends Omit<BoxProps, 'children'> {
71
71
  /** Variants for different UI styles */
72
72
  variant?: FilterVariant;
73
73
  /** Styles applied to different parts of the component */
74
- styles?: MultiFiltersInputStyles | ((theme: any) => MultiFiltersInputStyles);
74
+ styles?: CompositeFiltersInputStyles | ((theme: any) => CompositeFiltersInputStyles);
75
75
  /** ClassNames applied to different parts of the component */
76
- classNames?: MultiFiltersInputClassNames;
76
+ classNames?: CompositeFiltersInputClassNames;
77
77
  }
78
78
  export type InputStep = "field" | "operator" | "value";
79
79
  export interface SavedFilterPreset {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mantine-composite-filters",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "A powerful composite filters component for Mantine",
5
5
  "homepage": "https://dvlprroshan.github.io/mantine-composite-filters",
6
6
  "packageManager": "yarn@4.0.1",
package/dist/types/components/MultiFiltersInput/MultiFiltersInput.classes.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { MultiFiltersInputStylesNames } from '../../types/filter.types';
2
- export type { MultiFiltersInputStylesNames };
3
- export declare const COMPONENT_NAME = "MultiFiltersInput";
4
- export declare const staticClasses: Record<MultiFiltersInputStylesNames, string>;
5
- export declare const cssModuleClasses: Record<MultiFiltersInputStylesNames, string | undefined>;
6
- export declare const multiFiltersInputClasses: Record<MultiFiltersInputStylesNames, string>;