@pantograph/styles 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/combobox.css CHANGED
@@ -1 +1 @@
1
- .pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}
1
+ .pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder);-webkit-text-fill-color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg);-webkit-text-fill-color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}
package/dist/combobox.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
2
+ const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder);-webkit-text-fill-color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg);-webkit-text-fill-color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
3
3
  const comboboxId = `${prefix}s-combobox`;
4
4
  const addComboboxCss = () => addCssToHead(comboboxId, cssText);
5
5
  const removeComboboxCss = () => removeCssFromHead(comboboxId);
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
4
+ const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder);-webkit-text-fill-color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg);-webkit-text-fill-color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
5
5
  const comboboxId = `${prefix}s-combobox`;
6
6
  const addComboboxCss = () => addCssToHead(comboboxId, cssText);
7
7
  const removeComboboxCss = () => removeCssFromHead(comboboxId);