mantine-composite-filters 0.1.1 → 0.2.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.
package/dist/styles.css CHANGED
@@ -1 +1 @@
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)}
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 +1 @@
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)}}
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)}}
@@ -0,0 +1,6 @@
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>;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { type MultiFiltersInputStylesNames } from "./MultiFiltersInput.classes";
2
3
  import type { ActiveFilter, FilterAction, MultiFiltersInputProps } from "../../types/filter.types";
3
4
  export type FilterOverflowMode = "scroll" | "wrap";
4
5
  export interface MultiFiltersInputExtendedProps extends MultiFiltersInputProps {
@@ -21,5 +22,8 @@ export interface MultiFiltersInputExtendedProps extends MultiFiltersInputProps {
21
22
  /** Custom placeholder for options search step */
22
23
  searchPlaceholder?: string;
23
24
  }
24
- export declare const MultiFiltersInput: React.FC<MultiFiltersInputExtendedProps>;
25
+ type MultiFiltersInputComponent = React.FC<MultiFiltersInputExtendedProps> & {
26
+ classes: Record<MultiFiltersInputStylesNames, string>;
27
+ };
28
+ export declare const MultiFiltersInput: MultiFiltersInputComponent;
25
29
  export default MultiFiltersInput;
@@ -2,7 +2,6 @@ import React from "react";
2
2
  import type { FilterDefinition } from "../../../types/filter.types";
3
3
  export interface FieldDropdownProps {
4
4
  fields: FilterDefinition[];
5
- totalAvailable: number;
6
5
  }
7
6
  export declare const FieldDropdown: React.FC<FieldDropdownProps>;
8
7
  export default FieldDropdown;
@@ -1,6 +1,7 @@
1
1
  export { MultiFiltersInput as default } from "./MultiFiltersInput";
2
2
  export { MultiFiltersInput } from "./MultiFiltersInput";
3
3
  export type { MultiFiltersInputExtendedProps } from "./MultiFiltersInput";
4
+ export { multiFiltersInputClasses, staticClasses as multiFiltersInputStaticClasses, type MultiFiltersInputStylesNames } from "./MultiFiltersInput.classes";
4
5
  export { FilterPill } from "./FilterPill";
5
6
  export { CurrentFieldIndicator } from "./CurrentFieldIndicator";
6
7
  export { FilterActionsMenu } from "./FilterActionsMenu";
@@ -3,6 +3,7 @@ export interface DateRangeValueInputProps {
3
3
  value: [Date | null, Date | null];
4
4
  onChange: (range: [Date | null, Date | null]) => void;
5
5
  onComplete: (formatted: string, rangeValue: [Date | null, Date | null]) => void;
6
+ onCancel?: () => void;
6
7
  }
7
8
  export declare const DateRangeValueInput: React.FC<DateRangeValueInputProps>;
8
9
  export default DateRangeValueInput;
@@ -3,6 +3,7 @@ export interface DateValueInputProps {
3
3
  value: Date | null;
4
4
  onChange: (date: Date | null) => void;
5
5
  onComplete: (formatted: string, isoValue: string) => void;
6
+ onCancel?: () => void;
6
7
  }
7
8
  export declare const DateValueInput: React.FC<DateValueInputProps>;
8
9
  export default DateValueInput;
@@ -1,14 +1,2 @@
1
- import type { ActiveFilter, FilterHistory } from "../types/filter.types";
2
- interface UseFilterHistoryOptions {
3
- storageKey?: string;
4
- maxHistory?: number;
5
- enabled?: boolean;
6
- }
7
- export declare const useFilterHistory: (activeFilters: ActiveFilter[], options?: UseFilterHistoryOptions) => {
8
- history: FilterHistory[];
9
- recentHistory: FilterHistory[];
10
- clearHistory: () => void;
11
- removeHistoryItem: (timestamp: number) => void;
12
- hasHistory: boolean;
13
- };
14
- export {};
1
+ import type { ActiveFilter, UseFilterHistoryOptions, UseFilterHistoryReturn } from "../types/filter.types";
2
+ export declare const useFilterHistory: (activeFilters: ActiveFilter[], options?: UseFilterHistoryOptions) => UseFilterHistoryReturn;
@@ -1,16 +1,2 @@
1
- import type { ActiveFilter, SavedFilterPreset } from "../types/filter.types";
2
- interface UseFilterPresetsOptions {
3
- storageKey?: string;
4
- onLoad?: (filters: ActiveFilter[]) => void;
5
- }
6
- export declare const useFilterPresets: (options?: UseFilterPresetsOptions) => {
7
- presets: SavedFilterPreset[];
8
- sortedPresets: SavedFilterPreset[];
9
- savePreset: (filters: ActiveFilter[], name?: string) => SavedFilterPreset;
10
- loadPreset: (preset: SavedFilterPreset) => void;
11
- toggleFavorite: (presetId: string) => void;
12
- deletePreset: (presetId: string) => void;
13
- updatePreset: (presetId: string, updates: Partial<Omit<SavedFilterPreset, "id">>) => void;
14
- hasPresets: boolean;
15
- };
16
- export {};
1
+ import type { UseFilterPresetsOptions, UseFilterPresetsReturn } from "../types/filter.types";
2
+ export declare const useFilterPresets: (options?: UseFilterPresetsOptions) => UseFilterPresetsReturn;
@@ -1,24 +1,2 @@
1
- import type { ActiveFilter, FilterDefinition } from "../types/filter.types";
2
- interface UseFiltersOptions {
3
- initialFilters?: ActiveFilter[];
4
- onFiltersChange?: (filters: ActiveFilter[]) => void;
5
- }
6
- export declare const useFilters: (filterDefinitions: FilterDefinition[], options?: UseFiltersOptions) => {
7
- activeFilters: ActiveFilter[];
8
- setActiveFilters: (newFilters: ActiveFilter[]) => void;
9
- filterDefinitions: FilterDefinition[];
10
- addFilter: (filter: Omit<ActiveFilter, "id">) => void;
11
- removeFilter: (id: string) => void;
12
- clearFilters: () => void;
13
- updateFilter: (id: string, updates: Partial<ActiveFilter>) => void;
14
- getFilterByKey: (key: string) => ActiveFilter;
15
- hasFilter: (key: string) => boolean;
16
- toQueryParams: Record<string, string | string[]>;
17
- toApiFormat: {
18
- field: string;
19
- operator: import("../types/filter.types").FilterOperator;
20
- value: string | [Date, Date] | string[];
21
- }[];
22
- filtersCount: number;
23
- };
24
- export {};
1
+ import type { FilterDefinition, UseFiltersOptions, UseFiltersReturn } from "../types/filter.types";
2
+ export declare const useFilters: (filterDefinitions: FilterDefinition[], options?: UseFiltersOptions) => UseFiltersReturn;
@@ -1,8 +1,9 @@
1
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, } 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
3
  export type { FilterOverflowMode, MultiFiltersInputExtendedProps } from "./components/MultiFiltersInput/MultiFiltersInput";
4
+ export type { MultiFiltersInputStylesNames as MultiFiltersInputStylesNamesType } from "./components/MultiFiltersInput/MultiFiltersInput.classes";
4
5
  export { useFilters } from "./hooks/useFilters";
5
6
  export { useFilterPresets } from "./hooks/useFilterPresets";
6
7
  export { useFilterHistory } from "./hooks/useFilterHistory";
7
8
  export * from "./utils";
8
- 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";
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";
@@ -1,8 +1,9 @@
1
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, } 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
3
  export type { FilterOverflowMode, MultiFiltersInputExtendedProps } from "./components/MultiFiltersInput/MultiFiltersInput";
4
+ export type { MultiFiltersInputStylesNames as MultiFiltersInputStylesNamesType } from "./components/MultiFiltersInput/MultiFiltersInput.classes";
4
5
  export { useFilters } from "./hooks/useFilters";
5
6
  export { useFilterPresets } from "./hooks/useFilterPresets";
6
7
  export { useFilterHistory } from "./hooks/useFilterHistory";
7
8
  export * from "./utils";
8
- 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";
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";
@@ -163,3 +163,65 @@ export interface FilterAction {
163
163
  disabled?: boolean;
164
164
  }
165
165
  export type FilterVariant = "default" | "compact" | "minimal" | "bordered";
166
+ export interface UseFiltersOptions {
167
+ initialFilters?: ActiveFilter[];
168
+ onFiltersChange?: (filters: ActiveFilter[]) => void;
169
+ }
170
+ export interface UseFilterPresetsOptions {
171
+ storageKey?: string;
172
+ onLoad?: (filters: ActiveFilter[]) => void;
173
+ }
174
+ export interface UseFilterHistoryOptions {
175
+ storageKey?: string;
176
+ maxHistory?: number;
177
+ enabled?: boolean;
178
+ }
179
+ export interface UseFiltersReturn {
180
+ activeFilters: ActiveFilter[];
181
+ setActiveFilters: (filters: ActiveFilter[]) => void;
182
+ filterDefinitions: FilterDefinition[];
183
+ addFilter: (filter: Omit<ActiveFilter, "id">) => void;
184
+ removeFilter: (id: string) => void;
185
+ clearFilters: () => void;
186
+ updateFilter: (id: string, updates: Partial<ActiveFilter>) => void;
187
+ getFilterByKey: (key: string) => ActiveFilter | undefined;
188
+ hasFilter: (key: string) => boolean;
189
+ toQueryParams: Record<string, string | string[]>;
190
+ toApiFormat: Array<{
191
+ field: string;
192
+ operator: FilterOperator;
193
+ value: ActiveFilter["value"];
194
+ }>;
195
+ filtersCount: number;
196
+ }
197
+ export interface UseFilterPresetsReturn {
198
+ presets: SavedFilterPreset[];
199
+ sortedPresets: SavedFilterPreset[];
200
+ savePreset: (filters: ActiveFilter[], name?: string) => SavedFilterPreset | null;
201
+ loadPreset: (preset: SavedFilterPreset) => void;
202
+ toggleFavorite: (presetId: string) => void;
203
+ deletePreset: (presetId: string) => void;
204
+ updatePreset: (presetId: string, updates: Partial<Omit<SavedFilterPreset, "id">>) => void;
205
+ hasPresets: boolean;
206
+ }
207
+ export interface UseFilterHistoryReturn {
208
+ history: FilterHistory[];
209
+ recentHistory: FilterHistory[];
210
+ clearHistory: () => void;
211
+ removeHistoryItem: (timestamp: number) => void;
212
+ hasHistory: boolean;
213
+ }
214
+ export interface ApiFilterFormat {
215
+ field: string;
216
+ operator: FilterOperator;
217
+ value: ActiveFilter["value"];
218
+ }
219
+ export type FilterValue = string | string[] | [Date | null, Date | null];
220
+ export interface FilterPillProps {
221
+ filter: ActiveFilter;
222
+ onRemove: (id: string) => void;
223
+ onOperatorClick?: (filter: ActiveFilter) => void;
224
+ onValueClick?: (filter: ActiveFilter) => void;
225
+ isHighlighted?: boolean;
226
+ isCompact?: boolean;
227
+ }
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "mantine-composite-filters",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "description": "A powerful composite filters component for Mantine",
5
- "homepage": "https://github.com/dvlprroshan/mantine-composite-filters#readme",
5
+ "homepage": "https://dvlprroshan.github.io/mantine-composite-filters",
6
6
  "packageManager": "yarn@4.0.1",
7
7
  "license": "MIT",
8
8
  "author": "Vitaly Rtishchev <rtivital@gmail.com>",