@sito/dashboard 0.0.63 → 0.0.65
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/README.md +69 -120
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/Button.stories.d.ts +28 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/types.d.ts +7 -0
- package/dist/components/Dropdown/Dropdown.d.ts +7 -0
- package/dist/components/Dropdown/Dropdown.stories.d.ts +7 -0
- package/dist/components/Dropdown/Dropdown.test.d.ts +1 -0
- package/dist/components/Dropdown/index.d.ts +2 -0
- package/dist/components/Dropdown/types.d.ts +6 -0
- package/dist/components/Form/AutocompleteInput/AutocompleteInput.d.ts +3 -3
- package/dist/components/IconButton/IconButton.d.ts +7 -0
- package/dist/components/IconButton/IconButton.stories.d.ts +29 -0
- package/dist/components/IconButton/index.d.ts +2 -0
- package/dist/components/IconButton/types.d.ts +6 -0
- package/dist/components/Table/components/Rows.d.ts +0 -1
- package/dist/components/Table/components/TableSelectionBar.d.ts +18 -0
- package/dist/components/Table/components/TableSelectionBar.test.d.ts +1 -0
- package/dist/components/Table/components/Widgets/types.d.ts +3 -6
- package/dist/components/Table/components/index.d.ts +1 -0
- package/dist/components/Table/hooks/index.d.ts +3 -0
- package/dist/components/Table/hooks/useExpandedRows.d.ts +28 -0
- package/dist/components/Table/hooks/useTableMultiActions.d.ts +20 -0
- package/dist/components/Table/hooks/useTableRowSelection.d.ts +26 -0
- package/dist/components/Table/types.d.ts +1 -1
- package/dist/components/Table/utils.d.ts +8 -0
- package/dist/components/Table/utils.test.d.ts +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/dashboard.cjs +1 -1
- package/dist/dashboard.js +1064 -1857
- package/dist/main.css +1 -1
- package/package.json +26 -19
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.relative{position:relative}.mt-2{margin-top:.5rem}.flex{display:flex}.table{display:table}.table-row{display:table-row}.hidden{display:none}.h-4{height:1rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.max-w-sm{max-width:24rem}.\!cursor-default{cursor:default!important}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded{border-radius:.25rem}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.stroke-blue-800{stroke:#1e40af}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.opacity-70{opacity:.7}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input-normal{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.input-normal:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.input-normal:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.input-normal:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.input-label-error{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.peer:focus~.input-label-error{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.input-label-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.peer:focus~.input-label-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.input-label-good{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.peer:focus~.input-label-good{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.input-label-good:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.peer:focus~.input-label-good:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.input-label-normal{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.peer:focus~.input-label-normal{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.input-label-normal:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.peer:focus~.input-label-normal:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.input-helper-text-error{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.input-helper-text-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.input-helper-text-good{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.input-helper-text-good:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.input-helper-text-normal{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.input-helper-text-normal:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.autocomplete-suggestions-container{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.autocomplete-suggestions-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.autocomplete-suggestion-item:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.autocomplete-delete-button{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.autocomplete-delete-button:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.autocomplete-delete-button:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.autocomplete-delete-button:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.chip-main{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.chip-main:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.chip-delete-button:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.chip-delete-button:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.badge-main{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.badge-main:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.table-loading{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-loading:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row{--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-row:is(.dark *){--tw-border-opacity: 1;border-bottom-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-headers-row{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.table-headers-row:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.table-content{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.table-content:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.table-row-cell.basic{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.table-row-cell.basic:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.table-navigation-buttons:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.table-navigation-buttons:disabled:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.filter-popup{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.filter-popup:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.filter-dropdown-submit,.filter-dropdown-cancel{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-submit:hover,.filter-dropdown-cancel:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-submit:is(.dark *),.filter-dropdown-cancel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.filter-dropdown-submit:hover:is(.dark *),.filter-dropdown-cancel:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.filter-dropdown-trigger{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-trigger:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-trigger:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.filter-dropdown-trigger:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.filter-title{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.filter-title:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.filter-footer{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.filter-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.table-headers-cell:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.table-headers-cell:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.badge-main{font-size:9px;line-height:0;position:absolute;top:.25rem;right:.25rem;display:flex;min-height:1rem;min-width:1rem;align-items:center;justify-content:center;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.badge-main.show{--tw-scale-x: 1 !important;--tw-scale-y: 1 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.badge-main.hide{--tw-scale-x: 0 !important;--tw-scale-y: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.chip-main{display:flex;align-items:center;justify-content:flex-start;border-radius:1.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.chip-delete-button{margin-left:.5rem;height:.625rem;width:.625rem;cursor:pointer}.autocomplete-input-container{margin-bottom:1.25rem;width:100%}.autocomplete-value-input-container{position:relative;width:100%}.autocomplete-text-input{margin-bottom:0!important}.autocomplete-delete-button{position:absolute;right:.5rem;top:1rem;display:flex;height:.75rem;width:.75rem;align-items:center;justify-content:center}.autocomplete-suggestions-container{position:absolute;z-index:10;margin:0;max-height:11rem;width:100%;overflow:auto;padding:0;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.autocomplete-suggestion-item{cursor:pointer;padding:.5rem}.autocomplete-value-container{position:absolute;top:-.5rem;right:.5rem;margin-top:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}.input-check-container{display:flex;align-items:center}.input-check{border-radius:.25rem;border-width:1px}.input-check:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px }.input-check-label{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.file-input-container{position:relative;z-index:0;margin-bottom:1.25rem;display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));padding:.75rem}.file-input-container:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.file-input{visibility:hidden;position:absolute}.file-preview-list{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.file-preview{display:flex;align-items:center;gap:1.25rem}.file-icon{height:2.5rem;width:2.5rem}.select-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.select-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.select-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.select-input-label{position:absolute;top:.75rem;z-index:-10;transform-origin:0;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:-moz-placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.select-input-label{inset-inline-start:0px;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:500}.peer:focus~.select-input-label:where([dir="rtl"],[dir="rtl"] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.text-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.text-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.text-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.text-input-label{position:absolute;top:.75rem;transform-origin:0;--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:focus~.text-input-label{font-weight:500;inset-inline-start:0px}.peer:focus~.text-input-label:where([dir="rtl"],[dir="rtl"] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.text-input-label{--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input.has-placeholder~.text-input-label{--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input.has-value~.text-input-label{--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;animation:rotate 2s linear infinite;transform-origin:center center}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.active-filters-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}.filter-dropdown-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:transparent;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-dropdown-button.normal{padding:.5rem .75rem}.filter-dropdown-button.small{padding:.125rem .5rem}.filter-dropdown-trigger-icon{height:1rem;width:1rem;fill:currentColor}.filter-dropdown-backdrop{transition:grid-template-rows;transition-duration:.5s;display:grid;width:100%;overflow:hidden}.filter-dropdown-backdrop.opened{grid-template-rows:1fr}.filter-dropdown-backdrop.closed{grid-template-rows:0fr}.filter-popup{min-height:0;overflow:auto}.filter-title{margin-bottom:.75rem;padding:.375rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase}.filter-container{margin-bottom:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:2rem;padding:.75rem}.filter-container-item{display:flex;align-items:center}.filter-footer{border-top-width:1px;padding:.5rem .75rem}.filter-buttons-row{display:flex;align-items:center;justify-content:space-between}.table-main{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column}.table-header{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}.table-header.showing-filters{margin-bottom:1.25rem}.table-header-content{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:.5rem;justify-self:end}.table-header-title{font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width: 768px){.table-header-title{font-size:1.875rem;line-height:2.25rem}}.table-body{min-height:0px;width:100%;flex:1 1 0%;overflow-x:auto;overflow-y:auto}.table-content{height:100%;width:100%;border-collapse:separate;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);text-align:left;font-size:.875rem;line-height:1.25rem}.table-loading{top:0px;left:0px;height:100%;width:100%}.table-row-cell{padding:1rem 1.5rem;font-weight:500}.table-row-cell.basic{white-space:nowrap}.table-row-cell-action{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem}.table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.table-row.expandable{cursor:pointer}.table-row.expandable:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.table-row.expandable:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row.selected{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.table-row.selected:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row.expanded{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.table-row.expanded:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row-checkbox{width:3rem;padding-left:.75rem;padding-right:.75rem;text-align:center}.table-row-checkbox input{cursor:pointer}.table-row-expanded-cell{border-width:0px;background-color:transparent;padding:0}.table-row-expanded-content{display:grid;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s ease,opacity .22s ease}.table-row-expanded-content.open{opacity:1;grid-template-rows:1fr}.table-row-expanded-content.closed{opacity:0;grid-template-rows:0fr}.table-row-expanded-inner{overflow:hidden;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity));padding:1rem 1.5rem}.table-row-expanded-inner:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-selection-bar{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.table-selection-bar:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.table-selection-bar-count{font-size:.875rem;line-height:1.25rem;font-weight:600}.table-selection-bar-actions{display:flex;align-items:center;gap:.5rem}.table-selection-bar-actions button{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:transparent;background-color:transparent}.table-selection-bar-actions button:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.table-selection-bar-actions button:disabled{cursor:not-allowed;opacity:.5}.table-selection-bar-actions button:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.jump-to-page,.page-size{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.jump-to-page-input,.page-size-input{border-style:none!important;padding-top:0!important;padding-bottom:0!important;padding-left:.5rem!important;padding-right:1.75rem!important;font-weight:700}.jump-to-page-input-container,.page-size-input-container{margin-bottom:0!important;width:auto!important;border-style:none!important}.table-headers-row{font-size:.75rem;line-height:1rem}.table-headers-column{position:sticky;top:0px;z-index:20;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.5rem .75rem}.table-headers-column:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.table-headers-checkbox{width:3rem;text-align:center}.table-headers-checkbox input{cursor:pointer}.table-headers-cell{display:flex;cursor:pointer;align-items:center;gap:.5rem;padding:.25rem .75rem}.table-headers-label{white-space:nowrap}.table-headers-sort-indicator{width:.75rem}.table-headers-action{padding:.75rem 1.5rem;text-align:center}.table-empty{display:flex;width:100%;align-items:center;justify-content:center;border-top-width:1px;padding-top:.5rem;padding-bottom:.5rem}.table-footer{margin-top:1.25rem;display:flex;width:100%;align-items:center;justify-content:flex-end;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem}.table-navigation-sizes{display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.table-navigation-pages{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.options-widget-container{margin-bottom:0;padding-bottom:.5rem}.input-widget-container{margin-bottom:0;width:100%}.input-widget-label{top:0px;--tw-translate-y: -1rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.range-widget-row{display:flex;align-items:center;gap:1.5rem}.range-widget-container{position:relative;width:100%}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}
|
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.relative{position:relative}.mt-2{margin-top:.5rem}.flex{display:flex}.table{display:table}.table-row{display:table-row}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.max-w-sm{max-width:24rem}.\!cursor-default{cursor:default!important}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded{border-radius:.25rem}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.stroke-blue-800{stroke:#1e40af}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.opacity-70{opacity:.7}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input-normal{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.input-normal:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.input-normal:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.input-normal:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.input-label-error{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.peer:focus~.input-label-error{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.input-label-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.peer:focus~.input-label-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.input-label-good{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.peer:focus~.input-label-good{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.input-label-good:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.peer:focus~.input-label-good:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.input-label-normal{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.peer:focus~.input-label-normal{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.input-label-normal:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.peer:focus~.input-label-normal:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.input-helper-text-error{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.input-helper-text-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.input-helper-text-good{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.input-helper-text-good:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.input-helper-text-normal{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.input-helper-text-normal:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.autocomplete-suggestions-container{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.autocomplete-suggestions-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.autocomplete-suggestion-item:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.autocomplete-delete-button{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.autocomplete-delete-button:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.autocomplete-delete-button:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.autocomplete-delete-button:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.chip-main{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.chip-main:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.chip-delete-button:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.chip-delete-button:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.badge-main{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.badge-main:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.table-loading{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-loading:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row{--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-row:is(.dark *){--tw-border-opacity: 1;border-bottom-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-headers-row{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.table-headers-row:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.table-content{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.table-content:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.table-row-cell.basic{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.table-row-cell.basic:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.table-navigation-buttons:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.table-navigation-buttons:disabled:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.filter-popup{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.filter-popup:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.filter-dropdown-submit,.filter-dropdown-cancel{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-submit:hover,.filter-dropdown-cancel:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-submit:is(.dark *),.filter-dropdown-cancel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.filter-dropdown-submit:hover:is(.dark *),.filter-dropdown-cancel:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.filter-dropdown-trigger{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-trigger:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-trigger:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.filter-dropdown-trigger:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.filter-title{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.filter-title:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.filter-footer{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.filter-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.table-headers-cell:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.table-headers-cell:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.badge-main{font-size:9px;line-height:0;position:absolute;top:.25rem;right:.25rem;display:flex;min-height:1rem;min-width:1rem;align-items:center;justify-content:center;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.badge-main.show{--tw-scale-x: 1 !important;--tw-scale-y: 1 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.badge-main.hide{--tw-scale-x: 0 !important;--tw-scale-y: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.button{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.button:enabled{cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.5}.button:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.button.close:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.button.text{background-color:transparent}.button.text:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.button.text:hover:enabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.button.submit{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.button.submit:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.button.submit:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.button.submit:hover:enabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.button.outlined{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.button.outlined:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.button.outlined:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.button.outlined:hover:enabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.button.outlined.primary{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.button.outlined.primary:hover:enabled{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.button.outlined.primary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.button.submit.primary{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.button.submit.primary:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.button.submit.primary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.button.submit.primary:hover:enabled:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.chip-main{display:flex;align-items:center;justify-content:flex-start;border-radius:1.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.chip-main.deletable{padding-right:.5rem}.chip-delete-button{margin-left:.5rem;cursor:pointer}.chip-delete-button svg{height:.75rem;width:.75rem}.dropdown-main{position:absolute;right:1.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .5);--tw-shadow: var(--tw-shadow-colored);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown-main:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dropdown-main.opened{z-index:10;opacity:1}.dropdown-main.closed{pointer-events:none;z-index:-10;opacity:0}.autocomplete-input-container{margin-bottom:1.25rem;width:100%}.autocomplete-value-input-container{position:relative;width:100%}.autocomplete-text-input{margin-bottom:0!important}.autocomplete-delete-button{position:absolute;right:.5rem;top:50%;display:flex;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center}.autocomplete-delete-button svg{height:.75rem;width:.75rem}.autocomplete-suggestions-container{position:absolute;z-index:10;margin:0;max-height:11rem;width:100%;overflow:auto;padding:0;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.autocomplete-suggestion-item{cursor:pointer;padding:.5rem}.autocomplete-value-container{top:50%;transform:translateY(-50%);position:absolute;right:.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}.input-check-container{display:flex;align-items:center}.input-check{border-radius:.25rem;border-width:1px}.input-check:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px }.input-check-label{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.file-input-container{position:relative;z-index:0;margin-bottom:1.25rem;display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));padding:.75rem}.file-input-container:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.file-input{visibility:hidden;position:absolute}.file-preview-list{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.file-preview{display:flex;align-items:center;gap:1.25rem}.file-icon{height:2.5rem;width:2.5rem}.select-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.select-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.select-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.select-input-label{position:absolute;top:.75rem;z-index:-10;transform-origin:0;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:-moz-placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.select-input-label{inset-inline-start:0px;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:500}.peer:focus~.select-input-label:where([dir=rtl],[dir=rtl] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.text-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.text-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.text-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.text-input-label{position:absolute;top:.75rem;transform-origin:0;--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:focus~.text-input-label{font-weight:500;inset-inline-start:0px}.peer:focus~.text-input-label:where([dir=rtl],[dir=rtl] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.text-input-label{--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input.has-placeholder~.text-input-label{--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input.has-value~.text-input-label{--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.icon-button{display:flex;height:1.75rem;width:1.75rem;min-width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#f3f4f64d;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.icon-button:enabled{cursor:pointer}.icon-button:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button:is(.dark *){background-color:#1f29374d;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.icon-button:hover:enabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.icon-button.error:enabled:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{width:100%;height:100%;position:absolute;inset:0;margin:auto;animation:rotate 2s linear infinite;transform-origin:center center}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.active-filters-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}.filter-dropdown-button{font-size:.875rem;line-height:1.25rem}.filter-dropdown-button.normal{padding:.5rem .75rem}.filter-dropdown-button.small{padding:.125rem .5rem}.filter-dropdown-trigger-icon{height:1rem;width:1rem;fill:currentColor}.filter-dropdown-backdrop{transition:grid-template-rows;transition-duration:.5s;display:grid;width:100%;overflow:hidden}.filter-dropdown-backdrop.opened{grid-template-rows:1fr}.filter-dropdown-backdrop.closed{grid-template-rows:0fr}.filter-popup{min-height:0;overflow:auto}.filter-title{margin-bottom:.75rem;padding:.375rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase}.filter-container{margin-bottom:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:2rem;padding:.75rem}.filter-container-item{display:flex;align-items:center}.filter-footer{border-top-width:1px;padding:.5rem .75rem}.filter-buttons-row{display:flex;align-items:center;justify-content:space-between}.table-main{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column}.table-header{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}.table-header.showing-filters{margin-bottom:1.25rem}.table-header-content{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:.5rem;justify-self:end}.table-header-title{font-size:1.5rem;line-height:2rem;font-weight:700}@media(min-width:768px){.table-header-title{font-size:1.875rem;line-height:2.25rem}}.table-body{min-height:0px;width:100%;flex:1 1 0%;overflow-x:auto;overflow-y:auto}.table-content{height:100%;width:100%;border-collapse:separate;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);text-align:left;font-size:.875rem;line-height:1.25rem}.table-loading{top:0;left:0;height:100%;width:100%}.table-row-cell{padding:1rem 1.5rem;font-weight:500}.table-row-cell.basic{white-space:nowrap}.table-row-cell-action{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem}.table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.table-row.expandable{cursor:pointer}.table-row.expandable:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.table-row.expandable:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row.selected{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.table-row.selected:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row.expanded{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.table-row.expanded:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-row-checkbox{width:3rem;padding-left:.75rem;padding-right:.75rem;text-align:center}.table-row-checkbox input{cursor:pointer}.table-row-expanded-cell{border-width:0px;background-color:transparent;padding:0}.table-row-expanded-content{display:grid;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s ease,opacity .22s ease}.table-row-expanded-content.open{opacity:1;grid-template-rows:1fr}.table-row-expanded-content.closed{opacity:0;grid-template-rows:0fr}.table-row-expanded-inner{overflow:hidden;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity));padding:1rem 1.5rem}.table-row-expanded-inner:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.table-selection-bar{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.table-selection-bar:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.table-selection-bar-count{font-size:.875rem;line-height:1.25rem;font-weight:600}.table-selection-bar-actions{display:flex;align-items:center;gap:.5rem}.multi-table-action{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center}.multi-table-action:disabled{cursor:not-allowed;opacity:.5}.jump-to-page,.page-size{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.jump-to-page-input,.page-size-input{border-style:none!important;padding-top:0!important;padding-bottom:0!important;padding-left:.5rem!important;padding-right:1.75rem!important;font-weight:700}.jump-to-page-input-container,.page-size-input-container{margin-bottom:0!important;width:auto!important;border-style:none!important}.table-headers-column{position:sticky;top:0;z-index:20;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.5rem .75rem}.table-headers-column:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.table-headers-checkbox{width:3rem;text-align:center}.table-headers-checkbox input{cursor:pointer}.table-headers-label{white-space:nowrap}.table-headers-sort-indicator{width:.75rem}.table-headers-action{padding:.75rem 1.5rem;text-align:center}.table-empty{display:flex;width:100%;align-items:center;justify-content:center;border-top-width:1px;padding-top:.5rem;padding-bottom:.5rem}.table-footer{margin-top:1.25rem;display:flex;width:100%;align-items:center;justify-content:flex-end;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem}.table-navigation-sizes{display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.table-navigation-pages{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.options-widget-container{margin-bottom:0;padding-bottom:.5rem}.input-widget-container{margin-bottom:0;width:100%}.input-widget-label{top:0;--tw-translate-y: -1rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.range-widget-row{display:flex;align-items:center;gap:1.5rem}.range-widget-container{position:relative;width:100%}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:5px;position:absolute;z-index:9999;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sito/dashboard",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.65",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "UI library with custom components for dashboards",
|
|
7
7
|
"main": "dist/dashboard.cjs",
|
|
@@ -31,13 +31,14 @@
|
|
|
31
31
|
"scripts": {
|
|
32
32
|
"dev": "vite",
|
|
33
33
|
"build": "tsc && vite build",
|
|
34
|
-
"lint": "eslint --fix . --
|
|
34
|
+
"lint": "eslint --fix . --report-unused-disable-directives --max-warnings 0 && prettier --write . && depcheck .",
|
|
35
35
|
"test": "vitest run",
|
|
36
36
|
"preview": "vite preview",
|
|
37
37
|
"format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
|
|
38
38
|
"storybook": "storybook dev -p 6006",
|
|
39
39
|
"build-storybook": "storybook build",
|
|
40
|
-
"prepare": "husky"
|
|
40
|
+
"prepare": "husky",
|
|
41
|
+
"full": "npm run lint; npm run build; npm run test"
|
|
41
42
|
},
|
|
42
43
|
"keywords": [
|
|
43
44
|
"sito",
|
|
@@ -46,42 +47,48 @@
|
|
|
46
47
|
"author": "sito8943",
|
|
47
48
|
"license": "MIT",
|
|
48
49
|
"peerDependencies": {
|
|
49
|
-
"@emotion/css": "11.13.5",
|
|
50
50
|
"react": ">=18.2 <20"
|
|
51
51
|
},
|
|
52
|
+
"lint-staged": {
|
|
53
|
+
"*.{ts,tsx}": [
|
|
54
|
+
"eslint --fix --report-unused-disable-directives --max-warnings 0",
|
|
55
|
+
"prettier --write"
|
|
56
|
+
],
|
|
57
|
+
"*.{js,jsx,css,json,md}": "prettier --write"
|
|
58
|
+
},
|
|
52
59
|
"devDependencies": {
|
|
53
|
-
"@storybook/addon-a11y": "
|
|
54
|
-
"@storybook/addon-
|
|
55
|
-
"@storybook/
|
|
56
|
-
"@storybook/react-vite": "
|
|
60
|
+
"@storybook/addon-a11y": "^10.2.10",
|
|
61
|
+
"@storybook/addon-docs": "^10.2.13",
|
|
62
|
+
"@storybook/react": "^10.2.10",
|
|
63
|
+
"@storybook/react-vite": "^10.2.10",
|
|
57
64
|
"@testing-library/jest-dom": "^6.6.3",
|
|
58
65
|
"@testing-library/react": "^16.3.0",
|
|
59
|
-
"@types/node": "20.
|
|
66
|
+
"@types/node": "^20.19.0",
|
|
60
67
|
"@types/react": "18.3.3",
|
|
61
68
|
"@types/react-dom": "^18.3.0",
|
|
62
|
-
"@typescript-eslint/eslint-plugin": "
|
|
63
|
-
"@typescript-eslint/parser": "
|
|
64
|
-
"@vitejs/plugin-react": "4.0
|
|
69
|
+
"@typescript-eslint/eslint-plugin": "^8",
|
|
70
|
+
"@typescript-eslint/parser": "^8",
|
|
71
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
65
72
|
"autoprefixer": "10.4.16",
|
|
66
73
|
"baseline-browser-mapping": "^2.10.0",
|
|
67
|
-
"
|
|
74
|
+
"depcheck": "^1.4.7",
|
|
75
|
+
"eslint": "^10.0.1",
|
|
68
76
|
"eslint-config-prettier": "^10.1.8",
|
|
69
77
|
"eslint-plugin-jsdoc": "^62.6.1",
|
|
70
78
|
"eslint-plugin-prettier": "^5.5.5",
|
|
71
|
-
"eslint-plugin-react-hooks": "4.6.0",
|
|
72
|
-
"eslint-plugin-react-refresh": "0.4.3",
|
|
73
79
|
"eslint-plugin-simple-import-sort": "^12.1.1",
|
|
74
80
|
"husky": "^9.1.7",
|
|
75
81
|
"jsdom": "^26.1.0",
|
|
82
|
+
"lint-staged": "^16.2.7",
|
|
76
83
|
"postcss": "8.4.41",
|
|
77
|
-
"prettier": "^3.
|
|
84
|
+
"prettier": "^3.8.1",
|
|
78
85
|
"react": "18.3.1",
|
|
79
86
|
"react-dom": "18.3.1",
|
|
80
|
-
"storybook": "
|
|
87
|
+
"storybook": "^10.2.10",
|
|
81
88
|
"tailwindcss": "3.4.10",
|
|
82
89
|
"typescript": "5.5.4",
|
|
83
|
-
"vite": "
|
|
84
|
-
"vite-plugin-dts": "4.
|
|
90
|
+
"vite": "^7.3.1",
|
|
91
|
+
"vite-plugin-dts": "^4.5.4",
|
|
85
92
|
"vite-plugin-lib-inject-css": "1.3.0",
|
|
86
93
|
"vitest": "^3.2.1"
|
|
87
94
|
}
|