@pantograph/styles 0.0.17 → 0.0.19

package/dist/data_table.css

@@ -1 +1 @@
-.pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}
+.pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root.pw_data_table__root--bordered{overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th{--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th:not(:last-child){border-inline-end-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th:not(:first-child){border-inline-start-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr:not(:last-child) .pc_table__th{border-bottom-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr:not(:first-child) .pc_table__th{border-top-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td{--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td:not(:last-child){border-inline-end-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td:not(:first-child){border-inline-start-width:1px}.pw_data_table__root .pw_data_table__scroll{width:100%;height:100%;flex:1 1 0%;overflow:auto}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar{width:4px;height:4px}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-thumb,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-thumb:hover,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-track,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-track{background:transparent}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-corner,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pw_data_table__root .pw_data_table__scroll{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__root[dir=rtl]{--ptc-tcell-shadow-ratio: -1}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1);z-index:1}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:1;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td.pw_data_table__insert_between__td{position:absolute!important;z-index:3;width:100%}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between{width:100%;height:100%;display:flex;align-items:center;padding-top:var(--pt-dimension-150, 3px);padding-bottom:var(--pt-dimension-150, 3px);padding-inline-start:27px}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__line{opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__button{position:sticky;inset-inline-start:var(--pt-dimension-400, 8px);z-index:3;box-sizing:border-box;cursor:pointer;border-width:1px;border-color:currentColor;border-radius:var(--pt-roundness-sm, 4px);border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__button:hover~.pw_data_table__insert_between__line{height:var(--pt-dimension-100, 2px);flex:1 1 0%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity));opacity:1}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}

package/dist/data_table.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
+const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root.pw_data_table__root--bordered{overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th{--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th:not(:last-child){border-inline-end-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th:not(:first-child){border-inline-start-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr:not(:last-child) .pc_table__th{border-bottom-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr:not(:first-child) .pc_table__th{border-top-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td{--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td:not(:last-child){border-inline-end-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td:not(:first-child){border-inline-start-width:1px}.pw_data_table__root .pw_data_table__scroll{width:100%;height:100%;flex:1 1 0%;overflow:auto}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar{width:4px;height:4px}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-thumb,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-thumb:hover,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-track,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-track{background:transparent}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-corner,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pw_data_table__root .pw_data_table__scroll{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__root[dir=rtl]{--ptc-tcell-shadow-ratio: -1}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1);z-index:1}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:1;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td.pw_data_table__insert_between__td{position:absolute!important;z-index:3;width:100%}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between{width:100%;height:100%;display:flex;align-items:center;padding-top:var(--pt-dimension-150, 3px);padding-bottom:var(--pt-dimension-150, 3px);padding-inline-start:27px}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__line{opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__button{position:sticky;inset-inline-start:var(--pt-dimension-400, 8px);z-index:3;box-sizing:border-box;cursor:pointer;border-width:1px;border-color:currentColor;border-radius:var(--pt-roundness-sm, 4px);border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__button:hover~.pw_data_table__insert_between__line{height:var(--pt-dimension-100, 2px);flex:1 1 0%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity));opacity:1}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
 const dataTableId = `${prefix}s-data_table`;
 const addDataTableCss = () => addCssToHead(dataTableId, cssText);
 const removeDataTableCss = () => removeCssFromHead(dataTableId);

package/dist/data_table.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
+const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root.pw_data_table__root--bordered{overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th{--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th:not(:last-child){border-inline-end-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr .pc_table__th:not(:first-child){border-inline-start-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr:not(:last-child) .pc_table__th{border-bottom-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__thead>.pc_table__tr:not(:first-child) .pc_table__th{border-top-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td{--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td:not(:last-child){border-inline-end-width:1px}.pw_data_table__root.pw_data_table__root--column-bordered .pc_table__tbody .pc_table__tr .pc_table__td:not(:first-child){border-inline-start-width:1px}.pw_data_table__root .pw_data_table__scroll{width:100%;height:100%;flex:1 1 0%;overflow:auto}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar{width:4px;height:4px}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-thumb,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-thumb:hover,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-track,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-track{background:transparent}.pw_data_table__root .pw_data_table__scroll::-webkit-scrollbar-corner,.pw_data_table__root .pw_data_table__scroll ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pw_data_table__root .pw_data_table__scroll{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__root[dir=rtl]{--ptc-tcell-shadow-ratio: -1}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1);z-index:1}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:1;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td.pw_data_table__insert_between__td{position:absolute!important;z-index:3;width:100%}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between{width:100%;height:100%;display:flex;align-items:center;padding-top:var(--pt-dimension-150, 3px);padding-bottom:var(--pt-dimension-150, 3px);padding-inline-start:27px}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__line{opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__button{position:sticky;inset-inline-start:var(--pt-dimension-400, 8px);z-index:3;box-sizing:border-box;cursor:pointer;border-width:1px;border-color:currentColor;border-radius:var(--pt-roundness-sm, 4px);border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pw_data_table td.pw_data_table__insert_between__td .pw_data_table__insert_between .pw_data_table__insert_between__button:hover~.pw_data_table__insert_between__line{height:var(--pt-dimension-100, 2px);flex:1 1 0%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity));opacity:1}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
 const dataTableId = `${prefix}s-data_table`;
 const addDataTableCss = () => addCssToHead(dataTableId, cssText);
 const removeDataTableCss = () => removeCssFromHead(dataTableId);

package/dist/icon.css

@@ -1 +1 @@
-.pc_icon{width:var(--pt-icon-size);height:var(--pt-icon-size);max-width:var(--pt-icon-size);max-height:var(--pt-icon-size);min-width:var(--pt-icon-size);min-height:var(--pt-icon-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-icon-size);line-height:1}.pc_icon:not(.pc_icon--sm):not(.pc_icon--xsm):not(.pc_icon--2xsm):not(.pc_icon--3xsm){--pt-icon-stroke: 1px}.pc_icon:not(.pc_icon--custom-stroke) svg,.pc_icon:not(.pc_icon--custom-stroke) svg path{stroke-width:var(--pt-icon-stroke)}.pc_icon--flip-x{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon--flip-y{--ptu-scale-y:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon[dir=rtl].pc_icon--flip-rtl,.pc_icon[dir=ltr].pc_icon--flip-ltr{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}
+.pc_icon{width:var(--pt-icon-size);height:var(--pt-icon-size);max-width:var(--pt-icon-size);max-height:var(--pt-icon-size);min-width:var(--pt-icon-size);min-height:var(--pt-icon-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-icon-size);line-height:1}.pc_icon>svg:not(:has(path)){border-radius:var(--pt-roundness-full, 88px);background-color:var(--pt-alpha-gray-1);width:calc(1em - var(--pt-dimension-200));height:calc(1em - var(--pt-dimension-200))}.pc_icon:not(.pc_icon--sm):not(.pc_icon--xsm):not(.pc_icon--2xsm):not(.pc_icon--3xsm){--pt-icon-stroke: 1px}.pc_icon:not(.pc_icon--custom-stroke) svg,.pc_icon:not(.pc_icon--custom-stroke) svg path{stroke-width:var(--pt-icon-stroke)}.pc_icon--flip-x{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon--flip-y{--ptu-scale-y:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon[dir=rtl].pc_icon--flip-rtl,.pc_icon[dir=ltr].pc_icon--flip-ltr{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}

package/dist/icon.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_icon{width:var(--pt-icon-size);height:var(--pt-icon-size);max-width:var(--pt-icon-size);max-height:var(--pt-icon-size);min-width:var(--pt-icon-size);min-height:var(--pt-icon-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-icon-size);line-height:1}.pc_icon:not(.pc_icon--sm):not(.pc_icon--xsm):not(.pc_icon--2xsm):not(.pc_icon--3xsm){--pt-icon-stroke: 1px}.pc_icon:not(.pc_icon--custom-stroke) svg,.pc_icon:not(.pc_icon--custom-stroke) svg path{stroke-width:var(--pt-icon-stroke)}.pc_icon--flip-x{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon--flip-y{--ptu-scale-y:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon[dir=rtl].pc_icon--flip-rtl,.pc_icon[dir=ltr].pc_icon--flip-ltr{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}\n";
+const cssText = ".pc_icon{width:var(--pt-icon-size);height:var(--pt-icon-size);max-width:var(--pt-icon-size);max-height:var(--pt-icon-size);min-width:var(--pt-icon-size);min-height:var(--pt-icon-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-icon-size);line-height:1}.pc_icon>svg:not(:has(path)){border-radius:var(--pt-roundness-full, 88px);background-color:var(--pt-alpha-gray-1);width:calc(1em - var(--pt-dimension-200));height:calc(1em - var(--pt-dimension-200))}.pc_icon:not(.pc_icon--sm):not(.pc_icon--xsm):not(.pc_icon--2xsm):not(.pc_icon--3xsm){--pt-icon-stroke: 1px}.pc_icon:not(.pc_icon--custom-stroke) svg,.pc_icon:not(.pc_icon--custom-stroke) svg path{stroke-width:var(--pt-icon-stroke)}.pc_icon--flip-x{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon--flip-y{--ptu-scale-y:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon[dir=rtl].pc_icon--flip-rtl,.pc_icon[dir=ltr].pc_icon--flip-ltr{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}\n";
 const iconId = `${prefix}s-icon`;
 const addIconCss = () => addCssToHead(iconId, cssText);
 const removeIconCss = () => removeCssFromHead(iconId);

package/dist/icon.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_icon{width:var(--pt-icon-size);height:var(--pt-icon-size);max-width:var(--pt-icon-size);max-height:var(--pt-icon-size);min-width:var(--pt-icon-size);min-height:var(--pt-icon-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-icon-size);line-height:1}.pc_icon:not(.pc_icon--sm):not(.pc_icon--xsm):not(.pc_icon--2xsm):not(.pc_icon--3xsm){--pt-icon-stroke: 1px}.pc_icon:not(.pc_icon--custom-stroke) svg,.pc_icon:not(.pc_icon--custom-stroke) svg path{stroke-width:var(--pt-icon-stroke)}.pc_icon--flip-x{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon--flip-y{--ptu-scale-y:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon[dir=rtl].pc_icon--flip-rtl,.pc_icon[dir=ltr].pc_icon--flip-ltr{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}\n";
+const cssText = ".pc_icon{width:var(--pt-icon-size);height:var(--pt-icon-size);max-width:var(--pt-icon-size);max-height:var(--pt-icon-size);min-width:var(--pt-icon-size);min-height:var(--pt-icon-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-icon-size);line-height:1}.pc_icon>svg:not(:has(path)){border-radius:var(--pt-roundness-full, 88px);background-color:var(--pt-alpha-gray-1);width:calc(1em - var(--pt-dimension-200));height:calc(1em - var(--pt-dimension-200))}.pc_icon:not(.pc_icon--sm):not(.pc_icon--xsm):not(.pc_icon--2xsm):not(.pc_icon--3xsm){--pt-icon-stroke: 1px}.pc_icon:not(.pc_icon--custom-stroke) svg,.pc_icon:not(.pc_icon--custom-stroke) svg path{stroke-width:var(--pt-icon-stroke)}.pc_icon--flip-x{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon--flip-y{--ptu-scale-y:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_icon[dir=rtl].pc_icon--flip-rtl,.pc_icon[dir=ltr].pc_icon--flip-ltr{--ptu-scale-x:-1;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}\n";
 const iconId = `${prefix}s-icon`;
 const addIconCss = () => addCssToHead(iconId, cssText);
 const removeIconCss = () => removeCssFromHead(iconId);

package/dist/image.css

@@ -1 +1 @@
-.pc_image{position:relative;display:inline-flex;overflow:hidden;min-width:var(--ptc-image-min);max-width:var(--ptc-image-max);-webkit-user-select:none;user-select:none}.pc_image.pc_image--xsm{--ptc-image-min: 24px;--ptc-image-max: 80px}.pc_image.pc_image--sm{--ptc-image-min: 100px;--ptc-image-max: 100px}.pc_image.pc_image--md{--ptc-image-min: 150px;--ptc-image-max: 270px}.pc_image.pc_image--lg{--ptc-image-min: 280px;--ptc-image-max: 511px}.pc_image.pc_image--1\:1{--ptc-image-aspect-x: 1;--ptc-image-aspect-y: 1}.pc_image.pc_image--4\:3{--ptc-image-aspect-x: 4;--ptc-image-aspect-y: 3}.pc_image.pc_image--3\:2{--ptc-image-aspect-x: 3;--ptc-image-aspect-y: 2}.pc_image.pc_image--16\:9{--ptc-image-aspect-x: 16;--ptc-image-aspect-y: 9}.pc_image.pc_image--2\:1{--ptc-image-aspect-x: 2;--ptc-image-aspect-y: 1}.pc_image.pc_image--vertical{aspect-ratio:var(--ptc-image-aspect-y) / var(--ptc-image-aspect-x)}.pc_image.pc_image--horizontal{aspect-ratio:var(--ptc-image-aspect-x) / var(--ptc-image-aspect-y)}.pc_image .pc_image__img{height:100%;width:100%}.pc_image .pc_image__loading{position:absolute;width:100%;height:100%;--ptu-text-opacity:1;color:rgba(var(--pt-gray-0),var(--ptu-text-opacity))}.pc_image .pc_image__hover_actions{position:absolute;top:var(--pt-dimension-0, 0px);display:none;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--pt-alpha-gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_image .pc_image__hover_actions .pc_button{--ptu-shadow:0 0 var(--ptu-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)!important}.pc_image.pc_image--loaded:hover .pc_image__hover_actions,.pc_image.pc_image--loaded.pc_image--hovered .pc_image__hover_actions{display:flex}.pc_image.pc_image--fallback-content:not(.pc_image--1\:1):not(.pc_image--4\:3):not(.pc_image--3\:2):not(.pc_image--16\:9):not(.pc_image--2\:1){aspect-ratio:1/1}.pc_image .pc_image__fallback{position:absolute;top:var(--pt-dimension-0, 0px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg),var(--ptu-text-opacity))}.pc_image .pc_image__fallback .pc_image__fallback__icon{border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_image .pc_image__fallback .pc_image__fallback__text{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}
+@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));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_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));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_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--3xsm{width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;display:flex;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_image{position:relative;display:inline-flex;overflow:hidden;min-width:var(--ptc-image-min);max-width:var(--ptc-image-max);-webkit-user-select:none;user-select:none}.pc_image.pc_image--xsm{--ptc-image-min: 24px;--ptc-image-max: 80px}.pc_image.pc_image--sm{--ptc-image-min: 100px;--ptc-image-max: 100px}.pc_image.pc_image--md{--ptc-image-min: 150px;--ptc-image-max: 270px}.pc_image.pc_image--lg{--ptc-image-min: 280px;--ptc-image-max: 511px}.pc_image.pc_image--1\:1{--ptc-image-aspect-x: 1;--ptc-image-aspect-y: 1}.pc_image.pc_image--4\:3{--ptc-image-aspect-x: 4;--ptc-image-aspect-y: 3}.pc_image.pc_image--3\:2{--ptc-image-aspect-x: 3;--ptc-image-aspect-y: 2}.pc_image.pc_image--16\:9{--ptc-image-aspect-x: 16;--ptc-image-aspect-y: 9}.pc_image.pc_image--2\:1{--ptc-image-aspect-x: 2;--ptc-image-aspect-y: 1}.pc_image.pc_image--vertical{aspect-ratio:var(--ptc-image-aspect-y) / var(--ptc-image-aspect-x)}.pc_image.pc_image--horizontal{aspect-ratio:var(--ptc-image-aspect-x) / var(--ptc-image-aspect-y)}.pc_image .pc_image__img{height:100%;width:100%}.pc_image .pc_image__loading{position:absolute;width:100%!important;height:100%!important;background-color:var(--pt-alpha-gray-2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pc_image .pc_image__loading .pc_progress__circle__path--indeterminate{--ptu-text-opacity:1 !important;color:rgba(var(--pt-gray-0),var(--ptu-text-opacity))!important}.pc_image .pc_image__hover_actions{position:absolute;top:var(--pt-dimension-0, 0px);display:none;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--pt-alpha-gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_image .pc_image__hover_actions .pc_button{--ptu-shadow:0 0 var(--ptu-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)!important}.pc_image.pc_image--loaded:hover .pc_image__hover_actions,.pc_image.pc_image--loaded.pc_image--hovered .pc_image__hover_actions{display:flex}.pc_image.pc_image--fallback-content:not(.pc_image--1\:1):not(.pc_image--4\:3):not(.pc_image--3\:2):not(.pc_image--16\:9):not(.pc_image--2\:1){aspect-ratio:1/1}.pc_image .pc_image__fallback{position:absolute;top:var(--pt-dimension-0, 0px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg),var(--ptu-text-opacity))}.pc_image .pc_image__fallback .pc_image__fallback__icon{border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_image .pc_image__fallback .pc_image__fallback__text{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}

package/dist/image.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_image{position:relative;display:inline-flex;overflow:hidden;min-width:var(--ptc-image-min);max-width:var(--ptc-image-max);-webkit-user-select:none;user-select:none}.pc_image.pc_image--xsm{--ptc-image-min: 24px;--ptc-image-max: 80px}.pc_image.pc_image--sm{--ptc-image-min: 100px;--ptc-image-max: 100px}.pc_image.pc_image--md{--ptc-image-min: 150px;--ptc-image-max: 270px}.pc_image.pc_image--lg{--ptc-image-min: 280px;--ptc-image-max: 511px}.pc_image.pc_image--1\\:1{--ptc-image-aspect-x: 1;--ptc-image-aspect-y: 1}.pc_image.pc_image--4\\:3{--ptc-image-aspect-x: 4;--ptc-image-aspect-y: 3}.pc_image.pc_image--3\\:2{--ptc-image-aspect-x: 3;--ptc-image-aspect-y: 2}.pc_image.pc_image--16\\:9{--ptc-image-aspect-x: 16;--ptc-image-aspect-y: 9}.pc_image.pc_image--2\\:1{--ptc-image-aspect-x: 2;--ptc-image-aspect-y: 1}.pc_image.pc_image--vertical{aspect-ratio:var(--ptc-image-aspect-y) / var(--ptc-image-aspect-x)}.pc_image.pc_image--horizontal{aspect-ratio:var(--ptc-image-aspect-x) / var(--ptc-image-aspect-y)}.pc_image .pc_image__img{height:100%;width:100%}.pc_image .pc_image__loading{position:absolute;width:100%;height:100%;--ptu-text-opacity:1;color:rgba(var(--pt-gray-0),var(--ptu-text-opacity))}.pc_image .pc_image__hover_actions{position:absolute;top:var(--pt-dimension-0, 0px);display:none;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--pt-alpha-gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_image .pc_image__hover_actions .pc_button{--ptu-shadow:0 0 var(--ptu-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)!important}.pc_image.pc_image--loaded:hover .pc_image__hover_actions,.pc_image.pc_image--loaded.pc_image--hovered .pc_image__hover_actions{display:flex}.pc_image.pc_image--fallback-content:not(.pc_image--1\\:1):not(.pc_image--4\\:3):not(.pc_image--3\\:2):not(.pc_image--16\\:9):not(.pc_image--2\\:1){aspect-ratio:1/1}.pc_image .pc_image__fallback{position:absolute;top:var(--pt-dimension-0, 0px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg),var(--ptu-text-opacity))}.pc_image .pc_image__fallback .pc_image__fallback__icon{border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_image .pc_image__fallback .pc_image__fallback__text{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}\n";
+const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));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_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));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_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--3xsm{width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;display:flex;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_image{position:relative;display:inline-flex;overflow:hidden;min-width:var(--ptc-image-min);max-width:var(--ptc-image-max);-webkit-user-select:none;user-select:none}.pc_image.pc_image--xsm{--ptc-image-min: 24px;--ptc-image-max: 80px}.pc_image.pc_image--sm{--ptc-image-min: 100px;--ptc-image-max: 100px}.pc_image.pc_image--md{--ptc-image-min: 150px;--ptc-image-max: 270px}.pc_image.pc_image--lg{--ptc-image-min: 280px;--ptc-image-max: 511px}.pc_image.pc_image--1\\:1{--ptc-image-aspect-x: 1;--ptc-image-aspect-y: 1}.pc_image.pc_image--4\\:3{--ptc-image-aspect-x: 4;--ptc-image-aspect-y: 3}.pc_image.pc_image--3\\:2{--ptc-image-aspect-x: 3;--ptc-image-aspect-y: 2}.pc_image.pc_image--16\\:9{--ptc-image-aspect-x: 16;--ptc-image-aspect-y: 9}.pc_image.pc_image--2\\:1{--ptc-image-aspect-x: 2;--ptc-image-aspect-y: 1}.pc_image.pc_image--vertical{aspect-ratio:var(--ptc-image-aspect-y) / var(--ptc-image-aspect-x)}.pc_image.pc_image--horizontal{aspect-ratio:var(--ptc-image-aspect-x) / var(--ptc-image-aspect-y)}.pc_image .pc_image__img{height:100%;width:100%}.pc_image .pc_image__loading{position:absolute;width:100%!important;height:100%!important;background-color:var(--pt-alpha-gray-2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pc_image .pc_image__loading .pc_progress__circle__path--indeterminate{--ptu-text-opacity:1 !important;color:rgba(var(--pt-gray-0),var(--ptu-text-opacity))!important}.pc_image .pc_image__hover_actions{position:absolute;top:var(--pt-dimension-0, 0px);display:none;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--pt-alpha-gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_image .pc_image__hover_actions .pc_button{--ptu-shadow:0 0 var(--ptu-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)!important}.pc_image.pc_image--loaded:hover .pc_image__hover_actions,.pc_image.pc_image--loaded.pc_image--hovered .pc_image__hover_actions{display:flex}.pc_image.pc_image--fallback-content:not(.pc_image--1\\:1):not(.pc_image--4\\:3):not(.pc_image--3\\:2):not(.pc_image--16\\:9):not(.pc_image--2\\:1){aspect-ratio:1/1}.pc_image .pc_image__fallback{position:absolute;top:var(--pt-dimension-0, 0px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg),var(--ptu-text-opacity))}.pc_image .pc_image__fallback .pc_image__fallback__icon{border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_image .pc_image__fallback .pc_image__fallback__text{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}\n";
 const imageId = `${prefix}s-image`;
 const addImageCss = () => addCssToHead(imageId, cssText);
 const removeImageCss = () => removeCssFromHead(imageId);

package/dist/image.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_image{position:relative;display:inline-flex;overflow:hidden;min-width:var(--ptc-image-min);max-width:var(--ptc-image-max);-webkit-user-select:none;user-select:none}.pc_image.pc_image--xsm{--ptc-image-min: 24px;--ptc-image-max: 80px}.pc_image.pc_image--sm{--ptc-image-min: 100px;--ptc-image-max: 100px}.pc_image.pc_image--md{--ptc-image-min: 150px;--ptc-image-max: 270px}.pc_image.pc_image--lg{--ptc-image-min: 280px;--ptc-image-max: 511px}.pc_image.pc_image--1\\:1{--ptc-image-aspect-x: 1;--ptc-image-aspect-y: 1}.pc_image.pc_image--4\\:3{--ptc-image-aspect-x: 4;--ptc-image-aspect-y: 3}.pc_image.pc_image--3\\:2{--ptc-image-aspect-x: 3;--ptc-image-aspect-y: 2}.pc_image.pc_image--16\\:9{--ptc-image-aspect-x: 16;--ptc-image-aspect-y: 9}.pc_image.pc_image--2\\:1{--ptc-image-aspect-x: 2;--ptc-image-aspect-y: 1}.pc_image.pc_image--vertical{aspect-ratio:var(--ptc-image-aspect-y) / var(--ptc-image-aspect-x)}.pc_image.pc_image--horizontal{aspect-ratio:var(--ptc-image-aspect-x) / var(--ptc-image-aspect-y)}.pc_image .pc_image__img{height:100%;width:100%}.pc_image .pc_image__loading{position:absolute;width:100%;height:100%;--ptu-text-opacity:1;color:rgba(var(--pt-gray-0),var(--ptu-text-opacity))}.pc_image .pc_image__hover_actions{position:absolute;top:var(--pt-dimension-0, 0px);display:none;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--pt-alpha-gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_image .pc_image__hover_actions .pc_button{--ptu-shadow:0 0 var(--ptu-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)!important}.pc_image.pc_image--loaded:hover .pc_image__hover_actions,.pc_image.pc_image--loaded.pc_image--hovered .pc_image__hover_actions{display:flex}.pc_image.pc_image--fallback-content:not(.pc_image--1\\:1):not(.pc_image--4\\:3):not(.pc_image--3\\:2):not(.pc_image--16\\:9):not(.pc_image--2\\:1){aspect-ratio:1/1}.pc_image .pc_image__fallback{position:absolute;top:var(--pt-dimension-0, 0px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg),var(--ptu-text-opacity))}.pc_image .pc_image__fallback .pc_image__fallback__icon{border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_image .pc_image__fallback .pc_image__fallback__text{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}\n";
+const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));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_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));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_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--3xsm{width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;display:flex;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_image{position:relative;display:inline-flex;overflow:hidden;min-width:var(--ptc-image-min);max-width:var(--ptc-image-max);-webkit-user-select:none;user-select:none}.pc_image.pc_image--xsm{--ptc-image-min: 24px;--ptc-image-max: 80px}.pc_image.pc_image--sm{--ptc-image-min: 100px;--ptc-image-max: 100px}.pc_image.pc_image--md{--ptc-image-min: 150px;--ptc-image-max: 270px}.pc_image.pc_image--lg{--ptc-image-min: 280px;--ptc-image-max: 511px}.pc_image.pc_image--1\\:1{--ptc-image-aspect-x: 1;--ptc-image-aspect-y: 1}.pc_image.pc_image--4\\:3{--ptc-image-aspect-x: 4;--ptc-image-aspect-y: 3}.pc_image.pc_image--3\\:2{--ptc-image-aspect-x: 3;--ptc-image-aspect-y: 2}.pc_image.pc_image--16\\:9{--ptc-image-aspect-x: 16;--ptc-image-aspect-y: 9}.pc_image.pc_image--2\\:1{--ptc-image-aspect-x: 2;--ptc-image-aspect-y: 1}.pc_image.pc_image--vertical{aspect-ratio:var(--ptc-image-aspect-y) / var(--ptc-image-aspect-x)}.pc_image.pc_image--horizontal{aspect-ratio:var(--ptc-image-aspect-x) / var(--ptc-image-aspect-y)}.pc_image .pc_image__img{height:100%;width:100%}.pc_image .pc_image__loading{position:absolute;width:100%!important;height:100%!important;background-color:var(--pt-alpha-gray-2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pc_image .pc_image__loading .pc_progress__circle__path--indeterminate{--ptu-text-opacity:1 !important;color:rgba(var(--pt-gray-0),var(--ptu-text-opacity))!important}.pc_image .pc_image__hover_actions{position:absolute;top:var(--pt-dimension-0, 0px);display:none;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--pt-alpha-gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_image .pc_image__hover_actions .pc_button{--ptu-shadow:0 0 var(--ptu-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)!important}.pc_image.pc_image--loaded:hover .pc_image__hover_actions,.pc_image.pc_image--loaded.pc_image--hovered .pc_image__hover_actions{display:flex}.pc_image.pc_image--fallback-content:not(.pc_image--1\\:1):not(.pc_image--4\\:3):not(.pc_image--3\\:2):not(.pc_image--16\\:9):not(.pc_image--2\\:1){aspect-ratio:1/1}.pc_image .pc_image__fallback{position:absolute;top:var(--pt-dimension-0, 0px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg),var(--ptu-text-opacity))}.pc_image .pc_image__fallback .pc_image__fallback__icon{border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_image .pc_image__fallback .pc_image__fallback__text{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}\n";
 const imageId = `${prefix}s-image`;
 const addImageCss = () => addCssToHead(imageId, cssText);
 const removeImageCss = () => removeCssFromHead(imageId);