@pantograph/styles 0.0.7 → 0.0.8

package/dist/comment.css

@@ -1 +1 @@
-.pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:"notocoloremoji",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*="direction: ltr"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;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))}[style*="direction: rtl"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;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_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__editor .pc_comment__editor__editor{--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;font-family:"notocoloremoji",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_description{--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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:"notocoloremoji",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_comment__reaction_users .pc_comment__reaction_users__list{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}
+.pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:"notocoloremoji",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));outline-width:var(--pt-stroke-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*="direction: ltr"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;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))}[style*="direction: rtl"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;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_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__editor .pc_comment__editor__editor{--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;font-family:"notocoloremoji",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));outline-width:var(--pt-stroke-0, 0px)}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_description{--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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:"notocoloremoji",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_comment__reaction_users .pc_comment__reaction_users__list{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}

package/dist/comment.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*=\"direction: ltr\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;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))}[style*=\"direction: rtl\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;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_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__editor .pc_comment__editor__editor{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_description{--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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_comment__reaction_users .pc_comment__reaction_users__list{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
+const cssText = ".pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));outline-width:var(--pt-stroke-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*=\"direction: ltr\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;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))}[style*=\"direction: rtl\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;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_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__editor .pc_comment__editor__editor{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));outline-width:var(--pt-stroke-0, 0px)}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_description{--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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_comment__reaction_users .pc_comment__reaction_users__list{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
 const commentId = `${prefix}s-comment`;
 const addCommentCss = () => addCssToHead(commentId, cssText);
 const removeCommentCss = () => removeCssFromHead(commentId);

package/dist/comment.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*=\"direction: ltr\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;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))}[style*=\"direction: rtl\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;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_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__editor .pc_comment__editor__editor{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_description{--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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_comment__reaction_users .pc_comment__reaction_users__list{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
+const cssText = ".pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));outline-width:var(--pt-stroke-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*=\"direction: ltr\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;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))}[style*=\"direction: rtl\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;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_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_comment__editor .pc_comment__editor__editor{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));outline-width:var(--pt-stroke-0, 0px)}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_description{--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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_comment__reaction_users .pc_comment__reaction_users__list{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
 const commentId = `${prefix}s-comment`;
 const addCommentCss = () => addCssToHead(commentId, cssText);
 const removeCommentCss = () => removeCssFromHead(commentId);

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%;max-width:100%;min-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{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: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)}

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%;max-width:100%;min-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{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: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 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%;max-width:100%;min-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{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: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 dataTableId = `${prefix}s-data_table`;
 const addDataTableCss = () => addCssToHead(dataTableId, cssText);
 const removeDataTableCss = () => removeCssFromHead(dataTableId);