h2o-library 1.7.1 → 2.0.0

package/dist/index.css

@@ -0,0 +1,2 @@
+.button{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;transition:all .3s}.button--full-width{width:100%}.button:focus{outline:none}.button:disabled{cursor:not-allowed}.button--primary{background-color:hsl(var(--primary));color:#fff}.button--primary:focus-visible:not(:disabled),.button--primary:hover:not(:disabled){background-color:hsl(var(--primary-200))}.button--primary:active:not(:disabled){background-color:hsl(var(--primary-300))}.button--primary:disabled{background-color:hsl(var(--primary-disabled))}.button--secondary{background-color:hsl(var(--input));border:1px solid hsl(var(--border));color:hsl(var(--primary))}.button--secondary:focus-visible:not(:disabled),.button--secondary:hover:not(:disabled){border-color:hsl(var(--primary-200));color:hsl(var(--primary-200))}.button--secondary:active:not(:disabled){border-color:hsl(var(--primary-300));color:hsl(var(--primary-300))}.button--secondary:disabled{background-color:hsl(var(--input)/.5);border:none;color:hsl(var(--primary-disabled))}.button--ghost{background-color:transparent;color:hsl(var(--primary))}.button--ghost:focus-visible:not(:disabled),.button--ghost:hover:not(:disabled){color:hsl(var(--primary-200))}.button--ghost:active:not(:disabled){color:hsl(var(--primary-300))}.button--ghost:disabled{color:hsl(var(--primary-disabled));opacity:.5}.button--danger{background-color:hsl(var(--destructive));color:#fff}.button--danger:focus-visible:not(:disabled),.button--danger:hover:not(:disabled){background-color:hsl(var(--destructive-200))}.button--danger:active:not(:disabled){background-color:hsl(var(--destructive-300))}.button--danger:disabled{opacity:.5}.button--warning{background-color:hsl(var(--warning));color:#fff}.button--warning:focus-visible:not(:disabled),.button--warning:hover:not(:disabled){background-color:hsl(var(--warning-200))}.button--warning:active:not(:disabled){background-color:hsl(var(--warning-300))}.button--warning:disabled{opacity:.5}.button--success{background-color:hsl(var(--success));color:#fff}.button--success:focus-visible:not(:disabled),.button--success:hover:not(:disabled){background-color:hsl(var(--success-200))}.button--success:active:not(:disabled){background-color:hsl(var(--success-300))}.button--success:disabled{opacity:.5}.button--sm{font-size:.875rem;height:2rem}.button--sm.button--icon-only{padding:0;width:2rem}.button--sm:not(.button--icon-only){padding:0 .75rem}.button--md{font-size:1rem;height:2.5rem}.button--md.button--icon-only{padding:0;width:2.5rem}.button--md:not(.button--icon-only){padding:0 1rem}.button--lg{font-size:1.125rem;height:3rem}.button--lg.button--icon-only{padding:0;width:3rem}.button--lg:not(.button--icon-only){padding:0 1.5rem}.button--loading{cursor:not-allowed;opacity:.7}.button--loading .button__content{min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}.button__content{align-items:center;display:flex;gap:.5rem;justify-content:center;min-width:-moz-fit-content;min-width:fit-content}.button__spinner{animation:spin 1s linear infinite;flex-shrink:0;height:1.25rem;width:1.25rem}.button__spinner-circle{opacity:.25}.button__spinner-path{opacity:.75}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button--sm .button__icon{height:20px;width:20px}.button--md .button__icon{height:24px;width:24px}.button--lg .button__icon{height:28px;width:28px}.tooltip-container{display:inline-block;position:relative}.tooltip-box{word-wrap:break-word;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:.8125rem;max-width:220px;opacity:0;padding:.5rem .75rem;pointer-events:none;position:fixed;transition:opacity .15s ease;visibility:hidden;z-index:1001}.tooltip-box--dark{background-color:hsl(var(--tooltip-dark-bg));color:hsl(var(--tooltip-dark-fg))}.tooltip-box--light{background-color:hsl(var(--card));box-shadow:0 4px 12px rgba(0,0,0,.12);color:hsl(var(--foreground))}.tooltip-box:after{border:6px solid transparent;content:"";pointer-events:none;position:absolute;z-index:1000}.tooltip-box.tooltip-visible,.tooltip-box.tooltip-visible:after{opacity:1;visibility:visible}.tooltip-box--dark[data-position=top]:after{border-top-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=top]:after{border-top-color:hsl(var(--card))}.tooltip-box[data-position=top]:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-box--dark[data-position=bottom]:after{border-bottom-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=bottom]:after{border-bottom-color:hsl(var(--card))}.tooltip-box[data-position=bottom]:after{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-box--dark[data-position=left]:after{border-left-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=left]:after{border-left-color:hsl(var(--card))}.tooltip-box[data-position=left]:after{left:100%;top:50%;transform:translateY(-50%)}.tooltip-box--dark[data-position=right]:after{border-right-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=right]:after{border-right-color:hsl(var(--card))}.tooltip-box[data-position=right]:after{right:100%;top:50%;transform:translateY(-50%)}.checkbox-wrapper{display:flex;flex-direction:column;gap:.25rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;min-width:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input{height:0;opacity:0;position:absolute;width:0}.checkbox--sm{--cb-size:16px;--cb-radius:3px;--cb-mark-top:1px;--cb-mark-left:4px;--cb-mark-w:4px;--cb-mark-h:8px;--cb-dash-w:8px;--cb-dash-top:5px;--cb-dash-left:2px;font-size:.75rem}.checkbox--md{--cb-size:20px;--cb-radius:4px;--cb-mark-top:2px;--cb-mark-left:6px;--cb-mark-w:5px;--cb-mark-h:10px;--cb-dash-w:10px;--cb-dash-top:7px;--cb-dash-left:3px;font-size:.875rem}.checkbox--lg{--cb-size:24px;--cb-radius:5px;--cb-mark-top:2px;--cb-mark-left:7px;--cb-mark-w:6px;--cb-mark-h:12px;--cb-dash-w:12px;--cb-dash-top:9px;--cb-dash-left:4px;font-size:1rem}.checkbox-box{border:2px solid hsl(var(--muted));border-radius:var(--cb-radius,4px);display:inline-block;flex-shrink:0;height:var(--cb-size,20px);position:relative;transition:all .2s;width:var(--cb-size,20px)}.checkbox-label:not(:has(input:disabled)):hover .checkbox-box{border-color:hsl(var(--primary-200))}.checkbox-box:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:var(--cb-mark-h,10px);left:var(--cb-mark-left,6px);opacity:0;position:absolute;top:var(--cb-mark-top,2px);transform:rotate(45deg) scale(0);transition:all .2s;width:var(--cb-mark-w,5px)}.checkbox-label input:indeterminate+.checkbox-box{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.checkbox-label input:indeterminate+.checkbox-box:after{background:#fff;border:none;height:2px;left:var(--cb-dash-left,3px);opacity:1;top:var(--cb-dash-top,7px);transform:none;width:var(--cb-dash-w,10px)}.checkbox-label input:checked+.checkbox-box{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.checkbox-label:not(:has(input:disabled)):hover input:checked+.checkbox-box,.checkbox-label:not(:has(input:disabled)):hover input:indeterminate+.checkbox-box{background-color:hsl(var(--primary-200));border-color:hsl(var(--primary-200))}.checkbox-label input:checked+.checkbox-box:after{opacity:1;transform:rotate(45deg) scale(1)}.checkbox-label-row{align-items:center;display:flex;flex:1;gap:.25rem;min-width:0;overflow:hidden}.checkbox-text{color:hsl(var(--foreground));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-label:has(input:disabled) .checkbox-text{color:hsl(var(--muted))}.checkbox-card{align-items:center;border:1.5px solid hsl(var(--muted));border-radius:.5rem;display:flex;justify-content:space-between;padding:.5rem .7rem;transition:border-color .2s;width:100%}.checkbox-card:not(:has(input:disabled)):hover{border-color:hsl(var(--primary-200))}.checkbox-card:not(:has(input:disabled)):has(input:checked):hover .checkbox-text{color:hsl(var(--primary-200))}.checkbox-card:has(input:checked){border-color:hsl(var(--primary))}.checkbox-card:has(input:checked) .checkbox-text{color:hsl(var(--primary));font-weight:500}.checkbox-card:has(input:checked:disabled){border-color:hsl(var(--primary-disabled))}.checkbox-card:has(input:checked:disabled) .checkbox-text{color:hsl(var(--primary-disabled))}.checkbox-group,.checkbox-group-children{display:flex;flex-direction:column;gap:.5rem}.checkbox-group-children{margin-left:2rem}.checkbox-label:has(input:disabled){cursor:not-allowed}.checkbox-label:has(input:disabled) .checkbox-box{opacity:.5}.checkbox-info-icon{color:hsl(var(--muted-200));flex-shrink:0}.checkbox-info-icon:hover{color:hsl(var(--primary))}.checkbox-note{color:hsl(var(--muted-200))}.checkbox-error,.checkbox-note{font-size:.75rem;padding-left:calc(var(--cb-size, 20px) + 10px)}.checkbox-error{color:hsl(var(--destructive))}.radio--sm{--rb-size:16px;--rb-dot:6px;font-size:.75rem}.radio--md{--rb-size:20px;--rb-dot:8px;font-size:.875rem}.radio--lg{--rb-size:24px;--rb-dot:10px;font-size:1rem}.radio-wrapper{display:flex;flex-direction:column;gap:.25rem}.radio-label{align-items:center;cursor:pointer;display:flex;gap:10px;min-width:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-label input{height:0;opacity:0;position:absolute;width:0}.radio-button{border:2px solid hsl(var(--muted));border-radius:50%;display:inline-block;flex-shrink:0;height:var(--rb-size,20px);position:relative;transition:all .2s;width:var(--rb-size,20px)}.radio-label:not(:has(input:disabled)):hover .radio-button{border-color:hsl(var(--primary))}.radio-button:after{background-color:#fff;border-radius:50%;content:"";height:var(--rb-dot,8px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:var(--rb-dot,8px)}.radio-label input:checked+.radio-button{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.radio-label:not(:has(input:disabled)):hover input:checked+.radio-button{background-color:hsl(var(--primary-300));border-color:hsl(var(--primary-300))}.radio-label input:checked+.radio-button:after{transform:translate(-50%,-50%) scale(1)}.radio-label:has(input:disabled){cursor:not-allowed}.radio-label input:disabled+.radio-button{border-color:hsl(var(--muted))}.radio-label input:checked:disabled+.radio-button{opacity:.5}.radio-label input:disabled+.radio-button+.radio-label-content .radio-text{color:hsl(var(--muted))}.radio-label-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.radio-label-row{align-items:center;display:flex;gap:.25rem;min-width:0;overflow:hidden}.radio-text{color:hsl(var(--foreground));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-description{color:hsl(var(--muted-200));font-size:.8125rem;font-weight:400}.radio-note{color:hsl(var(--muted-200))}.radio-error-message,.radio-note{font-size:.75rem;padding-left:calc(var(--rb-size, 20px) + 10px)}.radio-error-message{color:hsl(var(--destructive))}.radio-info-icon{color:hsl(var(--muted-200));flex-shrink:0}.radio-info-icon:hover{color:hsl(var(--primary))}.radio-card{border:1.5px solid hsl(var(--muted));border-radius:.5rem;padding:.5rem .7rem;transition:border-color .2s,background-color .2s;width:100%}.radio-card:not(:has(input:disabled)):hover{border-color:hsl(var(--primary-200))}.radio-card:has(input:checked){background-color:hsl(var(--primary)/.04);border-color:hsl(var(--primary))}.radio-card:not(:has(input:disabled)):hover .radio-card:has(input:checked){border-color:hsl(var(--primary-200))}.radio-card:has(input:checked) .radio-text{color:hsl(var(--primary));font-weight:500}.radio-card:has(input:checked) .radio-button{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.radio-card:has(input:checked:disabled){background-color:transparent;border-color:hsl(var(--primary-disabled))}.radio-card:has(input:checked:disabled) .radio-text{color:hsl(var(--primary-disabled))}.toggle-label{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.toggle-text{color:hsl(var(--foreground));line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-label-row{align-items:center;display:flex;gap:.25rem}.toggle-label-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.toggle-description{color:hsl(var(--muted-200));font-size:.875rem;line-height:1.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.toggle-label input{height:0;opacity:0;position:absolute;width:0}.toggle-container{align-items:center;display:flex;gap:12px;width:100%}.toggle--sm{--toggle-width:36px;--toggle-height:20px;--toggle-thumb:14px;--toggle-offset:3px;--toggle-translate:16px}.toggle--sm .toggle-description,.toggle--sm .toggle-text{font-size:.75rem}.toggle--md{--toggle-width:44px;--toggle-height:24px;--toggle-thumb:18px;--toggle-offset:3px;--toggle-translate:20px}.toggle--md .toggle-text{font-size:.875rem}.toggle--md .toggle-description{font-size:.8125rem}.toggle--lg{--toggle-width:52px;--toggle-height:28px;--toggle-thumb:22px;--toggle-offset:3px;--toggle-translate:24px}.toggle--lg .toggle-text{font-size:1rem}.toggle--lg .toggle-description{font-size:.875rem}.toggle-switch{background-color:hsl(var(--muted));border-radius:var(--toggle-height,24px);display:inline-block;flex-shrink:0;height:var(--toggle-height,24px);position:relative;transition:background-color .2s;width:var(--toggle-width,44px)}.toggle-label:not(:has(input:disabled)):hover .toggle-switch{background-color:hsl(var(--muted-200))}.toggle-switch:after{background-color:hsl(var(--primary-foreground));border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);content:"";height:var(--toggle-thumb,18px);left:var(--toggle-offset,3px);position:absolute;top:var(--toggle-offset,3px);transition:transform .2s;width:var(--toggle-thumb,18px)}.toggle-label input:checked+.toggle-switch{background-color:hsl(var(--primary))}.toggle-label:not(:has(input:disabled)):hover input:checked+.toggle-switch{background-color:hsl(var(--primary-200))}.toggle-label input:checked+.toggle-switch:after{transform:translateX(var(--toggle-translate,20px))}.toggle-label input:disabled+.toggle-switch{cursor:not-allowed;opacity:.5}.toggle-card-container{align-items:center;display:flex;justify-content:space-between;width:100%}.toggle-card{background-color:hsl(var(--muted-50));border-radius:.5rem;display:flex;gap:12px;padding:.5rem .8rem;transition:background-color .2s;width:100%}.toggle-card:not(:has(input:disabled)):hover{background-color:hsl(var(--muted))}.toggle-drag-handle{color:hsl(var(--muted-200));cursor:grab}.toggle-drag-handle:active{cursor:grabbing}.toggle-label:has(input:disabled){cursor:not-allowed}.toggle-label:has(input:disabled) .toggle-switch{opacity:.5}.toggle-label:has(input:disabled) .toggle-text{color:hsl(var(--muted-200))}.toggle-label:has(input:disabled) .toggle-description{color:hsl(var(--muted))}.toggle-info-icon{color:hsl(var(--muted-200));flex-shrink:0}.toggle-info-icon:hover{color:hsl(var(--primary))}.toggle-wrapper{display:flex;flex-direction:column;gap:.25rem}.toggle-note{color:hsl(var(--muted-200))}.toggle-error,.toggle-note{font-size:.75rem;padding-left:.125rem}.toggle-error{color:hsl(var(--destructive))}.content-switch-secondary{border:1px solid hsl(var(--muted));border-radius:8px;display:flex;overflow:hidden;transition:border-color .3s ease-in-out;width:-moz-fit-content;width:fit-content}.content-switch-secondary .content-switch-option:not(:last-child){border-right:1px solid hsl(var(--muted))}.content-switch-secondary:hover,.content-switch-secondary:hover>.content-switch-option{border-color:hsl(var(--primary))}.content-switch-secondary .content-switch-option{padding:.3rem 1rem;transition:background-color .3s ease-in-out;&:hover{background-color:hsl(var(--primary-disabled))}}.content-switch-secondary .content-switch-option-selected{background-color:hsl(var(--primary));color:#fff;font-weight:500;transition:all .3s ease-in-out;&:hover{background-color:hsl(var(--primary-200))}}.content-switch-primary{background-color:hsl(var(--input));border:1px solid transparent;border-radius:12px;display:flex;gap:.5rem;overflow:hidden;padding:.5rem;transition:border-color .3s ease-in-out;width:-moz-fit-content;width:fit-content;&:hover{border-color:hsl(var(--primary-disabled))}}.content-switch-primary .content-switch-option{border-radius:8px;padding:.3rem 1rem;transition:all .3s ease-in-out;&:hover{border-color:hsl(var(--primary))}}.content-switch-primary .content-switch-option-selected{background-color:hsl(var(--primary-disabled));color:hsl(var(--primary));font-weight:500;transition:all .3s ease-in-out}.content-switch-primary .content-switch-option:hover{background-color:hsl(var(--primary-disabled))}.content-switch-primary .content-switch-option-selected:hover{background-color:hsl(var(--primary-200));color:#fff}.content-switch-option-disabled{cursor:not-allowed;opacity:.5}.content-switch-option-disabled:hover{background-color:inherit!important;border-color:inherit!important;color:inherit!important}.content-switch-option-disabled.content-switch-option-selected{opacity:.7}.content-switch-option-icon{flex-shrink:0}.content-switch-option{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.375rem;justify-content:center}.input-container{display:flex;flex-direction:column;gap:.375rem;width:100%}.input-header{justify-content:space-between}.input-header,.input-label{align-items:center;display:flex}.input-label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500;gap:.2rem}.input-clear{background:none;border:none;color:hsl(var(--muted));cursor:pointer;font-size:.875rem;transition:color .2s}.input-clear:hover{color:hsl(var(--muted-200))}.input-wrapper{align-items:center;background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:var(--radius-md);display:flex;position:relative;transition:border-color .2s,background-color .2s;width:100%}.input-wrapper:not(.input-disabled):not(.input-error):hover{border-color:hsl(var(--primary))}.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus){border-color:hsl(var(--primary-300))}.input-wrapper.input-error{background-color:hsl(var(--destructive-bg)/.3);border-color:hsl(var(--destructive))}.input-wrapper.input-error:has(input:focus),.input-wrapper.input-error:hover{border-color:hsl(var(--destructive))}.input-wrapper.input-disabled{cursor:not-allowed;opacity:.5}.input{background:none;border:none;color:hsl(var(--foreground));height:100%;outline:none;padding:0 .8rem;width:100%}.input::-moz-placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.input::placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.input:disabled{cursor:not-allowed}.input-sm{font-size:.875rem;height:2rem}.input-md{font-size:1rem;height:2.5rem}.input-lg{font-size:1.125rem;height:3rem}.input-icon-left,.input-icon-right{align-items:center;color:hsl(var(--muted-200));display:flex;height:100%;position:absolute;transition:color .2s}.input-icon-left{left:.75rem}.input-icon-right{right:.75rem}.input-wrapper:not(.input-disabled):not(.input-error):hover .input-icon-left,.input-wrapper:not(.input-disabled):not(.input-error):hover .input-icon-right{color:hsl(var(--primary))}.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) .input-icon-left,.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) .input-icon-right{color:hsl(var(--primary))}.input-has-left-icon{padding-left:2.5rem}.input-has-right-icon{padding-right:2.5rem}.input-has-both-icons{padding-left:2.5rem;padding-right:2.5rem}.input-icon-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;padding:0;transition:color .2s}.input-icon-button:hover:not(:disabled){color:hsl(var(--primary-300))}.input-icon-button:disabled{cursor:not-allowed;opacity:.5}.input-note{color:hsl(var(--muted-200));font-size:.875rem;transition:color .2s}.input-wrapper:not(.input-disabled):not(.input-error):hover+.input-note{color:hsl(var(--primary))}.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus)+.input-note{color:hsl(var(--primary))}.input-error-message{color:hsl(var(--destructive));font-size:.875rem}.input-info-icon{color:hsl(var(--muted-200))}.input-info-icon:hover{color:hsl(var(--primary))}.textarea-container,.textarea-root{display:flex;flex-direction:column;gap:.375rem;width:100%}.textarea::-moz-placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.textarea::placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.textarea-header{align-items:center;display:flex;justify-content:space-between}.textarea-label{align-items:center;color:hsl(var(--foreground));display:flex;font-size:.875rem;font-weight:500;gap:.2rem}.textarea-clear{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;font-size:.875rem;outline:none;padding:0;transition:color .2s}.textarea-clear:focus{outline:none}.textarea-clear:hover{color:hsl(var(--primary))}.textarea-wrapper{background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:var(--radius-md);display:flex;position:relative;transition:border-color .2s,background-color .2s;width:100%}.textarea-wrapper-resizable:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 15a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3Zm0-6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3Zm-6 12a1.5 1.5 0 1 1-.002-2.998A1.5 1.5 0 0 1 13.5 21Zm0-6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3Zm-6 6a1.501 1.501 0 0 1 0-3 1.501 1.501 0 0 1 0 3Zm12-3a1.501 1.501 0 1 1-.002 3.002A1.501 1.501 0 0 1 19.5 18Z' fill='hsl(var(--muted))'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px;bottom:0;content:"";cursor:se-resize;height:24px;opacity:.5;pointer-events:none;position:absolute;right:0;transition:opacity .2s;width:24px}.textarea-wrapper-resizable:hover:after{opacity:1}.textarea-wrapper-resizable .textarea-counter{right:1.75rem}.textarea-wrapper:not(.textarea-disabled):not(.textarea-error):hover{border-color:hsl(var(--primary))}.textarea-wrapper:not(.textarea-disabled):not(.textarea-error):has(textarea:focus){border-color:hsl(var(--primary-300))}.textarea-wrapper.textarea-error{background-color:hsl(var(--destructive-bg)/.3);border-color:hsl(var(--destructive))}.textarea-wrapper.textarea-error:has(textarea:focus),.textarea-wrapper.textarea-error:hover{border-color:hsl(var(--destructive))}.textarea-wrapper.textarea-disabled{cursor:not-allowed;opacity:.5}.textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;color:hsl(var(--foreground));font-family:inherit;font-size:.875rem;min-height:100px;outline:none;padding:.75rem 1rem;resize:none;width:100%}.textarea-wrapper-resizable .textarea{resize:vertical}.textarea::-webkit-resizer{display:none}.textarea:disabled{cursor:not-allowed}.textarea-note{color:hsl(var(--muted-200));font-size:.875rem;transition:color .2s}.textarea-container:not(:has(.textarea-disabled)):not(:has(.textarea-error)):hover~.textarea-note{color:hsl(var(--primary))}.textarea-container:not(:has(.textarea-disabled)):not(:has(.textarea-error)):has(textarea:focus)~.textarea-note{color:hsl(var(--primary))}.textarea-error-message{color:hsl(var(--destructive));font-size:.875rem}.textarea-info-icon{color:hsl(var(--muted-200))}.textarea-info-icon:hover{color:hsl(var(--primary))}.textarea-counter{bottom:.5rem;color:hsl(var(--muted-200));font-size:.75rem;line-height:1;pointer-events:none;position:absolute;right:.5rem}.textarea-counter--warning{color:hsl(var(--warning-200))}.textarea-counter--danger{color:hsl(var(--destructive))}.dropdown-container{display:flex;flex-direction:column;gap:.375rem;width:100%}.dropdown-header{align-items:center;display:flex;justify-content:space-between}.dropdown-label{align-items:center;color:hsl(var(--foreground));display:flex;font-size:.875rem;font-weight:500;gap:.2rem}.dropdown-info-icon{color:hsl(var(--muted-200))}.dropdown-info-icon:hover{color:hsl(var(--primary))}.dropdown-clear{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;font-size:.875rem;transition:color .2s}.dropdown-clear:hover{color:hsl(var(--primary))}.dropdown-wrapper{background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:.375rem;display:flex;position:relative;transition:border-color .2s,background-color .2s;width:100%}.dropdown-wrapper:not(.dropdown-disabled):not(.dropdown-error):hover{border-color:hsl(var(--primary))}.dropdown-wrapper.dropdown-focused:not(.dropdown-disabled):not(.dropdown-error){border-color:hsl(var(--primary-300))}.dropdown-wrapper.dropdown-error{background-color:hsl(var(--destructive-bg)/.3)}.dropdown-wrapper.dropdown-error,.dropdown-wrapper.dropdown-error.dropdown-focused,.dropdown-wrapper.dropdown-error:hover{border-color:hsl(var(--destructive))}.dropdown-wrapper.dropdown-disabled{cursor:not-allowed;opacity:.5}.dropdown{align-items:center;border:none;color:hsl(var(--foreground));cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;outline:none;padding:0 .5rem 0 .8rem;width:100%}.dropdown:disabled{cursor:not-allowed}.dropdown-value{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-value-placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.dropdown-chevron{color:hsl(var(--muted));flex-shrink:0;margin-left:.5rem;transition:transform .2s ease}.dropdown-chevron-open{transform:rotate(180deg)}.dropdown-sm{font-size:.875rem;height:2rem}.dropdown-md{font-size:1rem;height:2.5rem}.dropdown-lg{font-size:1.125rem;height:3rem}.dropdown-menu{background-color:hsl(var(--input));border:1px solid hsl(var(--muted));border-radius:.375rem;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-bottom:.25rem;margin-top:.25rem;max-height:15rem;z-index:50}.dropdown-search-wrapper{border-bottom:1.5px solid hsl(var(--muted));padding:.5rem}.dropdown-options-wrapper{overflow-y:auto;padding:.25rem}.dropdown-menu-top{animation:dropdownSlideUp .1s ease-out;transform-origin:bottom}.dropdown-menu-bottom{animation:dropdownSlideDown .1s ease-out;transform-origin:top}.dropdown-no-options{color:hsl(var(--muted-200));cursor:default;text-align:center}.dropdown-no-options,.dropdown-option{font-size:inherit;padding:.5rem .75rem}.dropdown-option{align-items:center;background:none;border:none;border-radius:.25rem;color:hsl(var(--foreground));cursor:pointer;display:flex;text-align:left;transition:all .2s;width:100%}.dropdown-option:hover:not(.dropdown-option-disabled):not(.dropdown-option-selected){background-color:hsl(var(--primary-disabled))}.dropdown-option-selected{background-color:hsl(var(--primary));color:#fff}.dropdown-option-selected:hover{background-color:hsl(var(--primary-200))}.dropdown-option-disabled{cursor:not-allowed;opacity:.5}.dropdown-note{color:hsl(var(--muted-200));font-size:.875rem;transition:color .2s}.dropdown-wrapper.dropdown-focused:not(.dropdown-disabled):not(.dropdown-error)+.dropdown-note,.dropdown-wrapper:not(.dropdown-disabled):not(.dropdown-error):hover+.dropdown-note{color:hsl(var(--primary))}.dropdown-error-message{color:hsl(var(--destructive));font-size:.875rem}.slider-container{--slider-track-h:6px;--slider-thumb:18px;display:flex;flex-direction:column;gap:.375rem;width:100%}.slider-header{gap:.5rem;justify-content:space-between}.slider-header,.slider-label{align-items:center;display:flex}.slider-label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500;gap:.2rem}.slider-value-readout{color:hsl(var(--muted-200));font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:500}.slider-wrapper{display:flex;flex-direction:column;gap:.5rem;padding-block:.35rem;position:relative}.slider-wrapper.slider-disabled{opacity:.5;pointer-events:none}.slider-wrapper.slider-error .slider-track{background-color:hsl(var(--destructive-bg)/.35)}.slider-track-shell{align-items:center;display:flex;height:calc(var(--slider-thumb) + 8px);position:relative;touch-action:none}.slider-track{background-color:hsl(var(--muted)/.35);border-radius:var(--radius-full);cursor:pointer;height:var(--slider-track-h);position:relative;width:100%}.slider-range-fill{background-color:hsl(var(--primary));height:100%;left:0;pointer-events:none}.slider-range-fill,.slider-thumb{border-radius:var(--radius-full);position:absolute}.slider-thumb{background-color:hsl(var(--popover));border:2.5px solid hsl(var(--primary));box-shadow:0 1px 3px hsl(var(--foreground)/.08);cursor:grab;height:var(--slider-thumb);margin-left:calc(var(--slider-thumb)/-2);padding:0;top:50%;transform:translateY(-50%);transition:box-shadow .15s ease,border-color .15s ease;width:var(--slider-thumb);z-index:2}.slider-thumb:hover:not(:disabled){border-color:hsl(var(--primary-200));box-shadow:0 2px 6px hsl(var(--primary)/.25)}.slider-thumb:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--primary));outline:none}.slider-thumb:active:not(:disabled){cursor:grabbing}.slider-thumb-disabled{cursor:not-allowed}.slider-thumb-active{border-color:hsl(var(--primary-200));z-index:3}.slider-tooltip{background-color:hsl(var(--primary));border-radius:var(--radius-sm);bottom:calc(100% + 10px);box-shadow:0 2px 8px hsl(var(--foreground)/.12);color:hsl(var(--primary-foreground));font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;padding:.25rem .5rem;pointer-events:none;white-space:nowrap;z-index:4}.slider-tooltip,.slider-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.slider-tooltip:after{border:5px solid transparent;border-top:5px solid hsl(var(--primary));content:"";top:100%}.slider-extents{color:hsl(var(--muted-200));display:flex;font-size:.75rem;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-.15rem}.slider-marks{height:1rem;margin-top:.15rem;position:relative;width:100%}.slider-mark{align-items:center;display:flex;flex-direction:column;gap:.15rem;pointer-events:none;position:absolute;top:0;transform:translateX(-50%)}.slider-mark-dot{background-color:hsl(var(--muted-200)/.9);border-radius:var(--radius-full);height:4px;width:4px}.slider-mark-label{color:hsl(var(--muted-200));font-size:.65rem;white-space:nowrap}.slider-note{color:hsl(var(--muted-200));font-size:.8125rem}.slider-error{color:hsl(var(--destructive));font-size:.8125rem}.slider-output-sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.side-panel-overlay{animation:overlayShow .15s ease-out;background-color:rgba(0,0,0,.5);display:flex;inset:0;position:fixed;z-index:400}.side-panel-overlay-right{justify-content:flex-end}.side-panel-overlay-left{justify-content:flex-start}.side-panel-scrim{-webkit-tap-highlight-color:transparent;align-self:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;flex:1 1 0;margin:0;min-height:100%;min-width:0;padding:0}.side-panel{background-color:hsl(var(--background));display:flex;flex-direction:column;height:100vh;width:100%}.side-panel--sm{max-width:20rem}.side-panel--md{max-width:24rem}.side-panel--lg{max-width:36rem}.side-panel-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.side-panel-title-container{flex:1;margin-right:1rem}.side-panel-title{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;margin:0}.side-panel-description{color:hsl(var(--muted-200));font-size:.875rem;margin:.5rem 0 0}.side-panel-close{background:none;border:none;border-radius:.375rem;color:hsl(var(--muted-200));cursor:pointer;padding:.5rem;transition:all .2s}.side-panel-close:hover{background-color:hsl(var(--primary-disabled));color:hsl(var(--primary))}.side-panel-content{flex:1;overflow-y:auto}.side-panel-footer{border-top:1px solid hsl(var(--muted)/.3);display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.side-panel-right{animation:sidePanelShowRight .3s cubic-bezier(.16,1,.3,1)}.side-panel-left{animation:sidePanelShowLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes sidePanelShowRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes sidePanelShowLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;animation:overlayShow .15s ease-out;background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:500}.modal{animation:modalShow .3s cubic-bezier(.16,1,.3,1);background-color:hsl(var(--background));border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:85vh;width:100%}.modal--sm{max-width:24rem}.modal--md{max-width:32rem}.modal--lg{max-width:48rem}.modal-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal-title-container{flex:1;margin-right:1rem}.modal-title{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;margin:0}.modal-description{color:hsl(var(--muted-200));font-size:.875rem;margin:.5rem 0 0}.modal-close{background:none;border:none;border-radius:.375rem;color:hsl(var(--muted-200));cursor:pointer;padding:.5rem;transition:all .2s}.modal-close:hover{background-color:hsl(var(--primary-disabled));color:hsl(var(--primary))}.modal-content{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem}.modal-footer{border-top:1px solid hsl(var(--muted)/.3);display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes modalShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tag-base{align-items:center;border-radius:var(--radius-sm);display:flex;justify-content:space-between;transition:all .2s}.tag--sm{font-size:.75rem;padding:.15rem .15rem .15rem .45rem}.tag--md{font-size:.875rem;padding:.3rem .3rem .3rem .6rem}.tag--lg{font-size:1rem;padding:.4rem .4rem .4rem .75rem}.tag-primary{border:1.5px solid hsl(var(--primary));color:hsl(var(--primary));&:hover{color:hsl(var(--primary-200))}}.tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-secondary{background-color:hsl(var(--muted-25));border:1.5px solid hsl(var(--muted))}.tag-primary .tag-remove{border-radius:.2rem;color:hsl(var(--primary));transition:all .3s ease-in-out;&:hover{background-color:hsl(var(--primary-disabled));color:hsl(var(--primary-300))}}.tag-secondary .tag-remove{color:hsl(var(--muted-200));transition:all .3s ease-in-out;&:hover{color:hsl(var(--foreground))}}.tag-remove{background:none;border:none;cursor:pointer}.accordion{width:100%}.accordion-trigger{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;transition:color .2s;width:100%}.accordion-trigger:disabled{cursor:not-allowed;opacity:.5}.accordion-title-container{align-items:center;display:flex;justify-content:space-between;width:100%}.accordion-description,.accordion-icon{color:hsl(var(--muted-200))}.accordion-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.accordion-trigger:hover,.accordion-trigger:hover .accordion-icon{color:hsl(var(--primary))}.accordion-icon-open{transform:rotate(180deg)}.accordion-content{height:0;margin-top:.5rem;overflow:hidden;transition:height .3s cubic-bezier(.16,1,.3,1)}.multi-select-container{border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;position:relative;transition:all .3s}.multi-select-trigger-container{align-items:center;background-color:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:.5rem;cursor:pointer;display:flex;height:2.5rem;justify-content:space-between;padding:.2rem .3rem;transition:all .2s}.multi-select-trigger-container-open{border-color:hsl(var(--primary));border-radius:.5rem .5rem 0 0;padding:0 .8rem}.multi-select-tag{font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-show-more{text-wrap:nowrap;color:hsl(var(--primary));cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline}.multi-select-trigger{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.multi-select-trigger-container:hover{border-color:hsl(var(--primary))}.multi-select-trigger-container:hover .multi-select-trigger-icon{color:hsl(var(--primary))}.multi-select-trigger-placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400;padding-left:.5rem}.multi-select-trigger-icon{color:hsl(var(--muted-200));transition:all .2s}.multi-select-trigger-icon-open{color:hsl(var(--primary));transform:rotate(180deg)}.multi-select-search-input,.multi-select-toggle{margin-bottom:.25rem;margin-top:.25rem}.multi-select-toggle{font-size:.875rem;line-height:1.4rem}.multi-select-option{font-size:.875rem}.multi-select-options-container{background-color:hsl(var(--input));border:1.5px solid hsl(var(--primary));border-radius:0 0 .5rem .5rem;border-top:none;display:flex;flex-direction:column;gap:.2rem;left:0;padding:.5rem;position:absolute;top:100%;width:100%;z-index:100}.multi-select-selected-options-container{display:grid;gap:.3rem;grid-template-columns:repeat(3,1fr);max-height:6rem;overflow-y:auto;padding:.2rem 0}.multi-select-options-list{display:flex;flex-direction:column;gap:.2rem;max-height:18rem;overflow-y:auto}.multi-select-header{align-items:center;display:flex;justify-content:space-between}.multi-select-label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500}.multi-select-clear{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;font-size:.875rem;transition:color .2s}.multi-select-clear:hover{color:hsl(var(--primary))}.multi-select-wrapper{position:relative}.multi-select-counter{color:hsl(var(--primary));font-size:.875rem}.multi-select-overflow{align-items:center;display:flex;gap:.5rem}.multi-select-overflow-tags{display:grid;gap:.25rem;grid-template-columns:repeat(2,1fr)}.multi-select-trigger-sm{font-size:.875rem;height:2rem}.multi-select-trigger-md{font-size:1rem;height:2.5rem}.multi-select-trigger-lg{font-size:1.125rem;height:3rem}.multi-select-trigger-disabled .multi-select-trigger-container{cursor:not-allowed;opacity:.5;pointer-events:none}.multi-select-trigger-error .multi-select-trigger-container{background-color:hsl(var(--destructive-bg)/.3);border-color:hsl(var(--destructive))}.multi-select-note{color:hsl(var(--muted-200));font-size:.875rem}.multi-select-error-message{color:hsl(var(--destructive));font-size:.875rem}.radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.radio-group-option{align-items:center;background:transparent;border:1.5px solid hsl(var(--muted));border-radius:var(--radius-md);color:hsl(var(--foreground));cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:border-color .2s,background-color .2s,color .2s}.radio-group-option-selected,.radio-group-option:not(.radio-group-option-disabled):hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.radio-group-option-selected{background-color:hsl(var(--primary)/.06);font-weight:500}.radio-group-option-selected:not(.radio-group-option-disabled):hover{background-color:hsl(var(--primary-200)/.08);border-color:hsl(var(--primary-200));color:hsl(var(--primary-200))}.radio-group-option-label{line-height:1}.radio-group-option-icon{color:currentColor;flex-shrink:0}.radio-group-option-info{color:hsl(var(--muted-200));flex-shrink:0}.radio-group-option-selected .radio-group-option-info{color:hsl(var(--primary)/.6)}.radio-group-option-dot{border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.radio-group-option-dot--active{background-color:hsl(var(--success))}.radio-group-option-dot--inactive{background-color:hsl(var(--destructive))}.radio-group-option-disabled{cursor:not-allowed;opacity:.4}.radio-group--sm .radio-group-option{font-size:.75rem;padding:.25rem .75rem}.radio-group--lg .radio-group-option{font-size:1rem;padding:.75rem 1.25rem}.tabs{display:flex;gap:1.5rem}.tab{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;font-weight:500;padding:.2rem;position:relative;transition:color .2s}.tab-selected,.tab:hover{color:hsl(var(--foreground))}.tab-selected:after{background-color:hsl(var(--primary));bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.tabs--sm .tab{font-size:.75rem;padding:.15rem}.tabs--md .tab{font-size:.875rem}.tabs--lg .tab{font-size:1.125rem;padding:.3rem}.tabs--lg .tab-selected:after{height:2.5px}.tabs--lg{gap:2rem}.tab-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.popover-trigger{cursor:pointer;display:inline-flex;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popover-trigger:focus-visible{border-radius:2px;outline:2px solid hsl(var(--primary));outline-offset:2px}.popover-content{animation:popoverShow .2s cubic-bezier(.16,1,.3,1);transform-origin:var(--origin,top);z-index:300}@keyframes popoverShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pagination{align-items:center;display:flex;gap:1rem;justify-content:space-between}.pagination-per-page{min-width:140px}.pagination-controls{align-items:center;display:flex;gap:.25rem}.pagination-arrow{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground));cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative}.pagination-arrow:hover:not(:disabled){background-color:hsl(var(--muted-25))}.pagination-arrow:disabled{color:hsl(var(--muted));cursor:not-allowed}.pagination-arrow .second-chevron{left:8px;position:absolute}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-page{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground));cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;min-width:2rem}.pagination-page:hover:not(:disabled){background-color:hsl(var(--muted-25))}.pagination-page:disabled{cursor:default}.pagination-page-active{background-color:hsl(var(--primary));color:#fff}.pagination-page-active:hover{background-color:hsl(var(--primary-200))!important}.pagination-ellipsis{align-items:center;color:hsl(var(--muted));display:flex;font-size:.875rem;height:2rem;justify-content:center;min-width:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-info{color:hsl(var(--muted-200));font-size:.875rem;white-space:nowrap}.table-container{background-color:hsl(var(--background));border:1px solid hsl(var(--muted)/60%);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.table-wrapper{overflow-x:auto;width:100%}.table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.table thead{background-color:hsl(var(--background));position:sticky;top:0;z-index:1}.table thead:before{background-color:hsl(var(--muted)/60%);content:"";height:.5px;left:0;position:absolute;top:100%;width:100%}.table th{color:hsl(var(--foreground));font-weight:600;padding:.75rem 1rem;white-space:nowrap}.table th.sortable{cursor:pointer}.table th.sortable:hover{color:hsl(var(--primary));transition:color .2s ease-in-out}.table-header-content{align-items:center;display:flex;gap:.5rem}.table-sort-icon{align-items:center;color:hsl(var(--muted));display:flex}.table-sort-icon.active{color:hsl(var(--foreground))}.table-sort-icon .default{opacity:.5}.table td{border-bottom:1px solid hsl(var(--muted)/60%);color:hsl(var(--foreground));padding:.75rem 1rem}.table tr:last-child td{border-bottom:none}.table-empty,.table-loading{color:hsl(var(--muted));padding:2rem!important;text-align:center}.table-loader{height:8rem}.table-empty-content,.table-loader{align-items:center;display:flex;justify-content:center}.table-empty-content{color:hsl(var(--muted));font-size:1.25rem;gap:.5rem}.table-pagination{border-top:1px solid hsl(var(--muted)/60%);padding:.8rem}.table-header-actions{padding:.4rem;position:absolute;right:0;top:0;z-index:100}.edit-columns-popover{background-color:hsl(var(--background));border:1px solid hsl(var(--muted)/60%);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:1rem;width:300px}.edit-columns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.edit-columns-title{font-size:1rem;font-weight:600}.edit-columns-content{display:flex;flex-direction:column;gap:.5rem}.edit-columns-subtitle{color:hsl(var(--muted-200));font-size:.75rem;margin-bottom:.5rem}.edit-columns-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.edit-columns-item{align-items:center;background-color:hsl(var(--background));border:1px solid hsl(var(--muted)/60%);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edit-columns-item-label{font-size:14px}.edit-columns-item.dragging{border-color:hsl(var(--primary));box-shadow:0 4px 6px rgba(0,0,0,.1)}.drag-handle{color:hsl(var(--muted-200));cursor:grab}.edit-columns-item.dragging .drag-handle{cursor:grabbing}.edit-columns-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.4rem}.edit-columns-item-content{align-items:center;display:flex;justify-content:space-between;width:100%}.h2o-loader{--loader-color:hsl(var(--primary));align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center}.h2o-loader__visual{box-sizing:border-box;display:block;flex-shrink:0}.h2o-loader__visual--dots{--_g:no-repeat radial-gradient(circle closest-side,var(--loader-color) 90%,transparent);animation:h2o-loader-dots 1s linear infinite;aspect-ratio:2;background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.33333% 50%;width:60px}@keyframes h2o-loader-dots{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.h2o-loader__visual--bars{animation:h2o-loader-bars 1s linear infinite;aspect-ratio:1;background:linear-gradient(transparent 16.66667%,var(--loader-color) 0 50%,transparent 0) 0 100%,linear-gradient(transparent 33.33333%,var(--loader-color) 0 66.66667%,transparent 0) bottom,linear-gradient(transparent 50%,var(--loader-color) 0 83.33333%,transparent 0) 100% 100%;background-repeat:no-repeat;background-size:20% 600%;width:45px}@keyframes h2o-loader-bars{to{background-position:0 0,top,100% 0}}.h2o-loader__visual--spinner{animation:h2o-loader-spinner 1s linear infinite;aspect-ratio:1;background:radial-gradient(farthest-side,var(--loader-color) 94%,transparent) top /8px 8px no-repeat,conic-gradient(transparent 30%,var(--loader-color));border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);width:50px}@keyframes h2o-loader-spinner{to{transform:rotate(1turn)}}.toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:420px;pointer-events:none;position:fixed;width:calc(100% - 2rem);z-index:600}.toast-container>*{pointer-events:all}.toast-container--bottom-right{bottom:1rem;right:1rem}.toast-container--bottom-left{bottom:1rem;left:1rem}.toast-container--top-right{right:1rem;top:1rem}.toast-container--top-left{left:1rem;top:1rem}.toast-container--top-center{left:50%;top:1rem;transform:translateX(-50%)}.toast-container--bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.toast{animation:toastSlideIn .2s ease-out;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:.75rem;padding:1rem}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.toast-content{flex:1;min-width:0}.toast-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.toast-title{color:hsl(var(--foreground));font-size:.875rem;font-weight:600;margin:0}.toast-description{color:hsl(var(--muted-200));font-size:.875rem;margin:.25rem 0 0}.toast-close{align-items:center;background:none;border:none;color:hsl(var(--muted));cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0}.toast-close:hover{color:hsl(var(--foreground))}.toast-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.toast-info .toast-icon{color:hsl(var(--primary))}.toast-error .toast-icon{color:hsl(var(--destructive))}.toast-warning .toast-icon{color:hsl(var(--warning))}.toast-success .toast-icon{color:hsl(var(--success))}.calendar-container{background-color:hsl(var(--background));border:1px solid hsl(var(--muted)/50%);border-radius:.5rem;max-width:24rem;padding:0 1rem;width:100%}.calendar-container--no-header{border:none;box-shadow:none;max-width:none;padding:0}.calendar-header{align-items:center;border-bottom:1px solid hsl(var(--muted)/50%);display:flex;justify-content:space-between;padding:1rem .5rem;text-transform:capitalize}.calendar-title{font-size:1rem;font-weight:500}.calendar-nav-button{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:flex;justify-content:center;padding:.2rem}.calendar-nav-button:hover{background-color:hsl(var(--muted-50));color:hsl(var(--primary));transition:all .2s ease-in-out}.calendar-grid{grid-row-gap:.5rem;display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem}.calendar-weekday{font-size:.7rem;font-weight:500;padding:.25rem;text-align:center;text-transform:uppercase}.calendar-day{aspect-ratio:1;background:none;border:none;cursor:pointer;font-size:.75rem;position:relative}.calendar-day:disabled{color:hsl(var(--muted));cursor:not-allowed}.calendar-day.outside-month{color:hsl(var(--muted-200))}.calendar-day-inner{align-items:center;border-radius:50%;display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.calendar-day:not(:disabled):not(.selected):not(.in-range):hover .calendar-day-inner{background-color:hsl(var(--primary));color:#fff;transition:background-color .2s ease-in-out}.calendar-day.selected .calendar-day-inner{background-color:hsl(var(--primary));color:#fff}.calendar-day.selected:hover .calendar-day-inner{background-color:hsl(var(--primary-200))}.calendar-day.in-range:not(.range-start):not(.range-end){background-color:hsl(var(--primary-muted));border-radius:0}.calendar-day.in-range:not(.range-start):not(.range-end):hover .calendar-day-inner{color:hsl(var(--primary));transition:color .2s ease-in-out}.calendar-day.range-end .calendar-day-inner,.calendar-day.range-start .calendar-day-inner{background-color:hsl(var(--primary));color:#fff}.calendar-day.range-end:hover .calendar-day-inner,.calendar-day.range-start:hover .calendar-day-inner{background-color:hsl(var(--primary-200));transition:background-color .2s ease-in-out}.calendar-day.range-end:not(.range-start):after,.calendar-day.range-start:not(.range-end):after{background-color:hsl(var(--primary-muted));bottom:0;content:"";position:absolute;top:0;width:100%;z-index:1}.calendar-day.range-start:not(.range-end):after{border-radius:50% 0 0 50%;right:0}.calendar-day.range-end:not(.range-start):after{border-radius:0 50% 50% 0;left:0}.calendar-day.in-range.week-start:not(.range-start):not(.range-end){border-radius:50% 0 0 50%!important}.calendar-day.in-range.week-end:not(.range-start):not(.range-end){border-radius:0 50% 50% 0!important}.calendar-day.today:not(.selected):not(.range-start):not(.range-end) .calendar-day-inner{color:hsl(var(--primary));font-weight:700}.calendar-day.today:not(.selected):not(.range-start):not(.range-end):not(:disabled):hover .calendar-day-inner{color:#fff}.today-indicator{background-color:#fff;border-radius:50%;bottom:4px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px;z-index:50}.calendar-day.today:not(.selected):not(.range-start):not(.range-end) .today-indicator{background-color:hsl(var(--primary))}.calendar-day.today:not(.selected):not(.range-start):not(.range-end):not(:disabled):hover .today-indicator{background-color:#fff}.month-calendar-container{background-color:hsl(var(--background));border:1px solid hsl(var(--muted)/50%);border-radius:.5rem;max-width:24rem;padding:0 1rem;width:100%}.month-calendar-header{align-items:center;border-bottom:1px solid hsl(var(--muted)/50%);display:flex;justify-content:space-between;padding:.8rem .5rem}.month-calendar-title{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:1.2rem;font-weight:500;padding:.5rem 1rem}.month-calendar-title:hover{color:hsl(var(--primary));transition:all .2s ease-in-out}.month-calendar-nav-button{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:flex;justify-content:center;padding:.2rem}.month-calendar-nav-button:hover{background-color:hsl(var(--muted-50));color:hsl(var(--primary));transition:all .2s ease-in-out}.month-calendar-grid{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding:1rem .5rem}.month-calendar-item{align-items:center;aspect-ratio:1.8;background:none;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;transition:all .2s ease-in-out}.month-calendar-item:not(:disabled):not(.selected):hover{border:1px solid hsl(var(--primary));color:hsl(var(--primary))}.month-calendar-item.selected{background-color:hsl(var(--primary));color:#fff}.month-calendar-item.selected:hover{background-color:hsl(var(--primary-200))}.month-calendar-item.disabled{color:hsl(var(--muted));cursor:not-allowed}.month-calendar-grid[data-view=years]{grid-template-columns:repeat(3,1fr)}.message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding:.75rem}.message-text{flex:1}.message-dismiss{align-items:center;background:none;border:none;border-radius:.25rem;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;opacity:.6;padding:.1rem}.message-dismiss:hover{opacity:1}.message-info{background-color:hsl(var(--primary-muted)/.7);border:1px solid hsl(var(--primary)/.2);color:hsl(var(--primary-300))}.message-muted{background-color:hsl(var(--muted-25)/.5);border:1px solid hsl(var(--muted)/.2);color:hsl(var(--muted-200))}.message-error{background-color:hsl(var(--destructive-bg)/.5);border:1px solid hsl(var(--destructive)/.2);color:hsl(var(--destructive))}.message-warning{background-color:hsl(var(--warning-bg)/.4);border:1px solid hsl(var(--warning)/.3);color:hsl(var(--warning))}.message-success{background-color:hsl(var(--success-bg)/.4);border:1px solid hsl(var(--success)/.3);color:hsl(var(--success))}.multi-menu-container{display:inline-flex;flex-direction:column}.multi-menu-trigger-wrapper{background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:.375rem;display:flex;position:relative;transition:border-color .2s,background-color .2s}.multi-menu-trigger-wrapper:not(.multi-menu-disabled):hover{border-color:hsl(var(--primary))}.multi-menu-trigger-wrapper:not(.multi-menu-disabled):focus-within{border-color:hsl(var(--primary-300))}.multi-menu-trigger-wrapper.multi-menu-disabled{cursor:not-allowed;opacity:.5}.multi-menu-trigger{align-items:center;background:transparent;border:none;color:hsl(var(--foreground));cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;outline:none;padding:0 .5rem 0 .8rem;width:100%}.multi-menu-trigger:disabled{cursor:not-allowed}.multi-menu-trigger-value{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.multi-menu-chevron{color:hsl(var(--muted));flex-shrink:0;margin-left:.5rem;transition:transform .2s ease}.multi-menu-chevron-open{transform:rotate(180deg)}.multi-menu-trigger-sm{font-size:.875rem;height:2rem}.multi-menu-trigger-md{font-size:1rem;height:2.5rem}.multi-menu-trigger-lg{font-size:1.125rem;height:3rem}.multi-menu-panels{align-items:flex-start;display:flex;left:0;margin-top:.25rem;position:absolute;top:100%;z-index:50}.multi-menu-panels-flip{flex-direction:row-reverse;left:auto;right:0}.multi-menu-panel{animation:dropdownSlideDown .1s ease-out;background-color:hsl(var(--background));border:1px solid hsl(var(--muted));border-radius:.375rem;box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:15rem;overflow-y:auto;padding:.25rem;width:12rem}.multi-menu-panel+.multi-menu-panel{margin-left:.25rem}.multi-menu-panels-flip .multi-menu-panel+.multi-menu-panel{margin-left:0;margin-right:.25rem}.multi-menu-option{align-items:center;background:none;border:none;border-radius:.25rem;color:hsl(var(--foreground));cursor:pointer;display:flex;font-size:inherit;justify-content:space-between;outline:none;padding:.5rem .75rem;text-align:left;transition:background-color .15s;white-space:nowrap;width:100%}.multi-menu-option-active:not(.multi-menu-option-disabled),.multi-menu-option:focus:not(.multi-menu-option-disabled),.multi-menu-option:hover:not(.multi-menu-option-disabled){background-color:hsl(var(--primary-disabled))}.multi-menu-option-disabled{cursor:not-allowed;opacity:.5}.multi-menu-option-label{flex-grow:1;margin-right:1rem;overflow:hidden;text-overflow:ellipsis}.multi-menu-option-chevron{color:hsl(var(--muted-200));flex-shrink:0}.compact-multi-select-container{display:flex;flex-direction:column;gap:.375rem;position:relative;width:100%}.compact-multi-select-header{align-items:center;display:flex;justify-content:space-between}.compact-multi-select-label{align-items:center;color:hsl(var(--foreground));display:flex;font-size:.875rem;font-weight:500;gap:.2rem}.compact-multi-select-clear{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;font-size:.875rem;transition:color .2s}.compact-multi-select-clear:hover{color:hsl(var(--primary))}.compact-multi-select-wrapper{background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:.375rem;display:flex;position:relative;transition:border-color .2s,background-color .2s;width:100%}.compact-multi-select-wrapper:not(.compact-multi-select-disabled):not(.compact-multi-select-error):hover{border-color:hsl(var(--primary))}.compact-multi-select-wrapper.compact-multi-select-focused:not(.compact-multi-select-disabled):not(.compact-multi-select-error){border-color:hsl(var(--primary-300))}.compact-multi-select-wrapper.compact-multi-select-error{background-color:hsl(var(--destructive-bg)/.3);border-color:hsl(var(--destructive))}.compact-multi-select-wrapper.compact-multi-select-error.compact-multi-select-focused,.compact-multi-select-wrapper.compact-multi-select-error:hover{border-color:hsl(var(--destructive))}.compact-multi-select-wrapper.compact-multi-select-disabled{cursor:not-allowed;opacity:.5}.compact-multi-select{align-items:center;border:none;color:hsl(var(--foreground));cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;min-height:2.5rem;outline:none;padding:.3rem .5rem .3rem .8rem;width:100%}.compact-multi-select:disabled{cursor:not-allowed}.compact-multi-select-content{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:.375rem}.compact-multi-select-placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.compact-multi-select-chevron{color:hsl(var(--muted));flex-shrink:0;margin-left:.5rem;transition:transform .2s ease}.compact-multi-select-chevron-open{transform:rotate(180deg)}.compact-multi-select-sm{font-size:.875rem;min-height:2rem;padding-bottom:.25rem;padding-top:.25rem}.compact-multi-select-md{font-size:1rem;min-height:2.5rem}.compact-multi-select-lg{font-size:1.125rem;min-height:3rem}.compact-multi-select-menu{background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:.375rem;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-bottom:.25rem;margin-top:.25rem;max-height:15rem;z-index:50}.compact-multi-select-search-wrapper{border-bottom:1.5px solid hsl(var(--border));padding:.5rem}.compact-multi-select-options-wrapper{overflow-y:auto;padding:.25rem}.compact-multi-select-menu-top{animation:dropdownSlideUp .1s ease-out;transform-origin:bottom}.compact-multi-select-menu-bottom{animation:dropdownSlideDown .1s ease-out;transform-origin:top}.compact-multi-select-no-options{color:hsl(var(--muted-200));cursor:default;font-size:inherit;padding:.5rem .75rem;text-align:center}.compact-multi-select-option{align-items:center;background:none;border:none;border-radius:.25rem;color:hsl(var(--foreground));cursor:pointer;display:flex;font-size:inherit;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:all .2s;width:100%}.compact-multi-select-option:hover:not(.compact-multi-select-option-disabled):not(.compact-multi-select-option-selected){background-color:hsl(var(--primary-disabled))}.compact-multi-select-option-selected{background-color:hsl(var(--primary));color:#fff}.compact-multi-select-option-selected .icon{color:#fff}.compact-multi-select-option-selected:hover{background-color:hsl(var(--primary-200))}.compact-multi-select-option-disabled{cursor:not-allowed;opacity:.5}.compact-multi-select-note{color:hsl(var(--muted-200));font-size:.875rem;transition:color .2s}.compact-multi-select-wrapper.compact-multi-select-focused:not(.compact-multi-select-disabled):not(.compact-multi-select-error)+.compact-multi-select-note,.compact-multi-select-wrapper:not(.compact-multi-select-disabled):not(.compact-multi-select-error):hover+.compact-multi-select-note{color:hsl(var(--primary))}.compact-multi-select-error-message{color:hsl(var(--destructive));font-size:.875rem}.compact-multi-select-info-icon{color:hsl(var(--muted-200))}.compact-multi-select-info-icon:hover{color:hsl(var(--primary))}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.date-range-picker{background-color:hsl(var(--background));border:1px solid hsl(var(--muted)/50%);border-radius:.5rem;display:flex;font-family:inherit}.date-range-picker__presets{border-right:1px solid hsl(var(--muted)/50%);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;padding:1rem;width:14rem}.date-range-picker__presets .radio-label{width:100%}.date-range-picker__main{flex-grow:1;padding:1rem}.date-range-picker__display{font-size:1rem;font-weight:500;margin-bottom:1rem;padding:0 .5rem}.date-range-picker__calendars{display:grid;gap:1.5rem;grid-template-areas:"header1 header2" "cal1 cal2";grid-template-columns:1fr 1fr}.date-range-picker__calendars .calendar-container{border:none;box-shadow:none;max-width:none;padding:0}.date-range-picker__header{align-items:center;display:flex;justify-content:space-between;padding:0 .5rem}.date-range-picker__header:first-of-type{grid-area:header1}.date-range-picker__header:nth-of-type(2){grid-area:header2}.date-range-picker__calendars .calendar-container:first-of-type{grid-area:cal1}.date-range-picker__calendars .calendar-container:nth-of-type(2){grid-area:cal2}.expandable-table .expand-column{padding:0!important;text-align:center;width:48px}.expandable-table .expand-button{align-items:center;background:none;border:none;color:hsl(var(--muted));cursor:pointer;display:flex;height:100%;justify-content:center;padding:8px;transition:all .2s ease-in-out;width:100%}.expandable-table .expand-button:hover{color:hsl(var(--primary))}.expandable-table .expand-button svg{transition:transform .2s ease-in-out}.expandable-table .expand-button svg.expanded{color:hsl(var(--primary));transform:rotate(90deg)}.expandable-table tbody tr:has(+tr.expanded-row) td{border-bottom-color:hsl(var(--primary))}.expandable-table tr.expanded-row td{border-bottom:1px solid hsl(var(--primary));border-left:none;border-right:none}.expandable-table tr.expanded-row td:first-child{border-left:1px solid hsl(var(--primary))}.expandable-table tr.expanded-row td:last-child{border-right:1px solid hsl(var(--primary))}.expandable-table tbody tr.expanded-row td{border-top:1px solid hsl(var(--primary))}.expandable-table tr.expanded-row .expand-button{color:hsl(var(--primary))}.expandable-table .expandable-content{padding:1rem}.expandable-table .expandable-row td{border:1px solid hsl(var(--primary));padding:0}.expandable-table tbody tr.expandable-row:last-child td{border-bottom:1px solid hsl(var(--primary))}.expandable-table .expandable-row{transition:all .3s ease-in-out}.expandable-table .expandable-content{animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chip-base{align-items:center;border:1.5px solid transparent;border-radius:.75rem;display:inline-flex;font-size:.8rem;font-weight:500;gap:.3rem;line-height:1;padding:.25rem .625rem;transition:opacity .2s;white-space:nowrap}.chip--icon{padding-left:.375rem}.chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-neutral{background-color:hsl(var(--muted-25));color:hsl(var(--foreground)/.8)}.chip-neutral.chip--border{border-color:hsl(var(--muted))}.chip-primary{background-color:hsl(var(--primary-muted));color:hsl(var(--primary))}.chip-primary.chip--border{border-color:hsl(var(--primary)/.3)}.chip-success{background-color:hsl(var(--success-bg)/.5);color:hsl(var(--success))}.chip-success.chip--border{border-color:hsl(var(--success)/.4)}.chip-warning{background-color:hsl(var(--warning-bg)/.5);color:hsl(var(--warning-200))}.chip-warning.chip--border{border-color:hsl(var(--warning-200)/.4)}.chip-error{background-color:hsl(var(--destructive-bg)/.5);color:hsl(var(--destructive))}.chip-error.chip--border{border-color:hsl(var(--destructive)/.4)}.chip-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;height:.45rem;width:.45rem}.chip--sm .chip-dot{height:.375rem;width:.375rem}.chip--lg .chip-dot{height:.5rem;width:.5rem}.chip--sm{font-size:.7rem;gap:.25rem;padding:.175rem .45rem}.chip--md{font-size:.8rem;padding:.25rem .625rem}.chip--lg{font-size:.875rem;gap:.35rem;padding:.35rem .75rem}.chip--disabled{cursor:not-allowed;opacity:.45}[role=button].chip-base{cursor:pointer}[role=button].chip-base:not(.chip--disabled):hover{opacity:.8}[role=button].chip-base:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.segmented-toggle{background-color:hsl(var(--input));border:1.5px solid hsl(var(--muted)/.6);border-radius:.3rem;display:flex;gap:.125rem;overflow:hidden;padding:.2rem;transition:border-color .2s ease-in-out;width:-moz-fit-content;width:fit-content}.segmented-toggle:hover{border-color:hsl(var(--primary))}.segmented-toggle-option{text-wrap:nowrap;align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:hsl(var(--muted-200));cursor:pointer;display:flex;font:inherit;line-height:1;overflow:hidden;padding:.375rem .5rem;text-overflow:ellipsis;transition:all .2s ease-in-out;white-space:nowrap}.segmented-toggle-option:hover:not(.segmented-toggle-option-disabled):not(.segmented-toggle-option-selected){color:hsl(var(--foreground))}.segmented-toggle-option-selected{background-color:hsl(var(--primary));color:#fff}.segmented-toggle-option-selected:hover:not(.segmented-toggle-option-disabled){background-color:hsl(var(--primary-200))}.segmented-toggle-option-content{align-items:center;display:inline-flex;gap:.3rem;justify-content:center}.segmented-toggle-option-icon{flex-shrink:0}.segmented-toggle--sm .segmented-toggle-option{font-size:.75rem;padding:.25rem .5rem}.segmented-toggle--md .segmented-toggle-option{font-size:.875rem;padding:.3rem .75rem}.segmented-toggle--lg .segmented-toggle-option{font-size:1rem;padding:.375rem 1rem}.segmented-toggle-option-disabled{cursor:not-allowed;opacity:.5}.segmented-toggle-option-disabled:hover{background-color:inherit!important;color:inherit!important}.segmented-toggle-option-disabled.segmented-toggle-option-selected{opacity:.7}.skeleton{background-color:hsl(var(--muted)/.38);box-shadow:inset 0 0 0 1px hsl(var(--muted-200)/.22);box-sizing:border-box;display:block;flex-shrink:0;overflow:hidden;position:relative}.dark .skeleton{background-color:hsl(var(--muted-50));box-shadow:none}.skeleton--static:after{display:none}.skeleton:after{animation:skeleton-shimmer 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent 0,hsl(var(--popover)/.35) 42%,hsl(var(--popover)/.85) 50%,hsl(var(--popover)/.35) 58%,transparent 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.dark .skeleton:after{background:linear-gradient(90deg,transparent 0,hsl(var(--muted)/.25) 45%,hsl(var(--muted-200)/.35) 50%,hsl(var(--muted)/.25) 55%,transparent 100%)}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.skeleton--text{border-radius:var(--radius-sm);width:100%}.skeleton--text.skeleton--sm{height:.75rem}.skeleton--text.skeleton--md{height:.875rem}.skeleton--text.skeleton--lg{height:1rem}.skeleton--rectangular{border-radius:var(--radius-md);width:100%}.skeleton--circular{border-radius:var(--radius-full)}.date-picker-container{display:flex;flex-direction:column;font-family:inherit;gap:.5rem}.date-picker-header{align-items:center;display:flex;justify-content:space-between}.date-picker-labels{display:flex;flex:1;gap:.75rem}.date-picker-label{color:hsl(var(--foreground));flex:1;font-size:.875rem;font-weight:500}.date-picker-clear{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;flex-shrink:0;font-size:.875rem;padding:0;transition:color .2s}.date-picker-clear:hover{color:hsl(var(--primary))}.date-picker-wrapper{position:relative}.date-picker-range-wrapper{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.date-picker-field-wrapper{position:relative}.date-picker-trigger{align-items:center;background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:.5rem;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;height:2.5rem;justify-content:space-between;padding:0 .75rem;text-align:left;transition:border-color .2s;width:100%}.date-picker-trigger:hover:not([disabled]){border-color:hsl(var(--primary))}.date-picker-trigger:hover:not([disabled]) .date-picker-icon{color:hsl(var(--primary))}.date-picker-trigger--open{border-color:hsl(var(--primary));border-radius:.5rem .5rem 0 0}.date-picker-trigger--error{background-color:hsl(var(--destructive-bg)/.3);border-color:hsl(var(--destructive))}.date-picker-trigger[disabled]{cursor:not-allowed;opacity:.5}.date-picker-placeholder{color:hsl(var(--muted));font-size:.875rem}.date-picker-value{color:hsl(var(--foreground));font-size:.875rem}.date-picker-icon{color:hsl(var(--muted-200));flex-shrink:0;transition:color .2s}.date-picker-icon--open{color:hsl(var(--primary))}.date-picker-panel{background-color:hsl(var(--input));border:1.5px solid hsl(var(--primary));border-radius:0 0 .5rem .5rem;border-top:none;box-sizing:border-box;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:200}.date-picker-panel .calendar-container{background:none;border:none;box-sizing:border-box;max-width:none;min-width:0;width:100%}.date-picker-note{color:hsl(var(--muted-200));font-size:.875rem}.date-picker-error-message{color:hsl(var(--destructive));font-size:.875rem}.time-picker-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;gap:.5rem;min-width:0;width:100%}.time-picker-header{align-items:center;display:flex;justify-content:space-between}.time-picker-labels{display:flex;flex:1;gap:.75rem}.time-picker-group-label,.time-picker-label{color:hsl(var(--foreground));flex:1;font-size:.875rem;font-weight:500}.time-picker-clear{background:none;border:none;color:hsl(var(--muted-200));cursor:pointer;flex-shrink:0;font-size:.875rem;padding:0;transition:color .2s}.time-picker-clear:hover{color:hsl(var(--primary))}.time-picker-fields{display:flex;min-width:0;width:100%}.time-picker-fields--range{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;min-width:0;width:100%}.time-picker-field{align-items:stretch;background:hsl(var(--input));border:1.5px solid hsl(var(--muted));border-radius:.5rem;display:flex;font-family:inherit;font-size:.875rem;height:2.5rem;min-width:0;position:relative;transition:border-color .2s;width:100%}.time-picker-field:hover:not(.time-picker-field--disabled){border-color:hsl(var(--primary))}.time-picker-field:hover:not(.time-picker-field--disabled) .time-picker-icon{color:hsl(var(--primary))}.time-picker-field--open{border-color:hsl(var(--primary));border-radius:.5rem .5rem 0 0}.time-picker-field--error{background-color:hsl(var(--destructive-bg)/.3);border-color:hsl(var(--destructive))}.time-picker-field--disabled{opacity:.5;pointer-events:none}.time-picker-half{align-items:center;cursor:pointer;display:flex;flex:1;justify-content:space-between;min-width:0;outline:none;padding:0 .625rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.time-picker-half:focus-visible{border-radius:.375rem;outline:2px solid hsl(var(--primary));outline-offset:-2px}.time-picker-half-divider{background-color:hsl(var(--muted));flex-shrink:0;margin:.4rem 0;width:1px}.time-picker-placeholder{color:hsl(var(--muted));font-size:.875rem;letter-spacing:.04em}.time-picker-value{color:hsl(var(--foreground));font-size:.875rem;font-variant-numeric:tabular-nums}.time-picker-half--active .time-picker-placeholder,.time-picker-half--active .time-picker-value{color:hsl(var(--primary))}.time-picker-icon{color:hsl(var(--muted-200));flex-shrink:0;transition:color .2s}.time-picker-icon--open{color:hsl(var(--primary))}.time-picker-dropdown{background-color:hsl(var(--input));border:1.5px solid hsl(var(--primary));border-radius:0 0 .5rem .5rem;border-top:none;cursor:grab;max-height:11rem;overflow-y:auto;position:absolute;scrollbar-color:hsl(var(--muted)) transparent;scrollbar-width:thin;top:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:calc(50% + 1.5px);z-index:200}.time-picker-dropdown--dragging{cursor:grabbing}.time-picker-dropdown--left{left:-1.5px}.time-picker-dropdown--right{right:-1.5px}.time-picker-dropdown::-webkit-scrollbar{width:4px}.time-picker-dropdown::-webkit-scrollbar-track{background:transparent}.time-picker-dropdown::-webkit-scrollbar-thumb{background-color:hsl(var(--muted));border-radius:2px}.time-picker-option{color:hsl(var(--primary));cursor:pointer;font-size:.875rem;font-variant-numeric:tabular-nums;padding:.5rem .75rem;transition:background-color .15s}.time-picker-option--selected,.time-picker-option:hover{background-color:hsl(var(--primary-muted))}.time-picker-option--selected{font-weight:600}.time-picker-note{color:hsl(var(--muted-200));font-size:.875rem}.time-picker-error-message{color:hsl(var(--destructive));font-size:.875rem}
+.bar-chart-container{font-family:inherit;padding:2rem 2rem 2rem 0;text-align:center}.bar-chart-y-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:hsl(var(--muted-200));display:-webkit-box;font-size:12px;line-height:1.25;overflow:hidden;text-align:right;text-overflow:ellipsis;word-break:break-word}.line-chart-container{padding:2rem 2rem 2rem 0}.line-chart-container,.pie-chart-container{font-family:inherit;text-align:center}.pie-chart-clickable .recharts-pie-sector,.pie-chart-clickable path{cursor:pointer}.pie-chart-container .recharts-layer path:focus,.pie-chart-container .recharts-pie-sector:focus,.pie-chart-container path:focus{outline:none}.stat-chart-container{display:flex;flex-direction:column;font-family:inherit}.stat-chart-compare-wrapper{align-items:flex-start;display:flex;gap:.5rem;width:100%}.stat-chart-compare-section{flex:1 1 0;min-width:0}.stat-chart-compare-label{align-items:flex-end;color:hsl(var(--muted-200));display:flex;font-size:.875rem;justify-content:center;text-align:center}.stat-chart-compare-center{display:flex;flex:0 0 auto;flex-direction:column;min-width:120px}.stat-chart-compare-center-label{color:hsl(var(--muted-200));font-size:.8125rem;text-align:center}.stat-chart-difference-col{flex:0 0 auto;padding-left:1rem;text-align:left}.stat-chart-difference-title{align-items:flex-end;color:hsl(var(--primary-400));display:flex;font-size:.8125rem;font-weight:600}.stat-chart-difference-row{align-items:center;display:flex;font-size:.8125rem;gap:.25rem;height:48px}.stat-chart-difference-negative,.stat-chart-difference-positive{align-items:center;display:inline-flex;gap:.25rem}.stat-chart-difference-positive{color:hsl(var(--success))}.stat-chart-difference-negative{color:hsl(var(--destructive))}.stat-chart-compare-section .stat-chart-bar-tooltip,.stat-chart-container .stat-chart-bar-tooltip{align-items:center;align-self:stretch;display:flex;flex:1;min-width:0}.stat-chart-bar-track{height:22px;overflow:hidden;position:relative;width:100%}.gantt-chart-container{display:flex;flex-direction:column;font-family:inherit;overflow:visible;width:100%}.gantt-chart-legend{margin-bottom:.75rem}.gantt-bar-tooltip{box-sizing:border-box;display:block;height:100%;width:100%}.gantt-bar-tooltip-hit{height:100%;min-height:1px;width:100%}.heatmap-header-label{color:hsl(var(--muted-200));font-size:.75rem}.custom-chart-tooltip{background-color:hsl(var(--tooltip-dark-bg));border-radius:.375rem;box-shadow:0 2px 8px rgba(0,0,0,.15);color:hsl(var(--tooltip-dark-fg));font-size:.75rem;padding:.5rem 1rem;position:relative;transform:translate(-50%,calc(-100% - 16px));white-space:nowrap}.custom-chart-tooltip>span{font-size:.875rem}.custom-chart-tooltip:after{border-color:hsl(var(--tooltip-dark-bg)) transparent transparent transparent;border-style:solid;border-width:8px;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.recharts-tooltip-wrapper{z-index:1000}.heatmap-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow:visible;padding:1rem;width:100%}.heatmap-grid{display:grid;flex-grow:1;gap:.5rem;min-height:0;overflow:visible}.heatmap-col-tooltip{box-sizing:border-box;display:block;min-width:0;width:100%}.heatmap-col-header{box-sizing:border-box;display:block;font-weight:400;max-width:100%;overflow:hidden;padding:.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.heatmap-row-tooltip{align-items:center;box-sizing:border-box;display:flex;height:100%;min-width:0;width:100%}.heatmap-row-header{display:block;font-weight:400;max-width:100%;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.heatmap-cell,.heatmap-row-header{box-sizing:border-box;overflow:hidden}.heatmap-cell{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:.75rem;width:100%}.heatmap-cell-content{align-items:center;display:flex;gap:.25rem}.heatmap-cell-value-container{font-size:.875rem}.heatmap-cell-percentage-container{font-size:.75rem}.heatmap-icon{height:.75rem;width:.75rem}.heatmap-cell-tooltip-content{display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.chart-container{width:100%}.chart-container,.chart-header{display:flex;flex-direction:column;gap:1.5rem}.chart-title-container{align-items:center;display:flex;gap:.5rem}.chart-title{font-size:1.5rem;font-weight:600;margin:0}.chart-info-icon{color:hsl(var(--muted));cursor:help}.chart-metadata{display:flex;flex-direction:column;gap:1rem}.chart-kpis{border-bottom:1px solid hsl(var(--muted-50));display:flex;flex-wrap:wrap;gap:2rem;padding-bottom:.5rem}.chart-kpi{display:flex;flex-direction:column;gap:.25rem}.chart-kpi-label{color:hsl(var(--muted-200));font-size:.875rem}.chart-kpi-value{font-size:1.5rem;font-weight:600}.chart-legend{padding-top:.5rem}.chart-header-content{display:flex;flex-direction:column;gap:.25rem}.chart-description{color:hsl(var(--muted-200));font-size:1rem}.legend{display:flex;flex-wrap:wrap;gap:1rem}.legend--vertical{flex-direction:column}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-item--clickable{cursor:pointer}.legend-swatch{height:1rem;width:1.5rem}.legend-swatch--line{height:.25rem}.legend-swatch--dashed-line{background-color:transparent;border-bottom:2px dashed;height:.25rem}.legend-swatch--circle{border-radius:9999px;width:1rem}.tooltip-container{display:inline-block;position:relative}.tooltip-box{word-wrap:break-word;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:.8125rem;max-width:220px;opacity:0;padding:.5rem .75rem;pointer-events:none;position:fixed;transition:opacity .15s ease;visibility:hidden;z-index:1001}.tooltip-box--dark{background-color:hsl(var(--tooltip-dark-bg));color:hsl(var(--tooltip-dark-fg))}.tooltip-box--light{background-color:hsl(var(--card));box-shadow:0 4px 12px rgba(0,0,0,.12);color:hsl(var(--foreground))}.tooltip-box:after{border:6px solid transparent;content:"";pointer-events:none;position:absolute;z-index:1000}.tooltip-box.tooltip-visible,.tooltip-box.tooltip-visible:after{opacity:1;visibility:visible}.tooltip-box--dark[data-position=top]:after{border-top-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=top]:after{border-top-color:hsl(var(--card))}.tooltip-box[data-position=top]:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-box--dark[data-position=bottom]:after{border-bottom-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=bottom]:after{border-bottom-color:hsl(var(--card))}.tooltip-box[data-position=bottom]:after{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-box--dark[data-position=left]:after{border-left-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=left]:after{border-left-color:hsl(var(--card))}.tooltip-box[data-position=left]:after{left:100%;top:50%;transform:translateY(-50%)}.tooltip-box--dark[data-position=right]:after{border-right-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=right]:after{border-right-color:hsl(var(--card))}.tooltip-box[data-position=right]:after{right:100%;top:50%;transform:translateY(-50%)}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import "./styles/index.css";
 export * from "./components";
-export * from "./hooks";
-export * from "./utils";
-export * from "./types";
+
+// Ambient declarations for the published stylesheets.
+declare module "h2o-library/dist/index.css";
+declare module "h2o-library/dist/styles/index.css";

package/dist/styles/index.css

@@ -0,0 +1,68 @@
+:root {
+  --primary-disabled: 225 100% 88%;
+  --primary-muted: 221 100% 95%;
+  --primary: 225 91% 59%;
+  --primary-200: 225 100% 43%;
+  --primary-300: 225 91% 40%;
+  --primary-400: 225 91% 18%;
+
+  --success-bg: 143 26% 86%;
+  --success: 130 35% 46%;
+  --success-200: 130 76% 26%;
+  --success-300: 130 100% 18%;
+
+  --warning-bg: 45 100% 84%;
+  --warning: 45 100% 61%;
+  --warning-200: 45 100% 45%;
+  --warning-300: 45 100% 32%;
+
+  --destructive-bg: 357 100% 92%;
+  --destructive: 0 83% 60%;
+  --destructive-200: 0 100% 42%;
+  --destructive-300: 0 100% 29%;
+
+  --muted-25: 0 0 98%;
+  --muted-50: 0 0 96%;
+  --muted: 0 0 80%;
+  --muted-200: 0 0 67%;
+
+  --background: 0 0% 96%;
+  --foreground: 0 0% 0.3922%;
+  --card: 48 33% 97%;
+  --primary-foreground: 220 33% 96%;
+  --border: 0 0% 89%;
+  --input: 0 0% 98%;
+  --popover: 0 0% 100%;
+
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-full: 9999px;
+
+  --tooltip-dark-bg: 215 28% 17%;
+  --tooltip-dark-fg: 0 0% 100%;
+}
+
+.dark {
+  --primary-disabled: 225 50% 35%;
+  --primary-muted: 221 40% 18%;
+
+  --success-bg: 143 26% 15%;
+
+  --warning-bg: 45 80% 15%;
+
+  --destructive-bg: 357 60% 18%;
+
+  --muted-25: 0 0% 14%;
+  --muted-50: 0 0% 18%;
+  --muted: 0 0% 40%;
+  --muted-200: 0 0% 55%;
+
+  --background: 0 0% 1.9608%;
+  --foreground: 0 0% 98.0392%;
+  --card: 0 0% 3.9216%;
+  --primary-foreground: 0 0% 3.9216%;
+  --border: 0 0% 15.6863%;
+  --input: 0 0% 7.0588%;
+  --popover: 0 0% 9%;
+}

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

@@ -0,0 +1,8 @@
+export * from "./src/chart/chart";
+export * from "./src/bar/chart-bar";
+export * from "./src/pie/chart-pie";
+export * from "./src/line/chart-line";
+export * from "./src/heatmap/chart-heatmap";
+export * from "./src/stat/chart-stat";
+export * from "./src/gantt/chart-gantt";
+export * from "./src/legend/legend";

package/dist/types/charts/src/bar/chart-bar.d.ts

@@ -0,0 +1,27 @@
+import type React from "react";
+import "../../charts.css";
+export interface BarChartDataPoint {
+    x: string;
+    [key: string]: number | string;
+}
+export interface BarSeriesConfig {
+    key: string;
+    label?: string;
+    color: string;
+    unit?: string;
+    stackId?: string;
+}
+export interface BarChartProps {
+    data: BarChartDataPoint[];
+    bars: BarSeriesConfig[];
+    layout?: "single" | "grouped" | "stacked" | "grouped-stacked";
+    orientation?: "vertical" | "horizontal";
+    showGrid?: boolean;
+    showLegend?: boolean;
+    height?: number;
+    className?: string;
+    onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    onBarClick?: (dataPoint: BarChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGElement>) => void;
+}
+export declare const BarChart: ({ data, bars, layout, orientation, showGrid, showLegend, height, className, onXAxisTickClick, onYAxisTickClick, onBarClick, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/chart/chart.d.ts

@@ -0,0 +1,35 @@
+import "../../charts.css";
+import type { BarChartDataPoint } from "../bar/chart-bar";
+import type { LineChartDataPoint } from "../line/chart-line";
+import type { PieChartDataPoint } from "../pie/chart-pie";
+import type { HeatmapData } from "../heatmap/chart-heatmap";
+export type ChartKPI = {
+    label: string;
+    value: string | number;
+};
+type BaseChartData = {
+    bar: BarChartDataPoint[];
+    line: LineChartDataPoint[];
+    pie: PieChartDataPoint[];
+    heatmap: HeatmapData;
+};
+export type ChartType = keyof BaseChartData;
+interface BaseChartProps {
+    type: ChartType;
+    title?: string;
+    info?: string;
+    description?: string;
+    kpis?: ChartKPI[];
+    height?: number;
+    className?: string;
+}
+type BarChartSpecificProps = {
+    layout?: "single" | "grouped" | "stacked" | "grouped-stacked";
+    orientation?: "vertical" | "horizontal";
+};
+type ChartTypeSpecificProps<T extends ChartType> = T extends "bar" ? BarChartSpecificProps : Record<string, never>;
+export type ChartProps<T extends ChartType> = BaseChartProps & {
+    data: BaseChartData[T];
+} & ChartTypeSpecificProps<T>;
+export declare const Chart: <T extends ChartType>({ type, title, info, description, kpis, data, height, className, ...chartSpecificProps }: ChartProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/charts/src/chart-tooltip-styles.d.ts

@@ -0,0 +1,4 @@
+import type React from "react";
+export declare const CHART_TOOLTIP_STYLE: React.CSSProperties;
+export declare const CHART_TOOLTIP_WRAPPER_STYLE: React.CSSProperties;
+export declare const CHART_TOOLTIP_PORTAL_STYLE: React.CSSProperties;

package/dist/types/charts/src/gantt/chart-gantt.d.ts

@@ -0,0 +1,25 @@
+import type React from "react";
+import "../../charts.css";
+export interface GanttDataPoint {
+    label: string;
+    rangeStart: number;
+    rangeEnd: number;
+    barStart: number;
+    barEnd: number;
+}
+export interface GanttChartProps {
+    data: GanttDataPoint[];
+    minTime?: number;
+    maxTime?: number;
+    tickInterval?: number;
+    rangeColor?: string;
+    barColor?: string;
+    overflowColor?: string;
+    rangeLabel?: string;
+    barLabel?: string;
+    showLegend?: boolean;
+    labelWidth?: number;
+    className?: string;
+    onRowClick?: (dataPoint: GanttDataPoint, event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const GanttChart: ({ data, minTime, maxTime, tickInterval, rangeColor, barColor, overflowColor, rangeLabel, barLabel, showLegend, labelWidth: labelWidthProp, className, onRowClick, }: GanttChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/heatmap/chart-heatmap.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "../../charts.css";
+export interface HeatmapData {
+    rows: string[];
+    columns: string[];
+    matrix: number[][];
+}
+export interface HeatmapChartProps {
+    data: HeatmapData;
+    showValue?: boolean;
+    showPercentage?: boolean;
+    height?: string | number;
+    className?: string;
+    onRowClick?: (row: string, event: React.MouseEvent<HTMLDivElement>) => void;
+    onColumnClick?: (column: string, event: React.MouseEvent<HTMLDivElement>) => void;
+    onCellClick?: (row: string, column: string, value: number, event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/legend/legend.d.ts

@@ -0,0 +1,19 @@
+import "./legend.css";
+export type LegendStyle = "line" | "dashed-line" | "rectangle" | "circle";
+export type LegendItem = {
+    label: string;
+    color: string;
+    onClick?: () => void;
+    style?: LegendStyle;
+};
+export type LegendProps = {
+    items: LegendItem[];
+    itemStyle?: LegendStyle;
+    direction?: "horizontal" | "vertical";
+    ariaLabel?: string;
+    className?: string;
+    itemClassName?: string;
+    labelClassName?: string;
+    colorClassName?: string;
+};
+export declare const Legend: ({ items, itemStyle, direction, ariaLabel, className, itemClassName, labelClassName, colorClassName, }: LegendProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/line/chart-line.d.ts

@@ -0,0 +1,28 @@
+import type React from "react";
+import "../../charts.css";
+export interface LineChartDataPoint {
+    x: string;
+    [key: string]: number | string | undefined;
+}
+export interface LineSeriesConfig {
+    key: string;
+    label?: string;
+    color: string;
+    dashed?: boolean;
+    unit?: string;
+    lineWidth?: number;
+}
+export interface LineChartProps {
+    data: LineChartDataPoint[];
+    lines: LineSeriesConfig[];
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showGradient?: boolean;
+    height?: number;
+    showTooltipLabel?: boolean;
+    className?: string;
+    onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    onDataPointClick?: (point: LineChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGCircleElement>) => void;
+}
+export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/pie/chart-pie.d.ts

@@ -0,0 +1,19 @@
+import type React from "react";
+import "../../charts.css";
+export interface PieChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+    unit?: string;
+}
+export interface PieChartProps {
+    data: PieChartDataPoint[];
+    variant?: "pie" | "donut";
+    showLegend?: boolean;
+    height?: number;
+    showLabels?: boolean;
+    showPercentageInTooltip?: boolean;
+    className?: string;
+    onSliceClick?: (dataPoint: PieChartDataPoint, index: number, event: React.MouseEvent<SVGElement>) => void;
+}
+export declare const PieChart: ({ data, variant, showLegend, height, showLabels, showPercentageInTooltip, className, onSliceClick, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/recharts-tick-props.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Minimal tick props passed by Recharts to XAxis/YAxis `tick` render functions.
+ * Recharts may send more fields; we only use these when forwarding to custom ticks.
+ */
+export type RechartsAxisTickProps = {
+    x: number;
+    y: number;
+    payload: {
+        value: string | number;
+    };
+} & object;

package/dist/types/charts/src/stat/chart-stat.d.ts

@@ -0,0 +1,21 @@
+import "../../charts.css";
+export interface StatChartDataPoint {
+    label: string;
+    value: number;
+    total?: number;
+}
+export interface StatChartProps {
+    data: StatChartDataPoint[];
+    compareData?: StatChartDataPoint[];
+    primaryColor?: string;
+    primaryLabel?: string;
+    compareColor?: string;
+    compareLabel?: string;
+    trackColor?: string;
+    compareTrackColor?: string;
+    unit?: string;
+    showDifference?: boolean;
+    height?: number;
+    className?: string;
+}
+export declare const StatChart: ({ data, compareData, primaryColor, primaryLabel, compareColor, compareLabel, trackColor, compareTrackColor, unit, showDifference, height, className, }: StatChartProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,36 @@
+export * from "./src/button/button";
+export * from "./src/checkbox/checkbox";
+export * from "./src/icon/icon";
+export * from "./src/radio/radio";
+export * from "./src/tooltip/tooltip";
+export * from "./src/toggle/toggle";
+export * from "./src/content-switch/content-switch";
+export * from "./src/input/input";
+export * from "./src/textarea/textarea";
+export * from "./src/dropdown/dropdown";
+export * from "./src/slider/slider";
+export * from "./src/side-panel/side-panel";
+export * from "./src/modal/modal";
+export * from "./src/tag/tag";
+export * from "./src/accordion/accordion";
+export * from "./src/multi-select/multi-select";
+export * from "./src/radio-group/radio-group";
+export * from "./src/tabs/tabs";
+export * from "./src/popover/popover";
+export * from "./src/pagination/pagination";
+export * from "./src/table/table";
+export { ToastProvider, type ToastVariant, type ToastPosition, type ToastOptions, } from "./src/toast/toast";
+export * from "./src/logo/logo";
+export * from "./src/calendar/calendar";
+export * from "./src/month-calendar/month-calendar";
+export * from "./src/loader/loader";
+export * from "./src/message/message";
+export * from "./src/multi-menu/multi-menu";
+export * from "./src/compact-multi-select/compact-multi-select";
+export * from "./src/date-range-picker/date-range-picker";
+export * from "./src/expandable-table/expandable-table";
+export * from "./src/chip/chip";
+export * from "./src/segmented-toggle/segmented-toggle";
+export * from "./src/skeleton/skeleton";
+export * from "./src/date-picker/date-picker";
+export * from "./src/time-picker/time-picker";

package/dist/types/components/src/accordion/accordion.d.ts

@@ -0,0 +1,32 @@
+import "./accordion.css";
+import type React from "react";
+/**
+ * Props for the `Accordion` component — **fully controlled** open state.
+ *
+ * @property {string} title - Text on the always-visible trigger row.
+ * @property {boolean} isOpen - When true, the content area is expanded.
+ * @property {(isOpen: boolean) => void} onToggle - Called with the new open state when the user toggles.
+ * @property {React.ReactNode} children - Collapsible body content.
+ * @property {string} [description] - Subtitle under the title on the trigger.
+ * @property {boolean} [disabled] - When true, the trigger does not open. Default `false`.
+ */
+interface AccordionProps {
+    title: string;
+    isOpen: boolean;
+    onToggle: (isOpen: boolean) => void;
+    children: React.ReactNode;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+    containerClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+/**
+ * Collapsible section with a button trigger, optional description, and height-animated content.
+ *
+ * @param {AccordionProps} props - Controlled `isOpen` + `onToggle` model.
+ * @returns {JSX.Element} The accordion shell, trigger, and panel region.
+ */
+export declare const Accordion: ({ title, isOpen, onToggle, children, description, disabled, containerClassName, className, titleClassName, descriptionClassName, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/src/button/button.d.ts

@@ -0,0 +1,41 @@
+import "./button.css";
+import type { IconType, TooltipPosition } from "../../../types";
+import React from "react";
+/**
+ * Extends native `HTMLButtonElement` attributes
+ *
+ * @property {"primary"|"secondary"|"ghost"|"danger"|"warning"|"success"} [variant] - Color/semantic style. Default `"primary"`.
+ * @property {"sm"|"md"|"lg"} [size] - Height and padding. Default `"md"`.
+ * @property {string} [label] - Button text; used when `iconOnly` is false.
+ * @property {import("../../../types").IconType} [icon] - Optional icon name from the icon set.
+ * @property {"left"|"right"} [iconPosition] - Icon position relative to the label. Default `"right"`.
+ * @property {boolean} [iconOnly] - Icon without visible text.
+ * @property {number} [iconStrokeWidth] - SVG stroke width for the icon. Default `1.5`.
+ * @property {boolean} [isLoading] - Shows a spinner and disables the button. Default `false`.
+ * @property {boolean} [fullWidth] - Stretches to 100% width of the container. Default `false`.
+ * @property {string} [tooltip] - If set, wraps the button in a `Tooltip` with this text.
+ * @property {import("../../../types").TooltipPosition} [tooltipPosition] - Tooltip position. Default `"top"`.
+ */
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost" | "danger" | "warning" | "success";
+    size?: "sm" | "md" | "lg";
+    label?: string;
+    iconStrokeWidth?: number;
+    icon?: IconType;
+    iconPosition?: "left" | "right";
+    iconOnly?: boolean;
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    tooltip?: string;
+    tooltipPosition?: TooltipPosition;
+    className?: string;
+}
+/**
+ * Renders button or wrapped in tooltip if `tooltip` prop is provided. accepts forwarded ref to the underlying button element.
+ *
+ * @param {ButtonProps} props
+ * @param {React.Ref<HTMLButtonElement>} ref
+ * @returns {React.ReactElement}
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};