@qualcomm-ui/qds-core 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/animations/qds-animations.css +1 -1
  2. package/dist/components.min.css +2 -2
  3. package/dist/input/qds-input.css +1 -1
  4. package/dist/number-input/qds-number-input.css +1 -1
  5. package/dist/table/index.cjs +1 -1
  6. package/dist/table/index.cjs.map +2 -2
  7. package/dist/table/index.js +1 -1
  8. package/dist/table/index.js.map +2 -2
  9. package/dist/table/table.api.d.ts.map +1 -1
  10. package/dist/table/table.types.d.ts +1 -0
  11. package/dist/table/table.types.d.ts.map +1 -1
  12. package/dist/tsbuildinfo +1 -1
  13. package/package.json +2 -2
package/dist/animations/qds-animations.css CHANGED
@@ -1 +1 @@
1
- :root{--animation-duration-slowest:500ms;--animation-duration-fastest:50ms;--animation-duration-slower:400ms;--animation-duration-moderate:200ms;--animation-duration-slow:300ms;--animation-duration-fast:150ms;--animation-duration-faster:130ms}.qui-preload *{--animation-duration-slowest:0ms!important;--animation-duration-fastest:0ms!important;--animation-duration-slower:0ms!important;--animation-duration-moderate:0ms!important;--animation-duration-slow:0ms!important;--animation-duration-fast:0ms!important;--animation-duration-faster:0ms!important}@keyframes expand-height{0%{height:0}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:0}}@keyframes expand-width{0%{width:0}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-top-full{0%{transform:translate(0,-100%)}to{transform:translate(0,0)}}@keyframes slide-from-bottom-full{0%{transform:translate(0,100%)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes slide-to-top-full{0%{transform:translate(0,0)}to{transform:translate(0,-100%)}}@keyframes slide-to-bottom-full{0%{transform:translate(0,0)}to{transform:translate(0,100%)}}@keyframes slide-from-top{0%{transform:translate(0,-0.2rem)}to{transform:translate(0)}}@keyframes slide-from-bottom{0%{transform:translate(0,0.2rem)}to{transform:translate(0)}}@keyframes slide-from-left{0%{transform:translate(-0.2rem,0)}to{transform:translate(0)}}@keyframes slide-from-right{0%{transform:translate(0.2rem,0)}to{transform:translate(0)}}@keyframes slide-to-top{0%{transform:translate(0)}to{transform:translate(0,-0.2rem)}}@keyframes slide-to-bottom{0%{transform:translate(0)}to{transform:translate(0,0.2rem)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-0.2rem,0)}}@keyframes slide-to-right{0%{transform:translate(0)}to{transform:translate(0.2rem,0)}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes scale-in{0%{transform:scale(0.95)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0.95)}}
1
+ :root{--animation-duration-slowest:500ms;--animation-duration-fastest:50ms;--animation-duration-slower:400ms;--animation-duration-moderate:200ms;--animation-duration-slow:300ms;--animation-duration-fast:150ms;--animation-duration-faster:130ms}.qui-preload *{--animation-duration-slowest:0ms!important;--animation-duration-fastest:0ms!important;--animation-duration-slower:0ms!important;--animation-duration-moderate:0ms!important;--animation-duration-slow:0ms!important;--animation-duration-fast:0ms!important;--animation-duration-faster:0ms!important}[data-qui-preload]{transition:none!important}@keyframes expand-height{0%{height:0}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:0}}@keyframes expand-width{0%{width:0}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-top-full{0%{transform:translate(0,-100%)}to{transform:translate(0,0)}}@keyframes slide-from-bottom-full{0%{transform:translate(0,100%)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes slide-to-top-full{0%{transform:translate(0,0)}to{transform:translate(0,-100%)}}@keyframes slide-to-bottom-full{0%{transform:translate(0,0)}to{transform:translate(0,100%)}}@keyframes slide-from-top{0%{transform:translate(0,-0.2rem)}to{transform:translate(0)}}@keyframes slide-from-bottom{0%{transform:translate(0,0.2rem)}to{transform:translate(0)}}@keyframes slide-from-left{0%{transform:translate(-0.2rem,0)}to{transform:translate(0)}}@keyframes slide-from-right{0%{transform:translate(0.2rem,0)}to{transform:translate(0)}}@keyframes slide-to-top{0%{transform:translate(0)}to{transform:translate(0,-0.2rem)}}@keyframes slide-to-bottom{0%{transform:translate(0)}to{transform:translate(0,0.2rem)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-0.2rem,0)}}@keyframes slide-to-right{0%{transform:translate(0)}to{transform:translate(0.2rem,0)}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes scale-in{0%{transform:scale(0.95)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0.95)}}
package/dist/components.min.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --color-interactive-background-danger-hover
11
11
  );--slider-thumb-color-active:var(
12
12
  --color-interactive-background-danger-pressed
13
- )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background);--slider-track-color:var(--color-utility-disabled-background);--slider-range-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-track-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:6px}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--row-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control:not([data-disabled]){cursor:pointer}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__control:has(.qui-slider__thumb[data-dragging]) .qui-slider__thumb:not([data-dragging]){background-color:var(--slider-thumb-color);scale:1}.qui-slider__thumb:not([data-disabled]):is(:hover,:active){scale:1.15}.qui-slider__thumb:not([data-disabled]):hover{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:not([data-disabled]):active{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb[data-dragging],.qui-slider__thumb[data-focus]{z-index:1}.qui-slider__thumb{aspect-ratio:1;background-color:var(--slider-thumb-color);border-radius:9999px;outline:2px solid var(--color-border-neutral-00);transition:scale 130ms ease-in-out,background-color 130ms ease-in-out;width:var(--slider-thumb-size)}.qui-slider__thumb:focus-visible{box-shadow:0 0 0 4px var(--color-utility-focus-border)}.qui-slider__thumb:after{border-radius:9999px;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--slider-track-color);border-radius:9999px;overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--row-gap);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:6px;grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);box-sizing:border-box;display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative;text-decoration:inherit}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}:root{--z-index-dropdown:1000;--z-index-banner:1200;--z-index-overlay:1300;--z-index-dialog:1400;--z-index-popover:1500;--z-index-toast:1700;--z-index-tooltip:1800}.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;margin:0;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control:focus-within,.qui-select__control[data-state=open]{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-select__control:disabled,.qui-select__control[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;pointer-events:none}.qui-select__control:disabled .qui-select__trigger-icon,.qui-select__control[data-disabled] .qui-select__trigger-icon{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator{background-color:transparent;border:0 solid;box-sizing:border-box;color:var(--color-icon-neutral-primary);margin:0;opacity:1;padding:0;transition:transform var(--animation-duration-faster) ease}.qui-select__control .qui-select__indicator[data-size]{--icon-size:16px}.qui-select__control .qui-select__indicator[data-size=lg]{--icon-size:20px}.qui-select__control .qui-select__indicator[data-disabled]{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator[data-state=open]{transform:rotate(180deg)}.qui-select__trigger-icon{color:var(--icon-color)}.qui-select__trigger-icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--select-trigger-gap))}.qui-select__positioner{max-height:min(var(--available-height),320px);overflow-x:hidden;overflow-y:auto;width:auto}.qui-select__positioner[data-size=md]{max-height:min(var(--available-height),320px)}.qui-select__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:min(var(--available-height),320px);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-40) 0;position:relative;width:100%;z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-select__content[data-virtual][data-empty]{padding:0 0}.qui-select__content[data-virtual][data-size=sm]{min-height:34px}.qui-select__content[data-virtual]{max-height:unset;min-height:42px;min-width:var(--reference-width);overflow:hidden}.qui-select__content[data-focus-visible]:not([data-disabled]) .qui-select__item[data-highlighted]{border-color:var(--color-utility-focus-border)}.qui-select__hidden-select{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}.qui-select__item{align-items:center;background-color:transparent;border:solid 2px transparent;box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:8px;justify-content:space-between;min-height:40px;outline:none;padding:0 var(--select-padding-x);width:100%;--select-padding-x:var(--spacing-100)}.qui-select__item[data-size=sm]{font:var(--font-static-body-xs-default);min-height:32px;--select-padding-x:var(--spacing-90)}.qui-select__item:hover{background:var(--color-interactive-background-ghost-hover)}.qui-select__item:active{background:var(--color-interactive-background-ghost-pressed)}.qui-select__item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border)}.qui-select__item[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__item[role=presentation]{background:var(--color-interactive-background-ghost-idle);cursor:initial}.qui-select__item:not([data-disabled]) .qui-select__item-text mark{background:var(--color-background-neutral-10);color:var(--color-text-neutral-inverse)}.qui-select__item[data-virtual]{left:0;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(var(--virtual-item-start));white-space:nowrap;width:calc(100% - var(--scrollbar-width, 0px))}.qui-select__item-text{flex:1;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.qui-select__value-text{color:var(--color-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.qui-select__value-text[data-disabled]{color:var(--color-utility-disabled-text)}.qui-select__value-text[data-multiple]{-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;padding:4px 0;row-gap:var(--spacing-40)}.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}[data-size=sm] .qui-segmented-control__item{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}[data-size=sm] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-90)}[data-size=sm] .qui-segmented-control__item{--divider-height:var(--sizing-60)}[data-size=sm] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-60)}[data-size=md] .qui-segmented-control__item{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}[data-size=md] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-100)}[data-size=md] .qui-segmented-control__item{--divider-height:var(--sizing-70)}[data-size=md] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-70)}[data-size=lg] .qui-segmented-control__item{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}[data-size=lg] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-110)}[data-size=lg] .qui-segmented-control__item{--divider-height:var(--sizing-80)}[data-size=lg] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-80)}[data-orientation=horizontal] .qui-segmented-control__item:first-of-type{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=horizontal] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{background-color:var(--bg-hover);color:var(--text-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{background-color:var(--bg-active);color:var(--text-active)}.qui-segmented-control__item[data-state=checked]{background-color:var(--bg-checked);color:var(--text-checked)}.qui-segmented-control__item[data-disabled]{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{box-shadow:0px 0 0 2px var(--color-utility-focus-border);outline:none}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{background-color:var(--color-border-neutral-01);content:"";position:absolute;transition:background-color var(--animation-duration-faster) ease}[data-orientation=horizontal] .qui-segmented-control__item:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}[data-orientation=vertical] .qui-segmented-control__item:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}.qui-radio-group__root{border:0 solid;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:var(--spacing-70);margin:0;padding:0}.qui-radio-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-radio-group__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-radio__control[data-state=checked] .qui-radio__dot{display:block}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));display:block;height:var(--size);transform:rotate(-90deg);vertical-align:middle;width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--color-background-neutral-04);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-progress__bar{background:var(--progress-color);border-radius:var(--border-radius-rounded);height:var(--progress-height);max-height:var(--progress-height);transition:width 200ms ease}.qui-progress__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]:before{animation:qui-progress__indeterminate-animation-1 2.2s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}.qui-progress__bar[data-state=indeterminate]:after{animation:qui-progress__indeterminate-animation-2 2.2s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}@keyframes qui-progress__indeterminate-animation-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes qui-progress__indeterminate-animation-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.qui-popover__content{--arrow-background:var(--color-surface-overlay);--arrow-size:10px;background:var(--color-surface-overlay);border-radius:4px;box-shadow:var(--shadow-high);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);width:260px;z-index:calc(var(--z-index-popover) + var(--layer-index))}.qui-popover__label{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__arrow{--arrow-background:var(--color-surface-overlay);--arrow-shadow-color:#ebebeb}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}.qui-pagination__root{align-items:center;display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.qui-pagination__page-metadata{align-items:center;color:var(--color-text-neutral-primary);display:inline-flex;font:var(--font-static-body-sm-default)}.qui-pagination__page-metadata[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-item{--pagination-size:var(--sizing-140);align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-sm-bold);height:var(--pagination-size);justify-content:center;line-height:normal;min-height:var(--pagination-size);min-width:var(--pagination-size);outline:none}.qui-pagination__page-item:hover{background-color:var(--color-interactive-background-ghost-hover)}.qui-pagination__page-item:hover[data-type=separator]{background-color:transparent;cursor:initial}.qui-pagination__page-item[data-size=sm]{font:var(--font-static-body-xs-bold);--pagination-size:var(--sizing-120)}.qui-pagination__page-item[data-active]{border-color:var(--color-interactive-border-neutral-idle)}.qui-pagination__page-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-pagination__page-item[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);cursor:initial}.qui-pagination__page-size-label{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-pagination__page-size-label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-size{align-items:center;display:inline-flex;gap:var(--spacing-70)}.qui-pagination__page-size[data-size=sm]{gap:var(--spacing-50)}.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}.qui-link__root{align-items:center;background:transparent;border:solid 1px transparent;box-sizing:border-box;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);margin:0;outline:none;padding:0;text-decoration:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}.qds-kbd{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-10,1px);padding:0}.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::-moz-placeholder,.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::placeholder,.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-block;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40);box-sizing:border-box}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}.qui-inline-icon-button__root{--button-size:var(--sizing-90);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}.qui-inline-icon-button__root[hidden]{display:none}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
13
+ )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background);--slider-track-color:var(--color-utility-disabled-background);--slider-range-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-track-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:6px}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--row-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control:not([data-disabled]){cursor:pointer}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__control:has(.qui-slider__thumb[data-dragging]) .qui-slider__thumb:not([data-dragging]){background-color:var(--slider-thumb-color);scale:1}.qui-slider__thumb:not([data-disabled]):is(:hover,:active){scale:1.15}.qui-slider__thumb:not([data-disabled]):hover{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:not([data-disabled]):active{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb[data-dragging],.qui-slider__thumb[data-focus]{z-index:1}.qui-slider__thumb{aspect-ratio:1;background-color:var(--slider-thumb-color);border-radius:9999px;outline:2px solid var(--color-border-neutral-00);transition:scale 130ms ease-in-out,background-color 130ms ease-in-out;width:var(--slider-thumb-size)}.qui-slider__thumb:focus-visible{box-shadow:0 0 0 4px var(--color-utility-focus-border)}.qui-slider__thumb:after{border-radius:9999px;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--slider-track-color);border-radius:9999px;overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--row-gap);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:6px;grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);box-sizing:border-box;display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative;text-decoration:inherit}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}:root{--z-index-dropdown:1000;--z-index-banner:1200;--z-index-overlay:1300;--z-index-dialog:1400;--z-index-popover:1500;--z-index-toast:1700;--z-index-tooltip:1800}.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;margin:0;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control:focus-within,.qui-select__control[data-state=open]{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-select__control:disabled,.qui-select__control[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;pointer-events:none}.qui-select__control:disabled .qui-select__trigger-icon,.qui-select__control[data-disabled] .qui-select__trigger-icon{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator{background-color:transparent;border:0 solid;box-sizing:border-box;color:var(--color-icon-neutral-primary);margin:0;opacity:1;padding:0;transition:transform var(--animation-duration-faster) ease}.qui-select__control .qui-select__indicator[data-size]{--icon-size:16px}.qui-select__control .qui-select__indicator[data-size=lg]{--icon-size:20px}.qui-select__control .qui-select__indicator[data-disabled]{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator[data-state=open]{transform:rotate(180deg)}.qui-select__trigger-icon{color:var(--icon-color)}.qui-select__trigger-icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--select-trigger-gap))}.qui-select__positioner{max-height:min(var(--available-height),320px);overflow-x:hidden;overflow-y:auto;width:auto}.qui-select__positioner[data-size=md]{max-height:min(var(--available-height),320px)}.qui-select__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:min(var(--available-height),320px);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-40) 0;position:relative;width:100%;z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-select__content[data-virtual][data-empty]{padding:0 0}.qui-select__content[data-virtual][data-size=sm]{min-height:34px}.qui-select__content[data-virtual]{max-height:unset;min-height:42px;min-width:var(--reference-width);overflow:hidden}.qui-select__content[data-focus-visible]:not([data-disabled]) .qui-select__item[data-highlighted]{border-color:var(--color-utility-focus-border)}.qui-select__hidden-select{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}.qui-select__item{align-items:center;background-color:transparent;border:solid 2px transparent;box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:8px;justify-content:space-between;min-height:40px;outline:none;padding:0 var(--select-padding-x);width:100%;--select-padding-x:var(--spacing-100)}.qui-select__item[data-size=sm]{font:var(--font-static-body-xs-default);min-height:32px;--select-padding-x:var(--spacing-90)}.qui-select__item:hover{background:var(--color-interactive-background-ghost-hover)}.qui-select__item:active{background:var(--color-interactive-background-ghost-pressed)}.qui-select__item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border)}.qui-select__item[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__item[role=presentation]{background:var(--color-interactive-background-ghost-idle);cursor:initial}.qui-select__item:not([data-disabled]) .qui-select__item-text mark{background:var(--color-background-neutral-10);color:var(--color-text-neutral-inverse)}.qui-select__item[data-virtual]{left:0;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(var(--virtual-item-start));white-space:nowrap;width:calc(100% - var(--scrollbar-width, 0px))}.qui-select__item-text{flex:1;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.qui-select__value-text{color:var(--color-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.qui-select__value-text[data-disabled]{color:var(--color-utility-disabled-text)}.qui-select__value-text[data-multiple]{-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;padding:4px 0;row-gap:var(--spacing-40)}.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}[data-size=sm] .qui-segmented-control__item{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}[data-size=sm] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-90)}[data-size=sm] .qui-segmented-control__item{--divider-height:var(--sizing-60)}[data-size=sm] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-60)}[data-size=md] .qui-segmented-control__item{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}[data-size=md] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-100)}[data-size=md] .qui-segmented-control__item{--divider-height:var(--sizing-70)}[data-size=md] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-70)}[data-size=lg] .qui-segmented-control__item{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}[data-size=lg] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-110)}[data-size=lg] .qui-segmented-control__item{--divider-height:var(--sizing-80)}[data-size=lg] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-80)}[data-orientation=horizontal] .qui-segmented-control__item:first-of-type{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=horizontal] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{background-color:var(--bg-hover);color:var(--text-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{background-color:var(--bg-active);color:var(--text-active)}.qui-segmented-control__item[data-state=checked]{background-color:var(--bg-checked);color:var(--text-checked)}.qui-segmented-control__item[data-disabled]{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{box-shadow:0px 0 0 2px var(--color-utility-focus-border);outline:none}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{background-color:var(--color-border-neutral-01);content:"";position:absolute;transition:background-color var(--animation-duration-faster) ease}[data-orientation=horizontal] .qui-segmented-control__item:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}[data-orientation=vertical] .qui-segmented-control__item:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}.qui-radio-group__root{border:0 solid;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:var(--spacing-70);margin:0;padding:0}.qui-radio-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-radio-group__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-radio__control[data-state=checked] .qui-radio__dot{display:block}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));display:block;height:var(--size);transform:rotate(-90deg);vertical-align:middle;width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--color-background-neutral-04);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-progress__bar{background:var(--progress-color);border-radius:var(--border-radius-rounded);height:var(--progress-height);max-height:var(--progress-height);transition:width 200ms ease}.qui-progress__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]:before{animation:qui-progress__indeterminate-animation-1 2.2s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}.qui-progress__bar[data-state=indeterminate]:after{animation:qui-progress__indeterminate-animation-2 2.2s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}@keyframes qui-progress__indeterminate-animation-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes qui-progress__indeterminate-animation-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.qui-popover__content{--arrow-background:var(--color-surface-overlay);--arrow-size:10px;background:var(--color-surface-overlay);border-radius:4px;box-shadow:var(--shadow-high);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);width:260px;z-index:calc(var(--z-index-popover) + var(--layer-index))}.qui-popover__label{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__arrow{--arrow-background:var(--color-surface-overlay);--arrow-shadow-color:#ebebeb}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}.qui-pagination__root{align-items:center;display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.qui-pagination__page-metadata{align-items:center;color:var(--color-text-neutral-primary);display:inline-flex;font:var(--font-static-body-sm-default)}.qui-pagination__page-metadata[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-item{--pagination-size:var(--sizing-140);align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-sm-bold);height:var(--pagination-size);justify-content:center;line-height:normal;min-height:var(--pagination-size);min-width:var(--pagination-size);outline:none}.qui-pagination__page-item:hover{background-color:var(--color-interactive-background-ghost-hover)}.qui-pagination__page-item:hover[data-type=separator]{background-color:transparent;cursor:initial}.qui-pagination__page-item[data-size=sm]{font:var(--font-static-body-xs-bold);--pagination-size:var(--sizing-120)}.qui-pagination__page-item[data-active]{border-color:var(--color-interactive-border-neutral-idle)}.qui-pagination__page-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-pagination__page-item[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);cursor:initial}.qui-pagination__page-size-label{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-pagination__page-size-label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-size{align-items:center;display:inline-flex;gap:var(--spacing-70)}.qui-pagination__page-size[data-size=sm]{gap:var(--spacing-50)}.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}.qui-link__root{align-items:center;background:transparent;border:solid 1px transparent;box-sizing:border-box;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);margin:0;outline:none;padding:0;text-decoration:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}.qds-kbd{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-10,1px);padding:0}.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40);box-sizing:border-box}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}.qui-inline-icon-button__root{--button-size:var(--sizing-90);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}.qui-inline-icon-button__root[hidden]{display:none}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
14
14
  --color-interactive-background-persistent-black-ghost-hover
15
15
  )}.qui-inline-icon-button__root[data-emphasis=persistent-black]:active{background:var(
16
16
  --color-interactive-background-persistent-black-ghost-pressed
@@ -42,4 +42,4 @@
42
42
  --color-interactive-background-persistent-black-fill-hover
43
43
  );--button-bg-pressed:var(
44
44
  --color-interactive-background-persistent-black-fill-pressed
45
- )}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}.qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start;margin:0;padding:0}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;background-color:transparent;border:0 solid;border-radius:var(--border-radius-sm);box-sizing:border-box;display:inline-flex;gap:var(--spacing-40);margin:0;opacity:1;padding:0;text-decoration:none}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-variant=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-variant=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-variant=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__content[hidden]{display:none}.qui-avatar__status{border:var(--avatar-status-border-size,1px) solid var(--color-border-neutral-00);border-radius:50%;bottom:0;box-sizing:border-box;height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}:is([data-size=lg],[data-size=xl]) .qui-avatar__status{--avatar-status-border-size:2px}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}:root{--animation-duration-slowest:500ms;--animation-duration-fastest:50ms;--animation-duration-slower:400ms;--animation-duration-moderate:200ms;--animation-duration-slow:300ms;--animation-duration-fast:150ms;--animation-duration-faster:130ms}.qui-preload *{--animation-duration-slowest:0ms!important;--animation-duration-fastest:0ms!important;--animation-duration-slower:0ms!important;--animation-duration-moderate:0ms!important;--animation-duration-slow:0ms!important;--animation-duration-fast:0ms!important;--animation-duration-faster:0ms!important}@keyframes expand-height{0%{height:0}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:0}}@keyframes expand-width{0%{width:0}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-top-full{0%{transform:translate(0,-100%)}to{transform:translate(0,0)}}@keyframes slide-from-bottom-full{0%{transform:translate(0,100%)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes slide-to-top-full{0%{transform:translate(0,0)}to{transform:translate(0,-100%)}}@keyframes slide-to-bottom-full{0%{transform:translate(0,0)}to{transform:translate(0,100%)}}@keyframes slide-from-top{0%{transform:translate(0,-0.2rem)}to{transform:translate(0)}}@keyframes slide-from-bottom{0%{transform:translate(0,0.2rem)}to{transform:translate(0)}}@keyframes slide-from-left{0%{transform:translate(-0.2rem,0)}to{transform:translate(0)}}@keyframes slide-from-right{0%{transform:translate(0.2rem,0)}to{transform:translate(0)}}@keyframes slide-to-top{0%{transform:translate(0)}to{transform:translate(0,-0.2rem)}}@keyframes slide-to-bottom{0%{transform:translate(0)}to{transform:translate(0,0.2rem)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-0.2rem,0)}}@keyframes slide-to-right{0%{transform:translate(0)}to{transform:translate(0.2rem,0)}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes scale-in{0%{transform:scale(0.95)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0.95)}}.qui-action-group__root{display:inline-flex;flex-wrap:wrap;gap:4px}.qui-accordion__root{--accordion-trigger-padding-inline:16px;--accordion-content-padding-inline-start:16px;--accordion-content-padding-inline-end:48px;--accordion-content-padding-block-start:8px;--accordion-content-padding-block-end:24px;--accordion-content-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=sm]{--accordion-trigger-padding-block:7px;--accordion-trigger-font:var(--font-static-body-xs-bold);--accordion-trigger-gap:var(--spacing-80);--accordion-trigger-secondary-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=md]{--accordion-trigger-padding-block:10px;--accordion-trigger-font:var(--font-static-body-sm-bold);--accordion-trigger-gap:var(--spacing-90);--accordion-trigger-secondary-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=lg]{--accordion-trigger-padding-block:12px;--accordion-trigger-font:var(--font-static-body-md-bold);--accordion-trigger-gap:var(--spacing-100);--accordion-trigger-secondary-font:var(--font-static-body-sm-default)}.qui-accordion__root[data-uncontained]{--accordion-content-padding-inline-start:0;--accordion-content-padding-inline-end:0}.qui-accordion__item:not(:first-child){border-top:solid 1px var(--color-border-neutral-01)}.qui-accordion__root:not([data-uncontained]) .qui-accordion__item:has(.qui-accordion__item-trigger>[data-part=indicator]+[data-part=title]){--accordion-content-padding-inline-start:48px;--accordion-content-padding-inline-end:16px}[data-uncontained] .qui-accordion__item:has(.qui-accordion__item-trigger>[data-part=indicator]+[data-part=title]){--accordion-content-padding-inline-start:32px}.qui-accordion__icon:has(+.qui-accordion__item-trigger-indicator){display:none}.qui-accordion__item-trigger{align-items:center;background-color:var(--color-interactive-background-ghost-idle);border:0 solid;box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);-moz-column-gap:var(--accordion-trigger-gap);column-gap:var(--accordion-trigger-gap);cursor:pointer;display:flex;font:var(--accordion-trigger-font);justify-items:start;margin:0;padding-block:var(--accordion-trigger-padding-block);padding-inline:var(--accordion-trigger-padding-inline);position:relative;text-align:start;width:100%;z-index:1}.qui-accordion__root[data-uncontained] .qui-accordion__item-trigger{padding-inline:0}.qui-accordion__item-trigger[data-disabled]{color:var(--color-utility-disabled-text);cursor:not-allowed}.qui-accordion__item-trigger:not([data-disabled]):hover{background-color:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-accordion__item-trigger:not([data-disabled]):active{background-color:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-accordion__item-trigger:not([data-disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--color-utility-focus-border),0 0 0 1px var(--color-utility-focus-border);outline:none}.qui-accordion__item-text{flex:1}.qui-accordion__item-trigger-secondary{color:var(--color-text-neutral-secondary);font:var(--accordion-trigger-secondary-font)}.qui-accordion__item-trigger-secondary[data-disabled]{color:var(--color-utility-disabled-text)}.qui-accordion__item-trigger-indicator{grid-column:indicator;transform:rotate(0deg);transition:transform var(--animation-duration-fast) ease-in-out}.qui-accordion__item-trigger-indicator[data-state=open]{transform:rotate(180deg)}.qui-accordion__item-content-animator{color:var(--color-text-neutral-primary);font:var(--accordion-content-font)}.qui-accordion__item-content-body{padding-block:var(--accordion-content-padding-block-start) var(--accordion-content-padding-block-end);padding-inline:var(--accordion-content-padding-inline-start) var(--accordion-content-padding-inline-end)}
45
+ )}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}.qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start;margin:0;padding:0}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;background-color:transparent;border:0 solid;border-radius:var(--border-radius-sm);box-sizing:border-box;display:inline-flex;gap:var(--spacing-40);margin:0;opacity:1;padding:0;text-decoration:none}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-variant=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-variant=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-variant=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__content[hidden]{display:none}.qui-avatar__status{border:var(--avatar-status-border-size,1px) solid var(--color-border-neutral-00);border-radius:50%;bottom:0;box-sizing:border-box;height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}:is([data-size=lg],[data-size=xl]) .qui-avatar__status{--avatar-status-border-size:2px}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}:root{--animation-duration-slowest:500ms;--animation-duration-fastest:50ms;--animation-duration-slower:400ms;--animation-duration-moderate:200ms;--animation-duration-slow:300ms;--animation-duration-fast:150ms;--animation-duration-faster:130ms}.qui-preload *{--animation-duration-slowest:0ms!important;--animation-duration-fastest:0ms!important;--animation-duration-slower:0ms!important;--animation-duration-moderate:0ms!important;--animation-duration-slow:0ms!important;--animation-duration-fast:0ms!important;--animation-duration-faster:0ms!important}[data-qui-preload]{transition:none!important}@keyframes expand-height{0%{height:0}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:0}}@keyframes expand-width{0%{width:0}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-top-full{0%{transform:translate(0,-100%)}to{transform:translate(0,0)}}@keyframes slide-from-bottom-full{0%{transform:translate(0,100%)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes slide-to-top-full{0%{transform:translate(0,0)}to{transform:translate(0,-100%)}}@keyframes slide-to-bottom-full{0%{transform:translate(0,0)}to{transform:translate(0,100%)}}@keyframes slide-from-top{0%{transform:translate(0,-0.2rem)}to{transform:translate(0)}}@keyframes slide-from-bottom{0%{transform:translate(0,0.2rem)}to{transform:translate(0)}}@keyframes slide-from-left{0%{transform:translate(-0.2rem,0)}to{transform:translate(0)}}@keyframes slide-from-right{0%{transform:translate(0.2rem,0)}to{transform:translate(0)}}@keyframes slide-to-top{0%{transform:translate(0)}to{transform:translate(0,-0.2rem)}}@keyframes slide-to-bottom{0%{transform:translate(0)}to{transform:translate(0,0.2rem)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-0.2rem,0)}}@keyframes slide-to-right{0%{transform:translate(0)}to{transform:translate(0.2rem,0)}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes scale-in{0%{transform:scale(0.95)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0.95)}}.qui-action-group__root{display:inline-flex;flex-wrap:wrap;gap:4px}.qui-accordion__root{--accordion-trigger-padding-inline:16px;--accordion-content-padding-inline-start:16px;--accordion-content-padding-inline-end:48px;--accordion-content-padding-block-start:8px;--accordion-content-padding-block-end:24px;--accordion-content-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=sm]{--accordion-trigger-padding-block:7px;--accordion-trigger-font:var(--font-static-body-xs-bold);--accordion-trigger-gap:var(--spacing-80);--accordion-trigger-secondary-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=md]{--accordion-trigger-padding-block:10px;--accordion-trigger-font:var(--font-static-body-sm-bold);--accordion-trigger-gap:var(--spacing-90);--accordion-trigger-secondary-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=lg]{--accordion-trigger-padding-block:12px;--accordion-trigger-font:var(--font-static-body-md-bold);--accordion-trigger-gap:var(--spacing-100);--accordion-trigger-secondary-font:var(--font-static-body-sm-default)}.qui-accordion__root[data-uncontained]{--accordion-content-padding-inline-start:0;--accordion-content-padding-inline-end:0}.qui-accordion__item:not(:first-child){border-top:solid 1px var(--color-border-neutral-01)}.qui-accordion__root:not([data-uncontained]) .qui-accordion__item:has(.qui-accordion__item-trigger>[data-part=indicator]+[data-part=title]){--accordion-content-padding-inline-start:48px;--accordion-content-padding-inline-end:16px}[data-uncontained] .qui-accordion__item:has(.qui-accordion__item-trigger>[data-part=indicator]+[data-part=title]){--accordion-content-padding-inline-start:32px}.qui-accordion__icon:has(+.qui-accordion__item-trigger-indicator){display:none}.qui-accordion__item-trigger{align-items:center;background-color:var(--color-interactive-background-ghost-idle);border:0 solid;box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);-moz-column-gap:var(--accordion-trigger-gap);column-gap:var(--accordion-trigger-gap);cursor:pointer;display:flex;font:var(--accordion-trigger-font);justify-items:start;margin:0;padding-block:var(--accordion-trigger-padding-block);padding-inline:var(--accordion-trigger-padding-inline);position:relative;text-align:start;width:100%;z-index:1}.qui-accordion__root[data-uncontained] .qui-accordion__item-trigger{padding-inline:0}.qui-accordion__item-trigger[data-disabled]{color:var(--color-utility-disabled-text);cursor:not-allowed}.qui-accordion__item-trigger:not([data-disabled]):hover{background-color:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-accordion__item-trigger:not([data-disabled]):active{background-color:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-accordion__item-trigger:not([data-disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--color-utility-focus-border),0 0 0 1px var(--color-utility-focus-border);outline:none}.qui-accordion__item-text{flex:1}.qui-accordion__item-trigger-secondary{color:var(--color-text-neutral-secondary);font:var(--accordion-trigger-secondary-font)}.qui-accordion__item-trigger-secondary[data-disabled]{color:var(--color-utility-disabled-text)}.qui-accordion__item-trigger-indicator{grid-column:indicator;transform:rotate(0deg);transition:transform var(--animation-duration-fast) ease-in-out}.qui-accordion__item-trigger-indicator[data-state=open]{transform:rotate(180deg)}.qui-accordion__item-content-animator{color:var(--color-text-neutral-primary);font:var(--accordion-content-font)}.qui-accordion__item-content-body{padding-block:var(--accordion-content-padding-block-start) var(--accordion-content-padding-block-end);padding-inline:var(--accordion-content-padding-inline-start) var(--accordion-content-padding-inline-end)}
package/dist/input/qds-input.css CHANGED
@@ -1 +1 @@
1
- .qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::-moz-placeholder,.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::placeholder,.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-block;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}
1
+ .qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}
package/dist/number-input/qds-number-input.css CHANGED
@@ -1 +1 @@
1
- .qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}
1
+ .qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}
package/dist/table/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var c=(n,e)=>{for(var i in e)o(n,i,{get:e[i],enumerable:!0})},u=(n,e,i,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of s(e))!g.call(n,d)&&d!==i&&o(n,d,{get:()=>e[d],enumerable:!(t=r(e,d))||t.enumerable});return n};var b=n=>u(o({},"__esModule",{value:!0}),n);var B={};c(B,{createQdsTableApi:()=>m,tableClasses:()=>a});module.exports=b(B);var l=require("@qualcomm-ui/utils/attributes");var a={actionBar:"qui-table__action-bar",body:"qui-table__body",cell:"qui-table__cell",cellAction:"qui-table__cell-action",columnDropIndicator:"qui-table__column-drop-indicator",columnFilterAction:"qui-table__column-filter-action",columnHeaderAction:"qui-table__column-header-action",columnResizer:"qui-table__column-resizer",columnResizerOverlay:"qui-table__column-resizer-overlay",columnSortAction:"qui-table__column-sort-action",dragHandle:"qui-table__drag-handle",dragPreview:"qui-table__drag-preview",footer:"qui-table__footer",header:"qui-table__header",headerCell:"qui-table__header-cell",pagination:"qui-table__pagination",root:"qui-table__root",row:"qui-table__row",rowDropIndicator:"qui-table__row-drop-indicator",rowExpandButton:"qui-table__row-expand-button",rowSelectionIndicator:"qui-table__row-selection-indicator",scrollContainer:"qui-table__scroll-container",table:"qui-table__table",titleBar:"qui-table__title-bar"};function m(n){return{getActionBarBindings(){return n.element({className:a.actionBar})},getBodyBindings(){return n.element({className:a.body})},getCellActionBindings(){return n.element({className:a.cellAction})},getCellBindings(e){return n.element({className:a.cell,"data-aggregated":(0,l.booleanDataAttr)(e.cell?.getIsAggregated?.()),"data-grouped":(0,l.booleanDataAttr)(e.cell?.getIsGrouped?.())})},getColumnDragPreviewBindings(){return n.element({className:a.dragPreview})},getColumnDropIndicatorBindings(e){let i=e.columnIndex??-1,t=e.sourceColumnIndex??-1;return n.element({className:a.columnDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&t>-1&&i>t?"right":"left","data-is-over-source":(0,l.booleanDataAttr)(t===i)})},getColumnFilterActionBindings(e){return n.button({className:a.columnFilterAction,"data-filter-active":(0,l.booleanDataAttr)(e.header.column.getIsFiltered())})},getColumnHeaderActionBindings(){return n.button({className:a.columnHeaderAction})},getColumnResizerBindings(e){let i=e.header,t=i.column.getIsResizing();return n.button({className:a.columnResizer,"data-resizing":(0,l.booleanDataAttr)(t),onDoubleClick:()=>i.column.resetSize(),onMouseDown:d=>i.getResizeHandler()(d),onTouchStart:d=>i.getResizeHandler()(d)})},getColumnSortActionBindings(e){let i=e.header.column.getIsSorted(),t=e.header.column.getNextSortingOrder();return n.element({"aria-label":t==="asc"?"Sort ascending":t==="desc"?"Sort descending":"Remove sort",className:a.columnSortAction,"data-sort-direction":i||void 0,onClick:d=>{if(!d.defaultPrevented)return e.header.column.getToggleSortingHandler()?.(d)}})},getDragHandleBindings(){return n.element({className:a.dragHandle})},getFooterBindings(){return n.element({className:a.footer})},getHeaderBindings(){return n.element({className:a.header})},getHeaderCellBindings(e){return n.element({className:a.headerCell,"data-dragging":(0,l.booleanDataAttr)(e.isDragging),"data-dragging-over":(0,l.booleanDataAttr)(e.isDraggingOver),"data-resizing":(0,l.booleanDataAttr)(e.isResizing)})},getPaginationBindings(){return n.element({className:a.pagination})},getRootBindings(e){let i=e.size||"md";return n.element({className:a.root,"data-show-column-divider":(0,l.booleanDataAttr)(e.showColumnDivider),"data-size":i})},getRowBindings(e){return n.element({className:a.row,"data-dragging":(0,l.booleanDataAttr)(e.isDragging),"data-dragging-over":(0,l.booleanDataAttr)(e.isDraggingOver),"data-selected":(0,l.booleanDataAttr)(e.isSelected)})},getRowDragPreviewBindings(){return n.element({className:a.dragPreview})},getRowDropIndicatorBindings(e){let i=e.rowIndex??-1,t=e.sourceIndex??-1;return n.element({className:a.rowDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&t>-1&&i>t?"down":"up","data-is-over-source":(0,l.booleanDataAttr)(t===i)})},getRowExpandButtonBindings(e){return n.button({"aria-label":e.row.getIsExpanded()?"Collapse row":"Expand row",className:a.rowExpandButton,"data-expanded":(0,l.booleanDataAttr)(e.row.getIsExpanded()),disabled:!e.row.getCanExpand(),onClick:e.row.getToggleExpandedHandler()})},getScrollContainerBindings(){return n.element({className:a.scrollContainer})},getTableBindings(){return n.element({className:a.table})},getTitleBarBindings(){return n.element({className:a.titleBar})}}}
1
+ "use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var c=(n,e)=>{for(var i in e)o(n,i,{get:e[i],enumerable:!0})},u=(n,e,i,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of s(e))!g.call(n,d)&&d!==i&&o(n,d,{get:()=>e[d],enumerable:!(t=r(e,d))||t.enumerable});return n};var b=n=>u(o({},"__esModule",{value:!0}),n);var B={};c(B,{createQdsTableApi:()=>m,tableClasses:()=>a});module.exports=b(B);var l=require("@qualcomm-ui/utils/attributes");var a={actionBar:"qui-table__action-bar",body:"qui-table__body",cell:"qui-table__cell",cellAction:"qui-table__cell-action",columnDropIndicator:"qui-table__column-drop-indicator",columnFilterAction:"qui-table__column-filter-action",columnHeaderAction:"qui-table__column-header-action",columnResizer:"qui-table__column-resizer",columnResizerOverlay:"qui-table__column-resizer-overlay",columnSortAction:"qui-table__column-sort-action",dragHandle:"qui-table__drag-handle",dragPreview:"qui-table__drag-preview",footer:"qui-table__footer",header:"qui-table__header",headerCell:"qui-table__header-cell",pagination:"qui-table__pagination",root:"qui-table__root",row:"qui-table__row",rowDropIndicator:"qui-table__row-drop-indicator",rowExpandButton:"qui-table__row-expand-button",rowSelectionIndicator:"qui-table__row-selection-indicator",scrollContainer:"qui-table__scroll-container",table:"qui-table__table",titleBar:"qui-table__title-bar"};function m(n){return{getActionBarBindings(){return n.element({className:a.actionBar})},getBodyBindings(){return n.element({className:a.body})},getCellActionBindings(){return n.element({className:a.cellAction})},getCellBindings(e){return n.element({className:a.cell,"data-aggregated":(0,l.booleanDataAttr)(e.cell?.getIsAggregated?.()),"data-grouped":(0,l.booleanDataAttr)(e.cell?.getIsGrouped?.())})},getColumnDragPreviewBindings(){return n.element({className:a.dragPreview})},getColumnDropIndicatorBindings(e){let i=e.columnIndex??-1,t=e.sourceColumnIndex??-1;return n.element({className:a.columnDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&t>-1&&i>t?"right":"left","data-is-over-source":(0,l.booleanDataAttr)(t===i)})},getColumnFilterActionBindings(e){return n.button({className:a.columnFilterAction,"data-filter-active":(0,l.booleanDataAttr)(e.header.column.getIsFiltered())})},getColumnHeaderActionBindings(){return n.button({className:a.columnHeaderAction})},getColumnResizerBindings(e){let i=e.header,t=i.column.getIsResizing();return n.button({className:a.columnResizer,"data-resizing":(0,l.booleanDataAttr)(t),onDoubleClick:()=>i.column.resetSize(),onMouseDown:d=>i.getResizeHandler()(d),onTouchStart:d=>i.getResizeHandler()(d)})},getColumnSortActionBindings(e){let i=e.header.column.getIsSorted(),t=e.header.column.getNextSortingOrder();return n.element({"aria-label":t==="asc"?"Sort ascending":t==="desc"?"Sort descending":"Remove sort",className:a.columnSortAction,"data-sort-direction":i||void 0,onClick:d=>{if(!d.defaultPrevented)return e.header.column.getToggleSortingHandler()?.(d)}})},getDragHandleBindings(){return n.element({className:a.dragHandle})},getFooterBindings(){return n.element({className:a.footer})},getHeaderBindings(){return n.element({className:a.header})},getHeaderCellBindings(e){return n.element({className:a.headerCell,"data-dragging":(0,l.booleanDataAttr)(e.isDragging),"data-dragging-over":(0,l.booleanDataAttr)(e.isDraggingOver),"data-resizing":(0,l.booleanDataAttr)(e.isResizing)})},getPaginationBindings(){return n.element({className:a.pagination})},getRootBindings(e){let i=e.size||"md";return n.element({className:a.root,"data-show-column-divider":(0,l.booleanDataAttr)(e.showColumnDivider),"data-size":i})},getRowBindings(e){return n.element({className:a.row,"data-dragging":(0,l.booleanDataAttr)(e.isDragging),"data-dragging-over":(0,l.booleanDataAttr)(e.isDraggingOver),"data-selected":(0,l.booleanDataAttr)(e.isSelected)})},getRowDragPreviewBindings(){return n.element({className:a.dragPreview})},getRowDropIndicatorBindings(e){let i=e.rowIndex??-1,t=e.sourceIndex??-1;return n.element({className:a.rowDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&t>-1&&i>t?"down":"up","data-is-over-source":(0,l.booleanDataAttr)(t===i)})},getRowExpandButtonBindings(e){return n.button({"aria-label":e.isExpanded??e.row.getIsExpanded()?"Collapse row":"Expand row",className:a.rowExpandButton,"data-expanded":(0,l.booleanDataAttr)(e.row.getIsExpanded()),disabled:!e.row.getCanExpand(),onClick:e.row.getToggleExpandedHandler()})},getScrollContainerBindings(){return n.element({className:a.scrollContainer})},getTableBindings(){return n.element({className:a.table})},getTitleBarBindings(){return n.element({className:a.titleBar})}}}
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/table/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/table/index.ts", "../../src/table/table.api.ts", "../../src/table/table.classes.ts"],
4
- "sourcesContent": ["export * from \"./table.api\"\nexport * from \"./table.classes\"\nexport type * from \"./table.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tableClasses} from \"./table.classes\"\nimport type {\n QdsTableActionBarBindings,\n QdsTableApi,\n QdsTableApiProps,\n QdsTableBodyBindings,\n QdsTableCellActionBindings,\n QdsTableCellBindings,\n QdsTableCellProps,\n QdsTableColumnDragPreviewBindings,\n QdsTableColumnDropIndicatorBindings,\n QdsTableColumnDropIndicatorProps,\n QdsTableColumnFilterActionBindings,\n QdsTableColumnFilterProps,\n QdsTableColumnHeaderActionBindings,\n QdsTableColumnResizerBindings,\n QdsTableColumnResizerProps,\n QdsTableColumnSortActionBindings,\n QdsTableColumnSortActionProps,\n QdsTableDragHandleBindings,\n QdsTableFooterBindings,\n QdsTableHeaderBindings,\n QdsTableHeaderCellBindings,\n QdsTableHeaderCellProps,\n QdsTablePaginationBindings,\n QdsTableRootBindings,\n QdsTableRowBindings,\n QdsTableRowDragPreviewBindings,\n QdsTableRowDropIndicatorBindings,\n QdsTableRowDropIndicatorProps,\n QdsTableRowExpandButtonBindings,\n QdsTableRowExpandButtonProps,\n QdsTableRowProps,\n QdsTableScrollContainerBindings,\n QdsTableTableBindings,\n QdsTableTitleBarBindings,\n} from \"./table.types\"\n\nexport function createQdsTableApi(normalize: PropNormalizer): QdsTableApi {\n return {\n getActionBarBindings(): QdsTableActionBarBindings {\n return normalize.element({className: tableClasses.actionBar})\n },\n getBodyBindings(): QdsTableBodyBindings {\n return normalize.element({className: tableClasses.body})\n },\n getCellActionBindings(): QdsTableCellActionBindings {\n return normalize.element({className: tableClasses.cellAction})\n },\n getCellBindings(props: QdsTableCellProps): QdsTableCellBindings {\n return normalize.element({\n className: tableClasses.cell,\n \"data-aggregated\": booleanDataAttr(props.cell?.getIsAggregated?.()),\n \"data-grouped\": booleanDataAttr(props.cell?.getIsGrouped?.()),\n })\n },\n getColumnDragPreviewBindings(): QdsTableColumnDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getColumnDropIndicatorBindings(\n props: QdsTableColumnDropIndicatorProps,\n ): QdsTableColumnDropIndicatorBindings {\n const index = props.columnIndex ?? -1\n const sourceIndex = props.sourceColumnIndex ?? -1\n\n return normalize.element({\n className: tableClasses.columnDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n index > -1 && sourceIndex > -1 && index > sourceIndex\n ? \"right\"\n : \"left\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === index),\n })\n },\n getColumnFilterActionBindings(\n props: QdsTableColumnFilterProps,\n ): QdsTableColumnFilterActionBindings {\n return normalize.button({\n className: tableClasses.columnFilterAction,\n \"data-filter-active\": booleanDataAttr(\n props.header.column.getIsFiltered(),\n ),\n })\n },\n getColumnHeaderActionBindings(): QdsTableColumnHeaderActionBindings {\n return normalize.button({className: tableClasses.columnHeaderAction})\n },\n getColumnResizerBindings(\n props: QdsTableColumnResizerProps,\n ): QdsTableColumnResizerBindings {\n const header = props.header\n const isResizing = header.column.getIsResizing()\n return normalize.button({\n className: tableClasses.columnResizer,\n \"data-resizing\": booleanDataAttr(isResizing),\n onDoubleClick: () => header.column.resetSize(),\n onMouseDown: (event) => header.getResizeHandler()(event),\n onTouchStart: (event) => header.getResizeHandler()(event),\n })\n },\n getColumnSortActionBindings(\n props: QdsTableColumnSortActionProps,\n ): QdsTableColumnSortActionBindings {\n const sortDirection = props.header.column.getIsSorted()\n const nextOrder = props.header.column.getNextSortingOrder()\n // TODO: validate with regression test\n return normalize.element({\n \"aria-label\":\n nextOrder === \"asc\"\n ? \"Sort ascending\"\n : nextOrder === \"desc\"\n ? \"Sort descending\"\n : \"Remove sort\",\n className: tableClasses.columnSortAction,\n \"data-sort-direction\": sortDirection || undefined,\n onClick: (event) => {\n if (!event.defaultPrevented) {\n return props.header.column.getToggleSortingHandler()?.(event)\n }\n },\n })\n },\n getDragHandleBindings(): QdsTableDragHandleBindings {\n return normalize.element({className: tableClasses.dragHandle})\n },\n getFooterBindings(): QdsTableFooterBindings {\n return normalize.element({className: tableClasses.footer})\n },\n getHeaderBindings(): QdsTableHeaderBindings {\n return normalize.element({className: tableClasses.header})\n },\n getHeaderCellBindings(\n props: QdsTableHeaderCellProps,\n ): QdsTableHeaderCellBindings {\n return normalize.element({\n className: tableClasses.headerCell,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-resizing\": booleanDataAttr(props.isResizing),\n })\n },\n getPaginationBindings(): QdsTablePaginationBindings {\n return normalize.element({className: tableClasses.pagination})\n },\n getRootBindings(props: QdsTableApiProps): QdsTableRootBindings {\n const size = props.size || \"md\"\n return normalize.element({\n className: tableClasses.root,\n \"data-show-column-divider\": booleanDataAttr(props.showColumnDivider),\n \"data-size\": size,\n })\n },\n getRowBindings(props: QdsTableRowProps): QdsTableRowBindings {\n return normalize.element({\n className: tableClasses.row,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-selected\": booleanDataAttr(props.isSelected),\n })\n },\n getRowDragPreviewBindings(): QdsTableRowDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getRowDropIndicatorBindings(\n props: QdsTableRowDropIndicatorProps,\n ): QdsTableRowDropIndicatorBindings {\n const rowIndex = props.rowIndex ?? -1\n const sourceIndex = props.sourceIndex ?? -1\n\n return normalize.element({\n className: tableClasses.rowDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n rowIndex > -1 && sourceIndex > -1 && rowIndex > sourceIndex\n ? \"down\"\n : \"up\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === rowIndex),\n })\n },\n getRowExpandButtonBindings(\n props: QdsTableRowExpandButtonProps,\n ): QdsTableRowExpandButtonBindings {\n return normalize.button({\n \"aria-label\": props.row.getIsExpanded() ? \"Collapse row\" : \"Expand row\",\n className: tableClasses.rowExpandButton,\n \"data-expanded\": booleanDataAttr(props.row.getIsExpanded()),\n disabled: !props.row.getCanExpand(),\n onClick: props.row.getToggleExpandedHandler(),\n })\n },\n getScrollContainerBindings(): QdsTableScrollContainerBindings {\n return normalize.element({className: tableClasses.scrollContainer})\n },\n getTableBindings(): QdsTableTableBindings {\n return normalize.element({className: tableClasses.table})\n },\n getTitleBarBindings(): QdsTableTitleBarBindings {\n return normalize.element({className: tableClasses.titleBar})\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tableClasses = {\n actionBar: \"qui-table__action-bar\",\n body: \"qui-table__body\",\n cell: \"qui-table__cell\",\n cellAction: \"qui-table__cell-action\",\n columnDropIndicator: \"qui-table__column-drop-indicator\",\n columnFilterAction: \"qui-table__column-filter-action\",\n columnHeaderAction: \"qui-table__column-header-action\",\n columnResizer: \"qui-table__column-resizer\",\n columnResizerOverlay: \"qui-table__column-resizer-overlay\",\n columnSortAction: \"qui-table__column-sort-action\",\n dragHandle: \"qui-table__drag-handle\",\n dragPreview: \"qui-table__drag-preview\",\n footer: \"qui-table__footer\",\n header: \"qui-table__header\",\n headerCell: \"qui-table__header-cell\",\n pagination: \"qui-table__pagination\",\n root: \"qui-table__root\",\n row: \"qui-table__row\",\n rowDropIndicator: \"qui-table__row-drop-indicator\",\n rowExpandButton: \"qui-table__row-expand-button\",\n rowSelectionIndicator: \"qui-table__row-selection-indicator\",\n scrollContainer: \"qui-table__scroll-container\",\n table: \"qui-table__table\",\n titleBar: \"qui-table__title-bar\",\n} as const\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAe,CAC1B,UAAW,wBACX,KAAM,kBACN,KAAM,kBACN,WAAY,yBACZ,oBAAqB,mCACrB,mBAAoB,kCACpB,mBAAoB,kCACpB,cAAe,4BACf,qBAAsB,oCACtB,iBAAkB,gCAClB,WAAY,yBACZ,YAAa,0BACb,OAAQ,oBACR,OAAQ,oBACR,WAAY,yBACZ,WAAY,wBACZ,KAAM,kBACN,IAAK,iBACL,iBAAkB,gCAClB,gBAAiB,+BACjB,sBAAuB,qCACvB,gBAAiB,8BACjB,MAAO,mBACP,SAAU,sBACZ,EDgBO,SAASC,EAAkBC,EAAwC,CACxE,MAAO,CACL,sBAAkD,CAChD,OAAOA,EAAU,QAAQ,CAAC,UAAWC,EAAa,SAAS,CAAC,CAC9D,EACA,iBAAwC,CACtC,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,IAAI,CAAC,CACzD,EACA,uBAAoD,CAClD,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,UAAU,CAAC,CAC/D,EACA,gBAAgBC,EAAgD,CAC9D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,qBAAmB,mBAAgBC,EAAM,MAAM,kBAAkB,CAAC,EAClE,kBAAgB,mBAAgBA,EAAM,MAAM,eAAe,CAAC,CAC9D,CAAC,CACH,EACA,8BAAkE,CAChE,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,WAAW,CAAC,CAChE,EACA,+BACEC,EACqC,CACrC,IAAMC,EAAQD,EAAM,aAAe,GAC7BE,EAAcF,EAAM,mBAAqB,GAE/C,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,oBACxB,oBAAqBC,EAAM,YAC3B,sBACEC,EAAQ,IAAMC,EAAc,IAAMD,EAAQC,EACtC,QACA,OACN,yBAAuB,mBAAgBA,IAAgBD,CAAK,CAC9D,CAAC,CACH,EACA,8BACED,EACoC,CACpC,OAAOF,EAAU,OAAO,CACtB,UAAWC,EAAa,mBACxB,wBAAsB,mBACpBC,EAAM,OAAO,OAAO,cAAc,CACpC,CACF,CAAC,CACH,EACA,+BAAoE,CAClE,OAAOF,EAAU,OAAO,CAAC,UAAWC,EAAa,kBAAkB,CAAC,CACtE,EACA,yBACEC,EAC+B,CAC/B,IAAMG,EAASH,EAAM,OACfI,EAAaD,EAAO,OAAO,cAAc,EAC/C,OAAOL,EAAU,OAAO,CACtB,UAAWC,EAAa,cACxB,mBAAiB,mBAAgBK,CAAU,EAC3C,cAAe,IAAMD,EAAO,OAAO,UAAU,EAC7C,YAAcE,GAAUF,EAAO,iBAAiB,EAAEE,CAAK,EACvD,aAAeA,GAAUF,EAAO,iBAAiB,EAAEE,CAAK,CAC1D,CAAC,CACH,EACA,4BACEL,EACkC,CAClC,IAAMM,EAAgBN,EAAM,OAAO,OAAO,YAAY,EAChDO,EAAYP,EAAM,OAAO,OAAO,oBAAoB,EAE1D,OAAOF,EAAU,QAAQ,CACvB,aACES,IAAc,MACV,iBACAA,IAAc,OACZ,kBACA,cACR,UAAWR,EAAa,iBACxB,sBAAuBO,GAAiB,OACxC,QAAUD,GAAU,CAClB,GAAI,CAACA,EAAM,iBACT,OAAOL,EAAM,OAAO,OAAO,wBAAwB,IAAIK,CAAK,CAEhE,CACF,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOP,EAAU,QAAQ,CAAC,UAAWC,EAAa,UAAU,CAAC,CAC/D,EACA,mBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,MAAM,CAAC,CAC3D,EACA,mBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,MAAM,CAAC,CAC3D,EACA,sBACEC,EAC4B,CAC5B,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,WACxB,mBAAiB,mBAAgBC,EAAM,UAAU,EACjD,wBAAsB,mBAAgBA,EAAM,cAAc,EAC1D,mBAAiB,mBAAgBA,EAAM,UAAU,CACnD,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,UAAU,CAAC,CAC/D,EACA,gBAAgBC,EAA+C,CAC7D,IAAMQ,EAAOR,EAAM,MAAQ,KAC3B,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,8BAA4B,mBAAgBC,EAAM,iBAAiB,EACnE,YAAaQ,CACf,CAAC,CACH,EACA,eAAeR,EAA8C,CAC3D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,IACxB,mBAAiB,mBAAgBC,EAAM,UAAU,EACjD,wBAAsB,mBAAgBA,EAAM,cAAc,EAC1D,mBAAiB,mBAAgBA,EAAM,UAAU,CACnD,CAAC,CACH,EACA,2BAA4D,CAC1D,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,WAAW,CAAC,CAChE,EACA,4BACEC,EACkC,CAClC,IAAMS,EAAWT,EAAM,UAAY,GAC7BE,EAAcF,EAAM,aAAe,GAEzC,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,iBACxB,oBAAqBC,EAAM,YAC3B,sBACES,EAAW,IAAMP,EAAc,IAAMO,EAAWP,EAC5C,OACA,KACN,yBAAuB,mBAAgBA,IAAgBO,CAAQ,CACjE,CAAC,CACH,EACA,2BACET,EACiC,CACjC,OAAOF,EAAU,OAAO,CACtB,aAAcE,EAAM,IAAI,cAAc,EAAI,eAAiB,aAC3D,UAAWD,EAAa,gBACxB,mBAAiB,mBAAgBC,EAAM,IAAI,cAAc,CAAC,EAC1D,SAAU,CAACA,EAAM,IAAI,aAAa,EAClC,QAASA,EAAM,IAAI,yBAAyB,CAC9C,CAAC,CACH,EACA,4BAA8D,CAC5D,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,eAAe,CAAC,CACpE,EACA,kBAA0C,CACxC,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,KAAK,CAAC,CAC1D,EACA,qBAAgD,CAC9C,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,QAAQ,CAAC,CAC7D,CACF,CACF",
4
+ "sourcesContent": ["export * from \"./table.api\"\nexport * from \"./table.classes\"\nexport type * from \"./table.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tableClasses} from \"./table.classes\"\nimport type {\n QdsTableActionBarBindings,\n QdsTableApi,\n QdsTableApiProps,\n QdsTableBodyBindings,\n QdsTableCellActionBindings,\n QdsTableCellBindings,\n QdsTableCellProps,\n QdsTableColumnDragPreviewBindings,\n QdsTableColumnDropIndicatorBindings,\n QdsTableColumnDropIndicatorProps,\n QdsTableColumnFilterActionBindings,\n QdsTableColumnFilterProps,\n QdsTableColumnHeaderActionBindings,\n QdsTableColumnResizerBindings,\n QdsTableColumnResizerProps,\n QdsTableColumnSortActionBindings,\n QdsTableColumnSortActionProps,\n QdsTableDragHandleBindings,\n QdsTableFooterBindings,\n QdsTableHeaderBindings,\n QdsTableHeaderCellBindings,\n QdsTableHeaderCellProps,\n QdsTablePaginationBindings,\n QdsTableRootBindings,\n QdsTableRowBindings,\n QdsTableRowDragPreviewBindings,\n QdsTableRowDropIndicatorBindings,\n QdsTableRowDropIndicatorProps,\n QdsTableRowExpandButtonBindings,\n QdsTableRowExpandButtonProps,\n QdsTableRowProps,\n QdsTableScrollContainerBindings,\n QdsTableTableBindings,\n QdsTableTitleBarBindings,\n} from \"./table.types\"\n\nexport function createQdsTableApi(normalize: PropNormalizer): QdsTableApi {\n return {\n getActionBarBindings(): QdsTableActionBarBindings {\n return normalize.element({className: tableClasses.actionBar})\n },\n getBodyBindings(): QdsTableBodyBindings {\n return normalize.element({className: tableClasses.body})\n },\n getCellActionBindings(): QdsTableCellActionBindings {\n return normalize.element({className: tableClasses.cellAction})\n },\n getCellBindings(props: QdsTableCellProps): QdsTableCellBindings {\n return normalize.element({\n className: tableClasses.cell,\n \"data-aggregated\": booleanDataAttr(props.cell?.getIsAggregated?.()),\n \"data-grouped\": booleanDataAttr(props.cell?.getIsGrouped?.()),\n })\n },\n getColumnDragPreviewBindings(): QdsTableColumnDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getColumnDropIndicatorBindings(\n props: QdsTableColumnDropIndicatorProps,\n ): QdsTableColumnDropIndicatorBindings {\n const index = props.columnIndex ?? -1\n const sourceIndex = props.sourceColumnIndex ?? -1\n\n return normalize.element({\n className: tableClasses.columnDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n index > -1 && sourceIndex > -1 && index > sourceIndex\n ? \"right\"\n : \"left\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === index),\n })\n },\n getColumnFilterActionBindings(\n props: QdsTableColumnFilterProps,\n ): QdsTableColumnFilterActionBindings {\n return normalize.button({\n className: tableClasses.columnFilterAction,\n \"data-filter-active\": booleanDataAttr(\n props.header.column.getIsFiltered(),\n ),\n })\n },\n getColumnHeaderActionBindings(): QdsTableColumnHeaderActionBindings {\n return normalize.button({className: tableClasses.columnHeaderAction})\n },\n getColumnResizerBindings(\n props: QdsTableColumnResizerProps,\n ): QdsTableColumnResizerBindings {\n const header = props.header\n const isResizing = header.column.getIsResizing()\n return normalize.button({\n className: tableClasses.columnResizer,\n \"data-resizing\": booleanDataAttr(isResizing),\n onDoubleClick: () => header.column.resetSize(),\n onMouseDown: (event) => header.getResizeHandler()(event),\n onTouchStart: (event) => header.getResizeHandler()(event),\n })\n },\n getColumnSortActionBindings(\n props: QdsTableColumnSortActionProps,\n ): QdsTableColumnSortActionBindings {\n const sortDirection = props.header.column.getIsSorted()\n const nextOrder = props.header.column.getNextSortingOrder()\n // TODO: validate with regression test\n return normalize.element({\n \"aria-label\":\n nextOrder === \"asc\"\n ? \"Sort ascending\"\n : nextOrder === \"desc\"\n ? \"Sort descending\"\n : \"Remove sort\",\n className: tableClasses.columnSortAction,\n \"data-sort-direction\": sortDirection || undefined,\n onClick: (event) => {\n if (!event.defaultPrevented) {\n return props.header.column.getToggleSortingHandler()?.(event)\n }\n },\n })\n },\n getDragHandleBindings(): QdsTableDragHandleBindings {\n return normalize.element({className: tableClasses.dragHandle})\n },\n getFooterBindings(): QdsTableFooterBindings {\n return normalize.element({className: tableClasses.footer})\n },\n getHeaderBindings(): QdsTableHeaderBindings {\n return normalize.element({className: tableClasses.header})\n },\n getHeaderCellBindings(\n props: QdsTableHeaderCellProps,\n ): QdsTableHeaderCellBindings {\n return normalize.element({\n className: tableClasses.headerCell,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-resizing\": booleanDataAttr(props.isResizing),\n })\n },\n getPaginationBindings(): QdsTablePaginationBindings {\n return normalize.element({className: tableClasses.pagination})\n },\n getRootBindings(props: QdsTableApiProps): QdsTableRootBindings {\n const size = props.size || \"md\"\n return normalize.element({\n className: tableClasses.root,\n \"data-show-column-divider\": booleanDataAttr(props.showColumnDivider),\n \"data-size\": size,\n })\n },\n getRowBindings(props: QdsTableRowProps): QdsTableRowBindings {\n return normalize.element({\n className: tableClasses.row,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-selected\": booleanDataAttr(props.isSelected),\n })\n },\n getRowDragPreviewBindings(): QdsTableRowDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getRowDropIndicatorBindings(\n props: QdsTableRowDropIndicatorProps,\n ): QdsTableRowDropIndicatorBindings {\n const rowIndex = props.rowIndex ?? -1\n const sourceIndex = props.sourceIndex ?? -1\n\n return normalize.element({\n className: tableClasses.rowDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n rowIndex > -1 && sourceIndex > -1 && rowIndex > sourceIndex\n ? \"down\"\n : \"up\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === rowIndex),\n })\n },\n getRowExpandButtonBindings(\n props: QdsTableRowExpandButtonProps,\n ): QdsTableRowExpandButtonBindings {\n return normalize.button({\n \"aria-label\":\n (props.isExpanded ?? props.row.getIsExpanded())\n ? \"Collapse row\"\n : \"Expand row\",\n className: tableClasses.rowExpandButton,\n \"data-expanded\": booleanDataAttr(props.row.getIsExpanded()),\n disabled: !props.row.getCanExpand(),\n onClick: props.row.getToggleExpandedHandler(),\n })\n },\n getScrollContainerBindings(): QdsTableScrollContainerBindings {\n return normalize.element({className: tableClasses.scrollContainer})\n },\n getTableBindings(): QdsTableTableBindings {\n return normalize.element({className: tableClasses.table})\n },\n getTitleBarBindings(): QdsTableTitleBarBindings {\n return normalize.element({className: tableClasses.titleBar})\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tableClasses = {\n actionBar: \"qui-table__action-bar\",\n body: \"qui-table__body\",\n cell: \"qui-table__cell\",\n cellAction: \"qui-table__cell-action\",\n columnDropIndicator: \"qui-table__column-drop-indicator\",\n columnFilterAction: \"qui-table__column-filter-action\",\n columnHeaderAction: \"qui-table__column-header-action\",\n columnResizer: \"qui-table__column-resizer\",\n columnResizerOverlay: \"qui-table__column-resizer-overlay\",\n columnSortAction: \"qui-table__column-sort-action\",\n dragHandle: \"qui-table__drag-handle\",\n dragPreview: \"qui-table__drag-preview\",\n footer: \"qui-table__footer\",\n header: \"qui-table__header\",\n headerCell: \"qui-table__header-cell\",\n pagination: \"qui-table__pagination\",\n root: \"qui-table__root\",\n row: \"qui-table__row\",\n rowDropIndicator: \"qui-table__row-drop-indicator\",\n rowExpandButton: \"qui-table__row-expand-button\",\n rowSelectionIndicator: \"qui-table__row-selection-indicator\",\n scrollContainer: \"qui-table__scroll-container\",\n table: \"qui-table__table\",\n titleBar: \"qui-table__title-bar\",\n} as const\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAe,CAC1B,UAAW,wBACX,KAAM,kBACN,KAAM,kBACN,WAAY,yBACZ,oBAAqB,mCACrB,mBAAoB,kCACpB,mBAAoB,kCACpB,cAAe,4BACf,qBAAsB,oCACtB,iBAAkB,gCAClB,WAAY,yBACZ,YAAa,0BACb,OAAQ,oBACR,OAAQ,oBACR,WAAY,yBACZ,WAAY,wBACZ,KAAM,kBACN,IAAK,iBACL,iBAAkB,gCAClB,gBAAiB,+BACjB,sBAAuB,qCACvB,gBAAiB,8BACjB,MAAO,mBACP,SAAU,sBACZ,EDgBO,SAASC,EAAkBC,EAAwC,CACxE,MAAO,CACL,sBAAkD,CAChD,OAAOA,EAAU,QAAQ,CAAC,UAAWC,EAAa,SAAS,CAAC,CAC9D,EACA,iBAAwC,CACtC,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,IAAI,CAAC,CACzD,EACA,uBAAoD,CAClD,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,UAAU,CAAC,CAC/D,EACA,gBAAgBC,EAAgD,CAC9D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,qBAAmB,mBAAgBC,EAAM,MAAM,kBAAkB,CAAC,EAClE,kBAAgB,mBAAgBA,EAAM,MAAM,eAAe,CAAC,CAC9D,CAAC,CACH,EACA,8BAAkE,CAChE,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,WAAW,CAAC,CAChE,EACA,+BACEC,EACqC,CACrC,IAAMC,EAAQD,EAAM,aAAe,GAC7BE,EAAcF,EAAM,mBAAqB,GAE/C,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,oBACxB,oBAAqBC,EAAM,YAC3B,sBACEC,EAAQ,IAAMC,EAAc,IAAMD,EAAQC,EACtC,QACA,OACN,yBAAuB,mBAAgBA,IAAgBD,CAAK,CAC9D,CAAC,CACH,EACA,8BACED,EACoC,CACpC,OAAOF,EAAU,OAAO,CACtB,UAAWC,EAAa,mBACxB,wBAAsB,mBACpBC,EAAM,OAAO,OAAO,cAAc,CACpC,CACF,CAAC,CACH,EACA,+BAAoE,CAClE,OAAOF,EAAU,OAAO,CAAC,UAAWC,EAAa,kBAAkB,CAAC,CACtE,EACA,yBACEC,EAC+B,CAC/B,IAAMG,EAASH,EAAM,OACfI,EAAaD,EAAO,OAAO,cAAc,EAC/C,OAAOL,EAAU,OAAO,CACtB,UAAWC,EAAa,cACxB,mBAAiB,mBAAgBK,CAAU,EAC3C,cAAe,IAAMD,EAAO,OAAO,UAAU,EAC7C,YAAcE,GAAUF,EAAO,iBAAiB,EAAEE,CAAK,EACvD,aAAeA,GAAUF,EAAO,iBAAiB,EAAEE,CAAK,CAC1D,CAAC,CACH,EACA,4BACEL,EACkC,CAClC,IAAMM,EAAgBN,EAAM,OAAO,OAAO,YAAY,EAChDO,EAAYP,EAAM,OAAO,OAAO,oBAAoB,EAE1D,OAAOF,EAAU,QAAQ,CACvB,aACES,IAAc,MACV,iBACAA,IAAc,OACZ,kBACA,cACR,UAAWR,EAAa,iBACxB,sBAAuBO,GAAiB,OACxC,QAAUD,GAAU,CAClB,GAAI,CAACA,EAAM,iBACT,OAAOL,EAAM,OAAO,OAAO,wBAAwB,IAAIK,CAAK,CAEhE,CACF,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOP,EAAU,QAAQ,CAAC,UAAWC,EAAa,UAAU,CAAC,CAC/D,EACA,mBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,MAAM,CAAC,CAC3D,EACA,mBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,MAAM,CAAC,CAC3D,EACA,sBACEC,EAC4B,CAC5B,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,WACxB,mBAAiB,mBAAgBC,EAAM,UAAU,EACjD,wBAAsB,mBAAgBA,EAAM,cAAc,EAC1D,mBAAiB,mBAAgBA,EAAM,UAAU,CACnD,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,UAAU,CAAC,CAC/D,EACA,gBAAgBC,EAA+C,CAC7D,IAAMQ,EAAOR,EAAM,MAAQ,KAC3B,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,8BAA4B,mBAAgBC,EAAM,iBAAiB,EACnE,YAAaQ,CACf,CAAC,CACH,EACA,eAAeR,EAA8C,CAC3D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,IACxB,mBAAiB,mBAAgBC,EAAM,UAAU,EACjD,wBAAsB,mBAAgBA,EAAM,cAAc,EAC1D,mBAAiB,mBAAgBA,EAAM,UAAU,CACnD,CAAC,CACH,EACA,2BAA4D,CAC1D,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,WAAW,CAAC,CAChE,EACA,4BACEC,EACkC,CAClC,IAAMS,EAAWT,EAAM,UAAY,GAC7BE,EAAcF,EAAM,aAAe,GAEzC,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAa,iBACxB,oBAAqBC,EAAM,YAC3B,sBACES,EAAW,IAAMP,EAAc,IAAMO,EAAWP,EAC5C,OACA,KACN,yBAAuB,mBAAgBA,IAAgBO,CAAQ,CACjE,CAAC,CACH,EACA,2BACET,EACiC,CACjC,OAAOF,EAAU,OAAO,CACtB,aACGE,EAAM,YAAcA,EAAM,IAAI,cAAc,EACzC,eACA,aACN,UAAWD,EAAa,gBACxB,mBAAiB,mBAAgBC,EAAM,IAAI,cAAc,CAAC,EAC1D,SAAU,CAACA,EAAM,IAAI,aAAa,EAClC,QAASA,EAAM,IAAI,yBAAyB,CAC9C,CAAC,CACH,EACA,4BAA8D,CAC5D,OAAOF,EAAU,QAAQ,CAAC,UAAWC,EAAa,eAAe,CAAC,CACpE,EACA,kBAA0C,CACxC,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,KAAK,CAAC,CAC1D,EACA,qBAAgD,CAC9C,OAAOD,EAAU,QAAQ,CAAC,UAAWC,EAAa,QAAQ,CAAC,CAC7D,CACF,CACF",
6
6
  "names": ["table_exports", "__export", "createQdsTableApi", "tableClasses", "__toCommonJS", "import_attributes", "tableClasses", "createQdsTableApi", "normalize", "tableClasses", "props", "index", "sourceIndex", "header", "isResizing", "event", "sortDirection", "nextOrder", "size", "rowIndex"]
7
7
  }
package/dist/table/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{booleanDataAttr as t}from"@qualcomm-ui/utils/attributes";var n={actionBar:"qui-table__action-bar",body:"qui-table__body",cell:"qui-table__cell",cellAction:"qui-table__cell-action",columnDropIndicator:"qui-table__column-drop-indicator",columnFilterAction:"qui-table__column-filter-action",columnHeaderAction:"qui-table__column-header-action",columnResizer:"qui-table__column-resizer",columnResizerOverlay:"qui-table__column-resizer-overlay",columnSortAction:"qui-table__column-sort-action",dragHandle:"qui-table__drag-handle",dragPreview:"qui-table__drag-preview",footer:"qui-table__footer",header:"qui-table__header",headerCell:"qui-table__header-cell",pagination:"qui-table__pagination",root:"qui-table__root",row:"qui-table__row",rowDropIndicator:"qui-table__row-drop-indicator",rowExpandButton:"qui-table__row-expand-button",rowSelectionIndicator:"qui-table__row-selection-indicator",scrollContainer:"qui-table__scroll-container",table:"qui-table__table",titleBar:"qui-table__title-bar"};function g(a){return{getActionBarBindings(){return a.element({className:n.actionBar})},getBodyBindings(){return a.element({className:n.body})},getCellActionBindings(){return a.element({className:n.cellAction})},getCellBindings(e){return a.element({className:n.cell,"data-aggregated":t(e.cell?.getIsAggregated?.()),"data-grouped":t(e.cell?.getIsGrouped?.())})},getColumnDragPreviewBindings(){return a.element({className:n.dragPreview})},getColumnDropIndicatorBindings(e){let i=e.columnIndex??-1,l=e.sourceColumnIndex??-1;return a.element({className:n.columnDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&l>-1&&i>l?"right":"left","data-is-over-source":t(l===i)})},getColumnFilterActionBindings(e){return a.button({className:n.columnFilterAction,"data-filter-active":t(e.header.column.getIsFiltered())})},getColumnHeaderActionBindings(){return a.button({className:n.columnHeaderAction})},getColumnResizerBindings(e){let i=e.header,l=i.column.getIsResizing();return a.button({className:n.columnResizer,"data-resizing":t(l),onDoubleClick:()=>i.column.resetSize(),onMouseDown:d=>i.getResizeHandler()(d),onTouchStart:d=>i.getResizeHandler()(d)})},getColumnSortActionBindings(e){let i=e.header.column.getIsSorted(),l=e.header.column.getNextSortingOrder();return a.element({"aria-label":l==="asc"?"Sort ascending":l==="desc"?"Sort descending":"Remove sort",className:n.columnSortAction,"data-sort-direction":i||void 0,onClick:d=>{if(!d.defaultPrevented)return e.header.column.getToggleSortingHandler()?.(d)}})},getDragHandleBindings(){return a.element({className:n.dragHandle})},getFooterBindings(){return a.element({className:n.footer})},getHeaderBindings(){return a.element({className:n.header})},getHeaderCellBindings(e){return a.element({className:n.headerCell,"data-dragging":t(e.isDragging),"data-dragging-over":t(e.isDraggingOver),"data-resizing":t(e.isResizing)})},getPaginationBindings(){return a.element({className:n.pagination})},getRootBindings(e){let i=e.size||"md";return a.element({className:n.root,"data-show-column-divider":t(e.showColumnDivider),"data-size":i})},getRowBindings(e){return a.element({className:n.row,"data-dragging":t(e.isDragging),"data-dragging-over":t(e.isDraggingOver),"data-selected":t(e.isSelected)})},getRowDragPreviewBindings(){return a.element({className:n.dragPreview})},getRowDropIndicatorBindings(e){let i=e.rowIndex??-1,l=e.sourceIndex??-1;return a.element({className:n.rowDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&l>-1&&i>l?"down":"up","data-is-over-source":t(l===i)})},getRowExpandButtonBindings(e){return a.button({"aria-label":e.row.getIsExpanded()?"Collapse row":"Expand row",className:n.rowExpandButton,"data-expanded":t(e.row.getIsExpanded()),disabled:!e.row.getCanExpand(),onClick:e.row.getToggleExpandedHandler()})},getScrollContainerBindings(){return a.element({className:n.scrollContainer})},getTableBindings(){return a.element({className:n.table})},getTitleBarBindings(){return a.element({className:n.titleBar})}}}export{g as createQdsTableApi,n as tableClasses};
1
+ import{booleanDataAttr as t}from"@qualcomm-ui/utils/attributes";var n={actionBar:"qui-table__action-bar",body:"qui-table__body",cell:"qui-table__cell",cellAction:"qui-table__cell-action",columnDropIndicator:"qui-table__column-drop-indicator",columnFilterAction:"qui-table__column-filter-action",columnHeaderAction:"qui-table__column-header-action",columnResizer:"qui-table__column-resizer",columnResizerOverlay:"qui-table__column-resizer-overlay",columnSortAction:"qui-table__column-sort-action",dragHandle:"qui-table__drag-handle",dragPreview:"qui-table__drag-preview",footer:"qui-table__footer",header:"qui-table__header",headerCell:"qui-table__header-cell",pagination:"qui-table__pagination",root:"qui-table__root",row:"qui-table__row",rowDropIndicator:"qui-table__row-drop-indicator",rowExpandButton:"qui-table__row-expand-button",rowSelectionIndicator:"qui-table__row-selection-indicator",scrollContainer:"qui-table__scroll-container",table:"qui-table__table",titleBar:"qui-table__title-bar"};function g(a){return{getActionBarBindings(){return a.element({className:n.actionBar})},getBodyBindings(){return a.element({className:n.body})},getCellActionBindings(){return a.element({className:n.cellAction})},getCellBindings(e){return a.element({className:n.cell,"data-aggregated":t(e.cell?.getIsAggregated?.()),"data-grouped":t(e.cell?.getIsGrouped?.())})},getColumnDragPreviewBindings(){return a.element({className:n.dragPreview})},getColumnDropIndicatorBindings(e){let i=e.columnIndex??-1,l=e.sourceColumnIndex??-1;return a.element({className:n.columnDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&l>-1&&i>l?"right":"left","data-is-over-source":t(l===i)})},getColumnFilterActionBindings(e){return a.button({className:n.columnFilterAction,"data-filter-active":t(e.header.column.getIsFiltered())})},getColumnHeaderActionBindings(){return a.button({className:n.columnHeaderAction})},getColumnResizerBindings(e){let i=e.header,l=i.column.getIsResizing();return a.button({className:n.columnResizer,"data-resizing":t(l),onDoubleClick:()=>i.column.resetSize(),onMouseDown:d=>i.getResizeHandler()(d),onTouchStart:d=>i.getResizeHandler()(d)})},getColumnSortActionBindings(e){let i=e.header.column.getIsSorted(),l=e.header.column.getNextSortingOrder();return a.element({"aria-label":l==="asc"?"Sort ascending":l==="desc"?"Sort descending":"Remove sort",className:n.columnSortAction,"data-sort-direction":i||void 0,onClick:d=>{if(!d.defaultPrevented)return e.header.column.getToggleSortingHandler()?.(d)}})},getDragHandleBindings(){return a.element({className:n.dragHandle})},getFooterBindings(){return a.element({className:n.footer})},getHeaderBindings(){return a.element({className:n.header})},getHeaderCellBindings(e){return a.element({className:n.headerCell,"data-dragging":t(e.isDragging),"data-dragging-over":t(e.isDraggingOver),"data-resizing":t(e.isResizing)})},getPaginationBindings(){return a.element({className:n.pagination})},getRootBindings(e){let i=e.size||"md";return a.element({className:n.root,"data-show-column-divider":t(e.showColumnDivider),"data-size":i})},getRowBindings(e){return a.element({className:n.row,"data-dragging":t(e.isDragging),"data-dragging-over":t(e.isDraggingOver),"data-selected":t(e.isSelected)})},getRowDragPreviewBindings(){return a.element({className:n.dragPreview})},getRowDropIndicatorBindings(e){let i=e.rowIndex??-1,l=e.sourceIndex??-1;return a.element({className:n.rowDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&l>-1&&i>l?"down":"up","data-is-over-source":t(l===i)})},getRowExpandButtonBindings(e){return a.button({"aria-label":e.isExpanded??e.row.getIsExpanded()?"Collapse row":"Expand row",className:n.rowExpandButton,"data-expanded":t(e.row.getIsExpanded()),disabled:!e.row.getCanExpand(),onClick:e.row.getToggleExpandedHandler()})},getScrollContainerBindings(){return a.element({className:n.scrollContainer})},getTableBindings(){return a.element({className:n.table})},getTitleBarBindings(){return a.element({className:n.titleBar})}}}export{g as createQdsTableApi,n as tableClasses};
2
2
  //# sourceMappingURL=index.js.map