@primer/react 38.0.0-rc.4 → 38.0.0-rc.6

package/dist/DataTable/{Table-87f4043f.css → Table-7f5cb3e4.css}

@@ -1,2 +1,2 @@
-.prc-DataTable-TableContainer-Gm3sY{column-gap:var(--base-size-8,.5rem);display:grid;grid-template-areas:"title actions" "divider divider" "subtitle subtitle" "filter filter" "table table" "footer footer";grid-template-columns:1fr 1fr}.prc-DataTable-TableTitle-Q7qQd{align-self:center;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600);grid-area:title;line-height:20px}.prc-DataTable-TableSubtitle-DEyv-,.prc-DataTable-TableTitle-Q7qQd{color:var(--fgColor-default,var(--color-fg-default));margin:0}.prc-DataTable-TableSubtitle-DEyv-{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);grid-area:subtitle;line-height:var(--text-title-lineHeight-small,1.5)}.prc-DataTable-TableActions-IEEii{align-items:center;column-gap:var(--base-size-8,.5rem);display:flex;grid-area:actions;justify-self:end}.prc-DataTable-TableDivider-OsO1X{background-color:var(--borderColor-default,var(--color-border-default));grid-area:divider;height:1px;margin-block-end:var(--base-size-8,.5rem);margin-block-start:var(--base-size-16,1rem);width:100%}.prc-DataTable-TableActions-IEEii+.prc-DataTable-TableOverflowWrapper-PFgsy,.prc-DataTable-TableSubtitle-DEyv-+.prc-DataTable-TableOverflowWrapper-PFgsy,.prc-DataTable-TableTitle-Q7qQd+.prc-DataTable-TableOverflowWrapper-PFgsy{margin-block-start:var(--base-size-8,.5rem)}.prc-DataTable-Table-qYfrL,.prc-DataTable-TableOverflowWrapper-PFgsy{grid-area:table}.prc-DataTable-Table-qYfrL{--table-border-radius:0.375rem;--table-cell-padding:var(--cell-padding-block,0.5rem) var(--cell-padding-inline,0.75rem);--table-font-size:0.75rem;background-color:var(--bgColor-default,var(--color-canvas-default));border-collapse:separate;border-spacing:0;display:grid;font-size:var(--table-font-size);grid-template-columns:var(--grid-template-columns);line-height:1.66667;width:100%}.prc-DataTable-Table-qYfrL:where([data-cell-padding=condensed]){--cell-padding-block:0.25rem;--cell-padding-inline:0.5rem}.prc-DataTable-Table-qYfrL:where([data-cell-padding=normal]){--cell-padding-block:0.5rem;--cell-padding-inline:0.75rem}.prc-DataTable-Table-qYfrL:where([data-cell-padding=spacious]){--cell-padding-block:0.75rem;--cell-padding-inline:1rem}.prc-DataTable-TableCell-dVc-6:first-child,.prc-DataTable-TableHeader-CRPoj:first-child{border-inline-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableCell-dVc-6:last-child,.prc-DataTable-TableHeader-CRPoj:last-child{border-inline-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableCell-dVc-6,.prc-DataTable-TableHeader-CRPoj{align-items:center;border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding:var(--table-cell-padding);text-align:start}.prc-DataTable-TableCell-dVc-6:where([data-cell-align=end]),.prc-DataTable-TableHeader-CRPoj:where([data-cell-align=end]){display:flex;justify-content:flex-end;text-align:end}.prc-DataTable-TableHeader-CRPoj[data-cell-align=end] .prc-DataTable-TableSortButton-LnQla{display:flex;flex-direction:row-reverse}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj{border-block-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:first-child{border-top-left-radius:var(--table-border-radius)}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:last-child{border-top-right-radius:var(--table-border-radius)}.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:first-child{border-bottom-left-radius:var(--table-border-radius)}.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:last-child{border-bottom-right-radius:var(--table-border-radius)}.prc-DataTable-TableRow-1vLX7>:first-child .prc-DataTable-TableCellSkeletonItem-jFqti,.prc-DataTable-TableRow-1vLX7>:first-child:not(.prc-DataTable-TableCellSkeleton-ge8WK){padding-inline-start:var(--base-size-16,1rem)}.prc-DataTable-TableRow-1vLX7>:last-child .prc-DataTable-TableCellSkeletonItem-jFqti,.prc-DataTable-TableRow-1vLX7>:last-child:not(.prc-DataTable-TableCellSkeleton-ge8WK){padding-inline-end:var(--base-size-16,1rem)}.prc-DataTable-TableHeader-CRPoj{background-color:var(--bgColor-muted,var(--color-canvas-subtle));border-block-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));color:var(--fgColor-muted,var(--color-fg-muted));font-weight:var(--base-text-weight-semibold,600)}.prc-DataTable-TableHeader-CRPoj:where([aria-sort=ascending]),.prc-DataTable-TableHeader-CRPoj:where([aria-sort=descending]){color:var(--fgColor-default,var(--color-fg-default))}.prc-DataTable-TableSortIcon-2h30n{visibility:hidden}.prc-DataTable-TableHeader-CRPoj .prc-DataTable-TableSortButton-LnQla:focus .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj:hover .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj[aria-sort=ascending] .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj[aria-sort=descending] .prc-DataTable-TableSortIcon--descending-7-zjV{visibility:visible}.prc-DataTable-TableRow-1vLX7:hover .prc-DataTable-TableCell-dVc-6:not(.prc-DataTable-TableCellSkeleton-ge8WK){background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TableCell-dVc-6:where([scope=row]){align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;font-weight:var(--base-text-weight-semibold,600)}.prc-DataTable-TableCellSkeleton-ge8WK{padding:0}.prc-DataTable-TableCellSkeletonItems-XEGdI{display:flex;flex-direction:column;width:100%}.prc-DataTable-TableCellSkeletonItem-jFqti{padding:var(--table-cell-padding)}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+1){--skeleton-item-width:85%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+2){--skeleton-item-width:67.5%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+3){--skeleton-item-width:80%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+4){--skeleton-item-width:60%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+5){--skeleton-item-width:75%}.prc-DataTable-TableCellSkeletonItem-jFqti [data-component=SkeletonText]{width:var(--skeleton-item-width)}.prc-DataTable-TableCellSkeletonItem-jFqti:not(:last-of-type){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableSortButton-LnQla{column-gap:.5rem}.prc-DataTable-TableBody-p56SS,.prc-DataTable-TableHead-eOrJU,.prc-DataTable-TableRow-1vLX7{display:contents}@supports (grid-template-columns:subgrid){.prc-DataTable-TableBody-p56SS,.prc-DataTable-TableHead-eOrJU,.prc-DataTable-TableRow-1vLX7{display:grid;grid-column:-1/1;grid-template-columns:subgrid}}
-/*# sourceMappingURL=Table-87f4043f.css.map */
+.prc-DataTable-TableContainer-Gm3sY{column-gap:var(--base-size-8,.5rem);display:grid;grid-template-areas:"title actions" "divider divider" "subtitle subtitle" "filter filter" "table table" "footer footer";grid-template-columns:1fr 1fr}.prc-DataTable-TableTitle-Q7qQd{align-self:center;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600);grid-area:title;line-height:20px}.prc-DataTable-TableSubtitle-DEyv-,.prc-DataTable-TableTitle-Q7qQd{color:var(--fgColor-default,var(--color-fg-default));margin:0}.prc-DataTable-TableSubtitle-DEyv-{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);grid-area:subtitle;line-height:var(--text-title-lineHeight-small,1.5)}.prc-DataTable-TableActions-IEEii{align-items:center;column-gap:var(--base-size-8,.5rem);display:flex;grid-area:actions;justify-self:end}.prc-DataTable-TableDivider-OsO1X{background-color:var(--borderColor-default,var(--color-border-default));grid-area:divider;height:1px;margin-block-end:var(--base-size-8,.5rem);margin-block-start:var(--base-size-16,1rem);width:100%}.prc-DataTable-TableActions-IEEii+.prc-DataTable-TableOverflowWrapper-PFgsy,.prc-DataTable-TableSubtitle-DEyv-+.prc-DataTable-TableOverflowWrapper-PFgsy,.prc-DataTable-TableTitle-Q7qQd+.prc-DataTable-TableOverflowWrapper-PFgsy{margin-block-start:var(--base-size-8,.5rem)}.prc-DataTable-Table-qYfrL,.prc-DataTable-TableOverflowWrapper-PFgsy{grid-area:table}.prc-DataTable-Table-qYfrL{--table-border-radius:0.375rem;--table-cell-padding:var(--cell-padding-block,0.5rem) var(--cell-padding-inline,0.75rem);--table-font-size:0.75rem;background-color:var(--bgColor-default,var(--color-canvas-default));border-collapse:separate;border-spacing:0;display:grid;font-size:var(--table-font-size);grid-template-columns:var(--grid-template-columns);line-height:1.66667;width:100%}.prc-DataTable-Table-qYfrL:where([data-cell-padding=condensed]){--cell-padding-block:0.25rem;--cell-padding-inline:0.5rem}.prc-DataTable-Table-qYfrL:where([data-cell-padding=normal]){--cell-padding-block:0.5rem;--cell-padding-inline:0.75rem}.prc-DataTable-Table-qYfrL:where([data-cell-padding=spacious]){--cell-padding-block:0.75rem;--cell-padding-inline:1rem}.prc-DataTable-TableCell-dVc-6:first-child,.prc-DataTable-TableHeader-CRPoj:first-child{border-inline-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableCell-dVc-6:last-child,.prc-DataTable-TableHeader-CRPoj:last-child{border-inline-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableCell-dVc-6,.prc-DataTable-TableHeader-CRPoj{align-items:center;border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding:var(--table-cell-padding);text-align:start}.prc-DataTable-TableCell-dVc-6:where([data-cell-align=end]),.prc-DataTable-TableHeader-CRPoj:where([data-cell-align=end]){display:flex;justify-content:flex-end;text-align:end}.prc-DataTable-TableHeader-CRPoj[data-cell-align=end] .prc-DataTable-TableSortButton-LnQla{display:flex;flex-direction:row-reverse}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj{border-block-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:first-child{border-top-left-radius:var(--table-border-radius)}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:last-child{border-top-right-radius:var(--table-border-radius)}.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:first-child{border-bottom-left-radius:var(--table-border-radius)}.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:last-child{border-bottom-right-radius:var(--table-border-radius)}.prc-DataTable-TableRow-1vLX7>:first-child .prc-DataTable-TableCellSkeletonItem-jFqti,.prc-DataTable-TableRow-1vLX7>:first-child:not(.prc-DataTable-TableCellSkeleton-ge8WK){padding-inline-start:var(--base-size-16,1rem)}.prc-DataTable-TableRow-1vLX7>:last-child .prc-DataTable-TableCellSkeletonItem-jFqti,.prc-DataTable-TableRow-1vLX7>:last-child:not(.prc-DataTable-TableCellSkeleton-ge8WK){padding-inline-end:var(--base-size-16,1rem)}.prc-DataTable-TableHeader-CRPoj{background-color:var(--bgColor-muted,var(--color-canvas-subtle));border-block-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));color:var(--fgColor-muted,var(--color-fg-muted));font-weight:var(--base-text-weight-semibold,600)}.prc-DataTable-TableHeader-CRPoj:where([aria-sort=ascending]),.prc-DataTable-TableHeader-CRPoj:where([aria-sort=descending]){color:var(--fgColor-default,var(--color-fg-default))}.prc-DataTable-TableSortIcon-2h30n{visibility:hidden}.prc-DataTable-TableHeader-CRPoj .prc-DataTable-TableSortButton-LnQla:focus .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj:hover .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj[aria-sort=ascending] .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj[aria-sort=descending] .prc-DataTable-TableSortIcon--descending-7-zjV{visibility:visible}.prc-DataTable-TableRow-1vLX7:hover .prc-DataTable-TableCell-dVc-6:not(.prc-DataTable-TableCellSkeleton-ge8WK){background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TableCell-dVc-6:where([scope=row]){align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;font-weight:var(--base-text-weight-semibold,600)}.prc-DataTable-TableCellSkeleton-ge8WK{padding:0}.prc-DataTable-TableCellSkeletonItems-XEGdI{display:flex;flex-direction:column;width:100%}.prc-DataTable-TableCellSkeletonItem-jFqti{padding:var(--table-cell-padding)}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+1){--skeleton-item-width:85%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+2){--skeleton-item-width:67.5%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+3){--skeleton-item-width:80%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+4){--skeleton-item-width:60%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+5){--skeleton-item-width:75%}.prc-DataTable-TableCellSkeletonItem-jFqti [data-component=SkeletonText]{width:var(--skeleton-item-width)}.prc-DataTable-TableCellSkeletonItem-jFqti:not(:last-of-type){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableSortButton-LnQla{column-gap:.5rem}.prc-DataTable-TableBody-p56SS,.prc-DataTable-TableHead-eOrJU,.prc-DataTable-TableRow-1vLX7{display:contents}@supports (grid-template-columns:subgrid){.prc-DataTable-TableBody-p56SS,.prc-DataTable-TableHead-eOrJU,.prc-DataTable-TableRow-1vLX7{display:grid;grid-column:-1/1;grid-template-columns:subgrid}}.prc-DataTable-PlaceholderText-8lmcp{color:var(--fgColor-muted,var(--color-fg-muted))}
+/*# sourceMappingURL=Table-7f5cb3e4.css.map */

package/dist/DataTable/Table-7f5cb3e4.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DataTable/Table.module.css"],"names":[],"mappings":"AACA,oCAUE,mCAA8B,CAT9B,YAAa,CAEb,uHAMiB,CAPjB,6BASF,CAGA,gCAQE,iBAAkB,CANlB,8CAAuC,CACvC,gDAA6C,CAI7C,eAAgB,CAFhB,gBAIF,CAGA,mEANE,oDAA6B,CAL7B,QAkBF,CAPA,mCAEE,4CAAsC,CACtC,8CAA2C,CAG3C,kBAAmB,CAFnB,kDAGF,CAGA,kCAGE,kBAAmB,CADnB,mCAA8B,CAD9B,YAAa,CAGb,iBAAkB,CAClB,gBACF,CAGA,kCAIE,uEAA4C,CAC5C,iBAAkB,CAHlB,UAAW,CAKX,yCAAoC,CADpC,2CAAuC,CALvC,UAOF,CAGA,mOAGE,2CACF,CAOA,qEAJE,eAsCF,CAlCA,2BAEE,8BAA+B,CAC/B,wFAA2F,CAC3F,yBAA0B,CAW1B,mEAAwC,CADxC,wBAAyB,CAFzB,gBAAiB,CANjB,YAAa,CAGb,gCAAiC,CAQjC,kDAAmD,CANnD,mBAA0B,CAJ1B,UA2BF,CAdE,gEACE,4BAA6B,CAC7B,4BACF,CAEA,6DACE,2BAA4B,CAC5B,6BACF,CAEA,+DACE,4BAA6B,CAC7B,0BACF,CAIF,wFAEE,iHACF,CAEA,sFAEE,+GACF,CAEA,gEAME,kBAAmB,CACnB,8GAA0E,CAL1E,YAAa,CAEb,iCAAkC,CAClC,gBAGF,CAEA,0HAEE,YAAa,CAEb,wBAAyB,CADzB,cAEF,CAEA,2FACE,YAAa,CACb,0BACF,CAEA,4GACE,gHACF,CAIA,wHAEE,iDACF,CAGA,uHAEE,kDACF,CAGA,qMAEE,oDACF,CAGA,oMAEE,qDACF,CAMA,6KAEE,6CACF,CAEA,2KAEE,2CACF,CAGA,iCAGE,gEAAsC,CACtC,gHAA4E,CAF5E,gDAA2B,CAD3B,gDAIF,CAEA,6HAEE,oDACF,CAGA,mCACE,iBACF,CASA,yZAEE,kBACF,CAGA,+GACE,wGACF,CAGA,kDAIE,kBAAmB,CADnB,oDAA6B,CAF7B,YAAa,CACb,gDAGF,CAGA,uCACE,SACF,CAEA,4CACE,YAAa,CAEb,qBAAsB,CADtB,UAEF,CAEA,2CAEE,iCAqBF,CAnBE,6DACE,yBACF,CAEA,6DACE,2BACF,CAEA,6DACE,yBACF,CAEA,6DACE,yBACF,CAEA,6DACE,yBACF,CAGF,yEACE,gCACF,CAEA,8DACE,8GACF,CAEA,qCACE,gBACF,CAGA,4FAGE,gBACF,CAEA,0CACE,4FAGE,YAAa,CAEb,gBAAkB,CADlB,6BAEF,CACF,CAEA,qCACE,gDACF","file":"Table-7f5cb3e4.css","sourcesContent":["/* Container ---------------------------------------------------------------- */\n.TableContainer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas:\n    'title actions'\n    'divider divider'\n    'subtitle subtitle'\n    'filter filter'\n    'table table'\n    'footer footer';\n  column-gap: var(--base-size-8);\n}\n\n/* TableTitle */\n.TableTitle {\n  margin: 0;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  color: var(--fgColor-default);\n  grid-area: title;\n  align-self: center;\n}\n\n/* TableSubtitle */\n.TableSubtitle {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-title-lineHeight-small);\n  color: var(--fgColor-default);\n  grid-area: subtitle;\n}\n\n/* TableActions */\n.TableActions {\n  display: flex;\n  column-gap: var(--base-size-8);\n  align-items: center;\n  grid-area: actions;\n  justify-self: end;\n}\n\n/* TableDivider */\n.TableDivider {\n  width: 100%;\n  height: 1px;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--borderColor-default);\n  grid-area: divider;\n  margin-block-start: var(--base-size-16);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Spacing before the table */\n.TableTitle + .TableOverflowWrapper,\n.TableSubtitle + .TableOverflowWrapper,\n.TableActions + .TableOverflowWrapper {\n  margin-block-start: var(--base-size-8);\n}\n\n.TableOverflowWrapper {\n  grid-area: table;\n}\n\n/* Table -------------------------------------------------------------------- */\n.Table {\n  /* Default table styles */\n  --table-border-radius: 0.375rem;\n  --table-cell-padding: var(--cell-padding-block, 0.5rem) var(--cell-padding-inline, 0.75rem);\n  --table-font-size: 0.75rem;\n\n  display: grid;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: var(--table-font-size);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 12);\n  border-spacing: 0;\n  /* stylelint-disable-next-line primer/borders */\n  border-collapse: separate;\n  background-color: var(--bgColor-default);\n  grid-area: table;\n  grid-template-columns: var(--grid-template-columns);\n\n  /* Density modes: condensed, normal, spacious */\n  &:where([data-cell-padding='condensed']) {\n    --cell-padding-block: 0.25rem;\n    --cell-padding-inline: 0.5rem;\n  }\n\n  &:where([data-cell-padding='normal']) {\n    --cell-padding-block: 0.5rem;\n    --cell-padding-inline: 0.75rem;\n  }\n\n  &:where([data-cell-padding='spacious']) {\n    --cell-padding-block: 0.75rem;\n    --cell-padding-inline: 1rem;\n  }\n}\n\n/* Borders */\n.TableCell:first-child,\n.TableHeader:first-child {\n  border-inline-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableCell:last-child,\n.TableHeader:last-child {\n  border-inline-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader,\n.TableCell {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--table-cell-padding);\n  text-align: start;\n  align-items: center;\n  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader:where([data-cell-align='end']),\n.TableCell:where([data-cell-align='end']) {\n  display: flex;\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.TableHeader[data-cell-align='end'] .TableSortButton {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.TableHead .TableRow:first-of-type .TableHeader {\n  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n/* Border radius */\n/* stylelint-disable-next-line selector-max-specificity */\n.TableHead .TableRow:first-of-type .TableHeader:first-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-top-left-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.TableHead .TableRow:first-of-type .TableHeader:last-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-top-right-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */\n.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:first-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom-left-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */\n.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:last-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom-right-radius: var(--table-border-radius);\n}\n\n/**\n * Offset padding to make sure type aligns regardless of cell padding\n * selection\n */\n.TableRow > *:first-child:not(.TableCellSkeleton),\n.TableRow > *:first-child .TableCellSkeletonItem {\n  padding-inline-start: var(--base-size-16);\n}\n\n.TableRow > *:last-child:not(.TableCellSkeleton),\n.TableRow > *:last-child .TableCellSkeletonItem {\n  padding-inline-end: var(--base-size-16);\n}\n\n/* TableHeader */\n.TableHeader {\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  background-color: var(--bgColor-muted);\n  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader:where([aria-sort='descending']),\n.TableHeader:where([aria-sort='ascending']) {\n  color: var(--fgColor-default);\n}\n\n/* Control visibility of sort icons */\n.TableSortIcon {\n  visibility: hidden;\n}\n\n/* The ASC icon is visible if the header is sortable and is hovered or focused */\n.TableHeader:hover .TableSortIcon--ascending,\n.TableHeader .TableSortButton:focus .TableSortIcon--ascending {\n  visibility: visible;\n}\n\n/* Each sort icon is visible if the TableHeader is currently in the corresponding sort state */\n.TableHeader[aria-sort='ascending'] .TableSortIcon--ascending,\n.TableHeader[aria-sort='descending'] .TableSortIcon--descending {\n  visibility: visible;\n}\n\n/* TableRow */\n.TableRow:hover .TableCell:not(.TableCellSkeleton) {\n  background-color: var(--control-transparent-bgColor-hover);\n}\n\n/* TableCell */\n.TableCell:where([scope='row']) {\n  display: flex;\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-default);\n  align-items: center;\n}\n\n/* TableCellSkeleton */\n.TableCellSkeleton {\n  padding: 0;\n}\n\n.TableCellSkeletonItems {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.TableCellSkeletonItem {\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--table-cell-padding);\n\n  &:nth-of-type(5n + 1) {\n    --skeleton-item-width: 85%;\n  }\n\n  &:nth-of-type(5n + 2) {\n    --skeleton-item-width: 67.5%;\n  }\n\n  &:nth-of-type(5n + 3) {\n    --skeleton-item-width: 80%;\n  }\n\n  &:nth-of-type(5n + 4) {\n    --skeleton-item-width: 60%;\n  }\n\n  &:nth-of-type(5n + 5) {\n    --skeleton-item-width: 75%;\n  }\n}\n\n.TableCellSkeletonItem [data-component='SkeletonText'] {\n  width: var(--skeleton-item-width);\n}\n\n.TableCellSkeletonItem:not(:last-of-type) {\n  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableSortButton {\n  column-gap: 0.5rem;\n}\n\n/* Grid layout */\n.TableHead,\n.TableBody,\n.TableRow {\n  display: contents;\n}\n\n@supports (grid-template-columns: subgrid) {\n  .TableHead,\n  .TableBody,\n  .TableRow {\n    display: grid;\n    grid-template-columns: subgrid;\n    grid-column: -1 /1;\n  }\n}\n\n.PlaceholderText {\n  color: var(--fgColor-muted);\n}\n"]}

package/dist/DataTable/Table.js

@@ -439,7 +439,7 @@ function TableCellPlaceholder(t0) {
   let t1;
   if ($[0] !== children) {
     t1 = /*#__PURE__*/jsx(Text, {
-      color: "fg.subtle",
+      className: classes.PlaceholderText,
       children: children
     });
     $[0] = children;

package/dist/DataTable/Table.module.css.js

@@ -1,5 +1,5 @@
-import './Table-87f4043f.css';
+import './Table-7f5cb3e4.css';
 
-var classes = {"TableContainer":"prc-DataTable-TableContainer-Gm3sY","TableTitle":"prc-DataTable-TableTitle-Q7qQd","TableSubtitle":"prc-DataTable-TableSubtitle-DEyv-","TableActions":"prc-DataTable-TableActions-IEEii","TableDivider":"prc-DataTable-TableDivider-OsO1X","TableOverflowWrapper":"prc-DataTable-TableOverflowWrapper-PFgsy","Table":"prc-DataTable-Table-qYfrL","TableCell":"prc-DataTable-TableCell-dVc-6","TableHeader":"prc-DataTable-TableHeader-CRPoj","TableSortButton":"prc-DataTable-TableSortButton-LnQla","TableHead":"prc-DataTable-TableHead-eOrJU","TableRow":"prc-DataTable-TableRow-1vLX7","TableBody":"prc-DataTable-TableBody-p56SS","TableCellSkeletonItem":"prc-DataTable-TableCellSkeletonItem-jFqti","TableCellSkeleton":"prc-DataTable-TableCellSkeleton-ge8WK","TableSortIcon":"prc-DataTable-TableSortIcon-2h30n","TableSortIcon--ascending":"prc-DataTable-TableSortIcon--ascending-H9-sb","TableSortIcon--descending":"prc-DataTable-TableSortIcon--descending-7-zjV","TableCellSkeletonItems":"prc-DataTable-TableCellSkeletonItems-XEGdI"};
+var classes = {"TableContainer":"prc-DataTable-TableContainer-Gm3sY","TableTitle":"prc-DataTable-TableTitle-Q7qQd","TableSubtitle":"prc-DataTable-TableSubtitle-DEyv-","TableActions":"prc-DataTable-TableActions-IEEii","TableDivider":"prc-DataTable-TableDivider-OsO1X","TableOverflowWrapper":"prc-DataTable-TableOverflowWrapper-PFgsy","Table":"prc-DataTable-Table-qYfrL","TableCell":"prc-DataTable-TableCell-dVc-6","TableHeader":"prc-DataTable-TableHeader-CRPoj","TableSortButton":"prc-DataTable-TableSortButton-LnQla","TableHead":"prc-DataTable-TableHead-eOrJU","TableRow":"prc-DataTable-TableRow-1vLX7","TableBody":"prc-DataTable-TableBody-p56SS","TableCellSkeletonItem":"prc-DataTable-TableCellSkeletonItem-jFqti","TableCellSkeleton":"prc-DataTable-TableCellSkeleton-ge8WK","TableSortIcon":"prc-DataTable-TableSortIcon-2h30n","TableSortIcon--ascending":"prc-DataTable-TableSortIcon--ascending-H9-sb","TableSortIcon--descending":"prc-DataTable-TableSortIcon--descending-7-zjV","TableCellSkeletonItems":"prc-DataTable-TableCellSkeletonItems-XEGdI","PlaceholderText":"prc-DataTable-PlaceholderText-8lmcp"};
 
 export { classes as default };

package/dist/Dialog/{Dialog-8a809d11.css → Dialog-1a61e61a.css}

@@ -1,2 +1,2 @@
-@property --prc-dialog-scrollgutter{initial-value:0;inherits:false;syntax:"<length>"}@keyframes prc-Dialog-dialog-backdrop-appear-FwQst{0%{opacity:0}to{opacity:1}}@keyframes prc-Dialog-Overlay--motion-scaleFade-ctSnM{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes prc-Dialog-Overlay--motion-slideUp-PtiP3{0%{transform:translateY(100%)}}@keyframes prc-Dialog-Overlay--motion-slideInRight-dOTaT{0%{transform:translateX(-100%)}}@keyframes prc-Dialog-Overlay--motion-slideInLeft-Lfaz8{0%{transform:translateX(100%)}}@keyframes prc-Dialog-detect-scroll-aZzKG{0%,to{--can-scroll:1}}.prc-Dialog-Backdrop-ugYqZ{animation:prc-Dialog-dialog-backdrop-appear-FwQst .2s cubic-bezier(.33,1,.68,1);background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));bottom:0;display:flex;left:0;position:fixed;right:0;top:0}.prc-Dialog-Backdrop-ugYqZ,.prc-Dialog-Backdrop-ugYqZ[data-position-regular=center]{align-items:center;justify-content:center}.prc-Dialog-Backdrop-ugYqZ[data-position-regular=left]{align-items:center;justify-content:flex-start}.prc-Dialog-Backdrop-ugYqZ[data-position-regular=right]{align-items:center;justify-content:flex-end}@media (max-width:767px){.prc-Dialog-Backdrop-ugYqZ[data-position-narrow=center]{align-items:center;justify-content:center}.prc-Dialog-Backdrop-ugYqZ[data-position-narrow=bottom]{align-items:end;justify-content:center}}.prc-Dialog-Dialog-luvDS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));display:flex;flex-direction:column;height:auto;max-height:calc(100dvh - 64px);max-width:calc(100dvw - 64px);min-width:296px;opacity:1;width:640px}.prc-Dialog-Dialog-luvDS:where([data-width=small]){width:296px}.prc-Dialog-Dialog-luvDS:where([data-width=medium]){width:320px}.prc-Dialog-Dialog-luvDS:where([data-width=large]){width:480px}.prc-Dialog-Dialog-luvDS:where([data-height=small]){height:480px}.prc-Dialog-Dialog-luvDS:where([data-height=large]){height:640px}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=center]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem))}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=center]{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=left]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-left-radius:0;border-top-left-radius:0;height:100dvh;max-height:unset}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=left]{animation:prc-Dialog-Overlay--motion-slideInRight-dOTaT .25s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=right]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-right-radius:0;border-top-right-radius:0;height:100dvh;max-height:unset}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=right]{animation:prc-Dialog-Overlay--motion-slideInLeft-Lfaz8 .25s cubic-bezier(.33,1,.68,1) 0s 1 normal none running}}@media (max-width:767px){.prc-Dialog-Dialog-luvDS[data-position-narrow=center]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));height:auto;width:640px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=small]){width:296px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=medium]){width:320px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=large]){width:480px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-height=small]){height:480px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-height=large]){height:640px}.prc-Dialog-Dialog-luvDS[data-position-narrow=bottom]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;max-height:calc(100dvh - 64px);max-width:100dvw;width:100dvw}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-narrow=bottom]{animation:prc-Dialog-Overlay--motion-slideUp-PtiP3 .25s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-narrow=fullscreen]{border-radius:unset!important;flex-grow:1;height:100%;max-height:100dvh;max-width:100dvw;width:100%}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-narrow=fullscreen]{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}}body:has(.prc-Dialog-Dialog-luvDS.prc-Dialog-DisableScroll-F6LZa){overflow:hidden!important;padding-right:var(--prc-dialog-scrollgutter)!important}.prc-Dialog-DialogOverflowWrapper-oDYJo{flex-grow:1}.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4){--can-scroll:0}.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) .prc-Dialog-DialogOverflowWrapper-oDYJo{animation:prc-Dialog-detect-scroll-aZzKG;border-bottom:var(--borderWidth-default,.0625rem) solid var(--borderColor-default,var(--color-border-default));animation-timeline:scroll(self)}@supports (animation-timeline:scroll(self)){.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) .prc-Dialog-DialogOverflowWrapper-oDYJo{border-bottom:calc(var(--borderWidth-thin,.0625rem)*var(--can-scroll)) solid var(--borderColor-default,var(--color-border-default))}}.prc-Dialog-Header-cjbcl{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));flex-shrink:0;max-height:35vh;overflow-y:auto;padding:var(--base-size-8,.5rem);z-index:1}.prc-Dialog-Title-oQ-W6{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--text-title-weight-large,600);margin:0}.prc-Dialog-Subtitle-sITpo{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);margin:0;margin-top:var(--base-size-4,.25rem)}.prc-Dialog-Body-LCvER{flex-grow:1;overflow:auto}.prc-Dialog-Body-LCvER,.prc-Dialog-Footer-jQfN4{padding:var(--base-size-16,1rem)}.prc-Dialog-Footer-jQfN4{display:flex;flex-flow:wrap;flex-shrink:0;gap:var(--base-size-8,.5rem);justify-content:flex-end;z-index:1}@media (max-height:325px){.prc-Dialog-Footer-jQfN4{flex-direction:row;flex-wrap:nowrap;justify-content:unset;overflow-x:scroll}}
-/*# sourceMappingURL=Dialog-8a809d11.css.map */
+@property --prc-dialog-scrollgutter{initial-value:0;inherits:false;syntax:"<length>"}@keyframes prc-Dialog-dialog-backdrop-appear-FwQst{0%{opacity:0}to{opacity:1}}@keyframes prc-Dialog-Overlay--motion-scaleFade-ctSnM{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes prc-Dialog-Overlay--motion-slideUp-PtiP3{0%{transform:translateY(100%)}}@keyframes prc-Dialog-Overlay--motion-slideInRight-dOTaT{0%{transform:translateX(-100%)}}@keyframes prc-Dialog-Overlay--motion-slideInLeft-Lfaz8{0%{transform:translateX(100%)}}@keyframes prc-Dialog-detect-scroll-aZzKG{0%,to{--can-scroll:1}}.prc-Dialog-Backdrop-ugYqZ{animation:prc-Dialog-dialog-backdrop-appear-FwQst .2s cubic-bezier(.33,1,.68,1);background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));bottom:0;display:flex;left:0;position:fixed;right:0;top:0}.prc-Dialog-Backdrop-ugYqZ,.prc-Dialog-Backdrop-ugYqZ[data-position-regular=center]{align-items:center;justify-content:center}.prc-Dialog-Backdrop-ugYqZ[data-position-regular=left]{align-items:center;justify-content:flex-start}.prc-Dialog-Backdrop-ugYqZ[data-position-regular=right]{align-items:center;justify-content:flex-end}@media (max-width:767px){.prc-Dialog-Backdrop-ugYqZ[data-position-narrow=center]{align-items:center;justify-content:center}.prc-Dialog-Backdrop-ugYqZ[data-position-narrow=bottom]{align-items:end;justify-content:center}}.prc-Dialog-Dialog-luvDS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));display:flex;flex-direction:column;height:auto;max-height:calc(100dvh - 64px);max-width:calc(100dvw - 64px);min-width:296px;opacity:1;width:640px}.prc-Dialog-Dialog-luvDS:where([data-width=small]){width:296px}.prc-Dialog-Dialog-luvDS:where([data-width=medium]){width:320px}.prc-Dialog-Dialog-luvDS:where([data-width=large]){width:480px}.prc-Dialog-Dialog-luvDS:where([data-height=small]){height:480px}.prc-Dialog-Dialog-luvDS:where([data-height=large]){height:640px}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=center]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem))}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=center]{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=left]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-left-radius:0;border-top-left-radius:0;height:100dvh;max-height:unset}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=left]{animation:prc-Dialog-Overlay--motion-slideInRight-dOTaT .25s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-regular=right]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-right-radius:0;border-top-right-radius:0;height:100dvh;max-height:unset}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-regular=right]{animation:prc-Dialog-Overlay--motion-slideInLeft-Lfaz8 .25s cubic-bezier(.33,1,.68,1) 0s 1 normal none running}}@media (max-width:767px){.prc-Dialog-Dialog-luvDS[data-position-narrow=center]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));height:auto;width:640px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=small]){width:296px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=medium]){width:320px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-width=large]){width:480px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-height=small]){height:480px}.prc-Dialog-Dialog-luvDS[data-position-narrow=center]:where([data-height=large]){height:640px}.prc-Dialog-Dialog-luvDS[data-position-narrow=bottom]{border-radius:var(--borderRadius-large,var(--borderRadius-large,.75rem));border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;max-height:calc(100dvh - 64px);max-width:100dvw;width:100dvw}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-narrow=bottom]{animation:prc-Dialog-Overlay--motion-slideUp-PtiP3 .25s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}.prc-Dialog-Dialog-luvDS[data-position-narrow=fullscreen]{border-radius:unset!important;flex-grow:1;height:100%;max-height:100dvh;max-width:100dvw;width:100%}@media screen and (prefers-reduced-motion:no-preference){.prc-Dialog-Dialog-luvDS[data-position-narrow=fullscreen]{animation:prc-Dialog-Overlay--motion-scaleFade-ctSnM .2s cubic-bezier(.33,1,.68,1) 1ms 1 normal none running}}}body:has(.prc-Dialog-Dialog-luvDS.prc-Dialog-DisableScroll-F6LZa){overflow:hidden!important;padding-right:var(--prc-dialog-scrollgutter)!important}.prc-Dialog-DialogOverflowWrapper-oDYJo{flex-grow:1}.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4){--can-scroll:0}.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) .prc-Dialog-DialogOverflowWrapper-oDYJo{animation:prc-Dialog-detect-scroll-aZzKG;border-bottom:var(--borderWidth-default,.0625rem) solid var(--borderColor-default,var(--color-border-default));animation-timeline:scroll(self)}@supports (animation-timeline:scroll(self)){.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) .prc-Dialog-DialogOverflowWrapper-oDYJo{border-bottom:calc(var(--borderWidth-thin,.0625rem)*var(--can-scroll)) solid var(--borderColor-default,var(--color-border-default))}}.prc-Dialog-Header-cjbcl{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));flex-shrink:0;max-height:35vh;overflow-y:auto;padding:var(--base-size-8,.5rem);z-index:1}.prc-Dialog-HeaderInner-eY68M{display:flex}.prc-Dialog-HeaderContent-CRaRY{display:flex;flex-direction:column;flex-grow:1;padding-block:var(--base-size-6,.375rem);padding-inline:var(--base-size-8,.5rem)}.prc-Dialog-Title-oQ-W6{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--text-title-weight-large,600);margin:0}.prc-Dialog-Subtitle-sITpo{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);margin:0;margin-top:var(--base-size-4,.25rem)}.prc-Dialog-Body-LCvER{flex-grow:1;overflow:auto}.prc-Dialog-Body-LCvER,.prc-Dialog-Footer-jQfN4{padding:var(--base-size-16,1rem)}.prc-Dialog-Footer-jQfN4{display:flex;flex-flow:wrap;flex-shrink:0;gap:var(--base-size-8,.5rem);justify-content:flex-end;z-index:1}@media (max-height:325px){.prc-Dialog-Footer-jQfN4{flex-direction:row;flex-wrap:nowrap;justify-content:unset;overflow-x:scroll}}
+/*# sourceMappingURL=Dialog-1a61e61a.css.map */

package/dist/Dialog/Dialog-1a61e61a.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Dialog/Dialog.module.css"],"names":[],"mappings":"AAOA,oCACE,eAAgB,CAChB,cAAe,CACf,iBACF,CAEA,mDACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,sDACE,GACE,SAAU,CACV,mBACF,CAEA,GACE,SAAU,CACV,kBACF,CACF,CAEA,oDACE,GACE,0BACF,CACF,CAEA,yDACE,GACE,2BACF,CACF,CAEA,wDACE,GACE,0BACF,CACF,CAGA,0CACE,MAEE,cACF,CACF,CAEA,2BAQE,+EAAsE,CADtE,8EAAiD,CAHjD,QAAS,CAET,YAAa,CADb,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAoCF,CA1BE,oFAHA,kBAAmB,CACnB,sBAKA,CAEA,uDACE,kBAAmB,CACnB,0BACF,CAEA,wDACE,kBAAmB,CACnB,wBACF,CAEA,yBACE,wDACE,kBAAmB,CACnB,sBACF,CAEA,wDACE,eAAgB,CAChB,sBACF,CACF,CAGF,yBASE,mEAAwC,CACxC,8CAAwC,CACxC,wEAAmE,CACnE,mEAAwC,CAXxC,YAAa,CAOb,qBAAsB,CAFtB,WAAY,CACZ,8BAA+B,CAF/B,6BAA8B,CAD9B,eAAgB,CAShB,SAAU,CAVV,WA6HF,CAjHE,mDACE,WACF,CAEA,oDACE,WACF,CAEA,mDAEE,WACF,CAEA,oDACE,YACF,CAEA,oDACE,YACF,CAEA,yDApCF,yBAqCI,4GA2FJ,CA1FE,CAEA,uDACE,wEAKF,CAHE,yDAHF,uDAII,4GAEJ,CADE,CAGF,qDAGE,wEAAmE,CAEnE,2BAA4B,CAD5B,wBAAyB,CAHzB,aAAc,CACd,gBAQF,CAHE,yDAPF,qDAQI,gHAEJ,CADE,CAGF,sDAGE,wEAAmE,CAEnE,4BAA6B,CAD7B,yBAA0B,CAH1B,aAAc,CACd,gBAQF,CAHE,yDAPF,sDAQI,8GAEJ,CADE,CAGF,yBACE,sDAIE,wEAAmE,CADnE,WAAY,CADZ,WAwBF,CApBE,gFACE,WACF,CAEA,iFACE,WACF,CAEA,gFAEE,WACF,CAEA,iFACE,YACF,CAEA,iFACE,YACF,CAGF,sDAKE,wEAAmE,CAEnE,2BAA4B,CAD5B,4BAA6B,CAH7B,WAAY,CACZ,8BAA+B,CAF/B,gBAAiB,CADjB,YAWF,CAHE,yDATF,sDAUI,2GAEJ,CADE,CAGF,0DAKE,6BAA+B,CAC/B,WAAY,CAHZ,WAAY,CACZ,iBAAkB,CAFlB,gBAAiB,CADjB,UAUF,CAHE,yDARF,0DASI,4GAEJ,CADE,CAEJ,CAGF,kEAGE,yBAA2B,CAD3B,sDAEF,CAEA,wCACE,WACF,CAQA,uDACE,cAYF,CAVE,+FAGE,wCAAwB,CADxB,8GAA0E,CAE1E,+BAKF,CAHE,4CANF,+FAOI,mIAEJ,CADE,CAIJ,yBAME,yEAA8C,CAC9C,aAAc,CALd,eAAgB,CAEhB,eAAgB,CADhB,gCAA2B,CAF3B,SAOF,CAEA,8BACE,YACF,CAEA,gCACE,YAAa,CAGb,qBAAsB,CACtB,WAAY,CAFZ,wCAAiC,CADjC,uCAIF,CAEA,wBAEE,8CAAuC,CACvC,8CAA2C,CAF3C,QAGF,CAEA,2BAKE,gDAA2B,CAF3B,4CAAsC,CACtC,8CAA2C,CAH3C,QAAS,CACT,oCAIF,CAEA,uBAGE,WAAY,CADZ,aAEF,CAEA,gDALE,gCAoBF,CAfA,yBAEE,YAAa,CACb,cAAe,CAIf,aAAc,CADd,4BAAuB,CAFvB,wBAAyB,CAHzB,SAcF,CANE,0BATF,yBAYI,kBAAmB,CAFnB,gBAAiB,CAGjB,qBAAsB,CAFtB,iBAIJ,CADE","file":"Dialog-1a61e61a.css","sourcesContent":["/* The --prc-dialog-scrollgutter property is used only on the body element to\n * simulate scrollbar-gutter:stable. This property is not and should not\n * be used elsewhere in the DOM. There is a performance penalty to\n * setting inherited properties which can cause a large style recalc to\n * occur, so it benefits us to prevent inheritance for this property.\n * See https://web.dev/blog/at-property-performance\n */\n@property --prc-dialog-scrollgutter {\n  initial-value: 0;\n  inherits: false;\n  syntax: '<length>';\n}\n\n@keyframes dialog-backdrop-appear {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes Overlay--motion-scaleFade {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes Overlay--motion-slideUp {\n  from {\n    transform: translateY(100%);\n  }\n}\n\n@keyframes Overlay--motion-slideInRight {\n  from {\n    transform: translateX(-100%);\n  }\n}\n\n@keyframes Overlay--motion-slideInLeft {\n  from {\n    transform: translateX(100%);\n  }\n}\n\n/* Used to determine whether there should be a border between the body and footer */\n@keyframes detect-scroll {\n  from,\n  to {\n    --can-scroll: 1;\n  }\n}\n\n.Backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--overlay-backdrop-bgColor);\n  animation: dialog-backdrop-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n  align-items: center;\n  justify-content: center;\n\n  &[data-position-regular='center'] {\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-position-regular='left'] {\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &[data-position-regular='right'] {\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  @media (max-width: 767px) {\n    &[data-position-narrow='center'] {\n      align-items: center;\n      justify-content: center;\n    }\n\n    &[data-position-narrow='bottom'] {\n      align-items: end;\n      justify-content: center;\n    }\n  }\n}\n\n.Dialog {\n  display: flex;\n  /* stylelint-disable-next-line primer/responsive-widths */\n  width: 640px;\n  min-width: 296px;\n  max-width: calc(100dvw - 64px);\n  height: auto;\n  max-height: calc(100dvh - 64px);\n  flex-direction: column;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  border-radius: var(--borderRadius-large, var(--borderRadius-large));\n  box-shadow: var(--shadow-floating-small);\n  opacity: 1;\n\n  &:where([data-width='small']) {\n    width: 296px;\n  }\n\n  &:where([data-width='medium']) {\n    width: 320px;\n  }\n\n  &:where([data-width='large']) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 480px;\n  }\n\n  &:where([data-height='small']) {\n    height: 480px;\n  }\n\n  &:where([data-height='large']) {\n    height: 640px;\n  }\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n  }\n\n  &[data-position-regular='center'] {\n    border-radius: var(--borderRadius-large, var(--borderRadius-large));\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n    }\n  }\n\n  &[data-position-regular='left'] {\n    height: 100dvh;\n    max-height: unset;\n    border-radius: var(--borderRadius-large, var(--borderRadius-large));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n    }\n  }\n\n  &[data-position-regular='right'] {\n    height: 100dvh;\n    max-height: unset;\n    border-radius: var(--borderRadius-large, var(--borderRadius-large));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;\n    }\n  }\n\n  @media (max-width: 767px) {\n    &[data-position-narrow='center'] {\n      /* stylelint-disable-next-line primer/responsive-widths */\n      width: 640px;\n      height: auto;\n      border-radius: var(--borderRadius-large, var(--borderRadius-large));\n\n      &:where([data-width='small']) {\n        width: 296px;\n      }\n\n      &:where([data-width='medium']) {\n        width: 320px;\n      }\n\n      &:where([data-width='large']) {\n        /* stylelint-disable-next-line primer/responsive-widths */\n        width: 480px;\n      }\n\n      &:where([data-height='small']) {\n        height: 480px;\n      }\n\n      &:where([data-height='large']) {\n        height: 640px;\n      }\n    }\n\n    &[data-position-narrow='bottom'] {\n      width: 100dvw;\n      max-width: 100dvw;\n      height: auto;\n      max-height: calc(100dvh - 64px);\n      border-radius: var(--borderRadius-large, var(--borderRadius-large));\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      @media screen and (prefers-reduced-motion: no-preference) {\n        animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n      }\n    }\n\n    &[data-position-narrow='fullscreen'] {\n      width: 100%;\n      max-width: 100dvw;\n      height: 100%;\n      max-height: 100dvh;\n      border-radius: unset !important;\n      flex-grow: 1;\n\n      @media screen and (prefers-reduced-motion: no-preference) {\n        animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;\n      }\n    }\n  }\n}\n\nbody:has(.Dialog.DisableScroll) {\n  /* stylelint-disable-next-line primer/spacing */\n  padding-right: var(--prc-dialog-scrollgutter) !important;\n  overflow: hidden !important;\n}\n\n.DialogOverflowWrapper {\n  flex-grow: 1;\n}\n\n/*\nAdd a border between the body and footer if:\n- the dialog has a footer\n- the dialog has a body that can scroll\n- the browser supports the `animation-timeline` property and its `scroll()` function\n*/\n.Dialog:has(.Footer) {\n  --can-scroll: 0;\n\n  .DialogOverflowWrapper {\n    /* If the browser does not support the `animation-timeline` property, always show a border */\n    border-bottom: var(--borderWidth-default) solid var(--borderColor-default);\n    animation: detect-scroll;\n    animation-timeline: scroll(self);\n\n    @supports (animation-timeline: scroll(self)) {\n      border-bottom: calc(var(--borderWidth-thin) * var(--can-scroll)) solid var(--borderColor-default);\n    }\n  }\n}\n\n.Header {\n  z-index: 1;\n  max-height: 35vh;\n  padding: var(--base-size-8);\n  overflow-y: auto;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 1px 0 var(--borderColor-default);\n  flex-shrink: 0;\n}\n\n.HeaderInner {\n  display: flex;\n}\n\n.HeaderContent {\n  display: flex;\n  padding-inline: var(--base-size-8);\n  padding-block: var(--base-size-6);\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.Title {\n  margin: 0; /* override default margin */\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--text-title-weight-large);\n}\n\n.Subtitle {\n  margin: 0; /* override default margin */\n  margin-top: var(--base-size-4);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n  color: var(--fgColor-muted);\n}\n\n.Body {\n  padding: var(--base-size-16);\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.Footer {\n  z-index: 1;\n  display: flex;\n  flex-flow: wrap;\n  justify-content: flex-end;\n  padding: var(--base-size-16);\n  gap: var(--base-size-8);\n  flex-shrink: 0;\n\n  @media (max-height: 325px) {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n    flex-direction: row;\n    justify-content: unset;\n  }\n}\n"]}

package/dist/Dialog/Dialog.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { ButtonProps } from '../Button';
-import type { SxProp } from '../sx';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
 /**
@@ -30,7 +29,7 @@ export type DialogButtonProps = Omit<ButtonProps, 'content'> & {
 /**
  * Props to customize the rendering of the Dialog.
  */
-export interface DialogProps extends SxProp {
+export interface DialogProps {
     /**
      * Title of the Dialog. Also serves as the aria-label for this Dialog.
      */
@@ -143,11 +142,6 @@ declare const widthMap: {
 };
 export type DialogWidth = keyof typeof widthMap;
 export type DialogHeight = keyof typeof heightMap;
-type StyledHeaderProps = React.ComponentProps<'div'> & SxProp;
-type StyledTitleProps = React.ComponentProps<'h1'> & SxProp;
-type StyledSubtitleProps = React.ComponentProps<'h2'> & SxProp;
-type StyledBodyProps = React.ComponentProps<'div'> & SxProp;
-type StyledFooterProps = React.ComponentProps<'div'> & SxProp;
 /**
  * A dialog is a type of overlay that can be used for confirming actions, asking
  * for disambiguation, and presenting small forms. They generally allow the user
@@ -172,11 +166,11 @@ type StyledFooterProps = React.ComponentProps<'div'> & SxProp;
 export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.ForwardRefExoticComponent<Omit<StyledHeaderProps, "ref"> & React.RefAttributes<HTMLElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<StyledTitleProps, "ref"> & React.RefAttributes<HTMLElement>>;
-    Subtitle: React.ForwardRefExoticComponent<Omit<StyledSubtitleProps, "ref"> & React.RefAttributes<HTMLElement>>;
-    Body: PolymorphicForwardRefComponent<"div", StyledBodyProps>;
-    Footer: React.ForwardRefExoticComponent<Omit<StyledFooterProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Subtitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Body: PolymorphicForwardRefComponent<"div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Buttons: React.FC<React.PropsWithChildren<{
         buttons: DialogButtonProps[];
     }>>;

package/dist/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAK1C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAChE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,MAAM;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAElF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE5E;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAEnC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAA;IAErD;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAE/B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAA;IAE/G;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAE7C;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAGD,QAAA,MAAM,SAAS;;;;CAIL,CAAA;AAGV,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAA;AAC/C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AAmKjD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO7D,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;AAU9D,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAQ3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AA4C7D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;iBA1DuC,iBAAiB,EAAE;;;iBAiCf,MAAM,IAAI;;CAiCtE,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAW1C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAChE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAO/F;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAElF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE5E;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAEnC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAA;IAErD;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAE/B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAA;IAE/G;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAE7C;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAGD,QAAA,MAAM,SAAS;;;;CAIL,CAAA;AAGV,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAA;AAC/C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AA2OjD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;iBA1DuC,iBAAiB,EAAE;;;iBAiCf,MAAM,IAAI;;CAiCtE,CAAA"}

package/dist/Dialog/Dialog.js

@@ -11,12 +11,10 @@ import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.
 import { useId } from '../hooks/useId.js';
 import classes from './Dialog.module.css.js';
 import { clsx } from 'clsx';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useOnEscapePress } from '../hooks/useOnEscapePress.js';
 import { ScrollableRegion } from '../ScrollableRegion/ScrollableRegion.js';
 import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
-import Box from '../Box/Box.js';
 
 const DefaultHeader = t0 => {
   const $ = c(16);
@@ -65,12 +63,8 @@ const DefaultHeader = t0 => {
   }
   let t5;
   if ($[8] !== t3 || $[9] !== t4) {
-    t5 = /*#__PURE__*/jsxs(Box, {
-      display: "flex",
-      px: 2,
-      py: "6px",
-      flexDirection: "column",
-      flexGrow: 1,
+    t5 = /*#__PURE__*/jsxs("div", {
+      className: classes.HeaderContent,
       children: [t3, t4]
     });
     $[8] = t3;
@@ -92,8 +86,8 @@ const DefaultHeader = t0 => {
   let t7;
   if ($[13] !== t5 || $[14] !== t6) {
     t7 = /*#__PURE__*/jsx(Dialog.Header, {
-      children: /*#__PURE__*/jsxs(Box, {
-        display: "flex",
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.HeaderInner,
         children: [t5, t6]
       })
     });
@@ -176,7 +170,6 @@ const _Dialog = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     position = defaultPosition,
     returnFocusRef,
     initialFocusRef,
-    sx,
     className
   } = props;
   const dialogLabelId = useId();
@@ -234,8 +227,7 @@ const _Dialog = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   }));
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx(Portal, {
-      children: /*#__PURE__*/jsx(BoxWithFallback, {
-        as: "div",
+      children: /*#__PURE__*/jsx("div", {
         ref: backdropRef,
         className: classes.Backdrop,
         ...positionDataAttributes,
@@ -243,8 +235,7 @@ const _Dialog = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
         onMouseDown: e_0 => {
           setLastMouseDownIsBackdrop(e_0.target === e_0.currentTarget);
         },
-        children: /*#__PURE__*/jsxs(BoxWithFallback, {
-          as: "div",
+        children: /*#__PURE__*/jsxs("div", {
           ref: dialogRef,
           role: role,
           "aria-labelledby": dialogLabelId,
@@ -253,7 +244,6 @@ const _Dialog = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
           ...positionDataAttributes,
           "data-width": width,
           "data-height": height,
-          sx: sx,
           className: clsx(className, classes.Dialog),
           children: [header, /*#__PURE__*/jsx(ScrollableRegion, {
             "aria-labelledby": dialogLabelId,
@@ -292,8 +282,7 @@ const Header = /*#__PURE__*/React.forwardRef(function Header(t0, forwardRef) {
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "div",
+    t2 = /*#__PURE__*/jsx("div", {
       ref: forwardRef,
       className: t1,
       ...rest
@@ -334,8 +323,7 @@ const Title = /*#__PURE__*/React.forwardRef(function Title(t0, forwardRef) {
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "h1",
+    t2 = /*#__PURE__*/jsx("h1", {
       ref: forwardRef,
       className: t1,
       ...rest
@@ -376,8 +364,7 @@ const Subtitle = /*#__PURE__*/React.forwardRef(function Subtitle(t0, forwardRef)
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "h2",
+    t2 = /*#__PURE__*/jsx("h2", {
       ref: forwardRef,
       className: t1,
       ...rest
@@ -418,8 +405,7 @@ const Body = /*#__PURE__*/React.forwardRef(function Body(t0, forwardRef) {
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "div",
+    t2 = /*#__PURE__*/jsx("div", {
       ref: forwardRef,
       className: t1,
       ...rest
@@ -460,8 +446,7 @@ const Footer = /*#__PURE__*/React.forwardRef(function Footer(t0, forwardRef) {
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "div",
+    t2 = /*#__PURE__*/jsx("div", {
       ref: forwardRef,
       className: t1,
       ...rest

package/dist/Dialog/Dialog.module.css.js

@@ -1,5 +1,5 @@
-import './Dialog-8a809d11.css';
+import './Dialog-1a61e61a.css';
 
-var classes = {"Backdrop":"prc-Dialog-Backdrop-ugYqZ","Dialog":"prc-Dialog-Dialog-luvDS","DisableScroll":"prc-Dialog-DisableScroll-F6LZa","DialogOverflowWrapper":"prc-Dialog-DialogOverflowWrapper-oDYJo","Footer":"prc-Dialog-Footer-jQfN4","Header":"prc-Dialog-Header-cjbcl","Title":"prc-Dialog-Title-oQ-W6","Subtitle":"prc-Dialog-Subtitle-sITpo","Body":"prc-Dialog-Body-LCvER"};
+var classes = {"Backdrop":"prc-Dialog-Backdrop-ugYqZ","Dialog":"prc-Dialog-Dialog-luvDS","DisableScroll":"prc-Dialog-DisableScroll-F6LZa","DialogOverflowWrapper":"prc-Dialog-DialogOverflowWrapper-oDYJo","Footer":"prc-Dialog-Footer-jQfN4","Header":"prc-Dialog-Header-cjbcl","HeaderInner":"prc-Dialog-HeaderInner-eY68M","HeaderContent":"prc-Dialog-HeaderContent-CRaRY","Title":"prc-Dialog-Title-oQ-W6","Subtitle":"prc-Dialog-Subtitle-sITpo","Body":"prc-Dialog-Body-LCvER"};
 
 export { classes as default };

package/dist/DialogV1/Dialog.d.ts

@@ -1,8 +1,14 @@
 import React, { type HTMLAttributes } from 'react';
-import type { SxProp } from '../sx';
 import type { ComponentProps } from '../utils/types';
-export type DialogHeaderProps = React.PropsWithChildren<HTMLAttributes<HTMLDivElement>> & SxProp;
-declare function DialogHeader({ children, className, ...rest }: DialogHeaderProps): React.JSX.Element;
+type StyledDialogBaseProps = {
+    narrow?: boolean;
+    wide?: boolean;
+    as?: React.ElementType;
+};
+export type DialogHeaderProps = React.PropsWithChildren<HTMLAttributes<HTMLDivElement>> & {
+    as?: React.ElementType;
+};
+declare function DialogHeader({ children, className, as: Component, ...rest }: DialogHeaderProps): React.JSX.Element;
 declare namespace DialogHeader {
     var displayName: string;
 }
@@ -11,20 +17,16 @@ declare const Dialog: React.ForwardRefExoticComponent<{
     onDismiss?: () => void;
     initialFocusRef?: React.RefObject<HTMLElement>;
     returnFocusRef?: React.RefObject<HTMLElement>;
-} & {
-    narrow?: boolean;
-    wide?: boolean;
-} & SxProp & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    as?: React.ElementType;
+} & StyledDialogBaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export type DialogProps = ComponentProps<typeof Dialog>;
 declare const _default: React.ForwardRefExoticComponent<{
     isOpen?: boolean;
     onDismiss?: () => void;
     initialFocusRef?: React.RefObject<HTMLElement>;
     returnFocusRef?: React.RefObject<HTMLElement>;
-} & {
-    narrow?: boolean;
-    wide?: boolean;
-} & SxProp & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    as?: React.ElementType;
+} & StyledDialogBaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
     Header: typeof DialogHeader;
 };
 export default _default;

package/dist/DialogV1/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/DialogV1/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAGpE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAelD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG,MAAM,CAAA;AAEhG,iBAAS,YAAY,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAUtE;kBAVQ,YAAY;;;AAoBrB,QAAA,MAAM,MAAM;aAPD,OAAO;gBACJ,MAAM,IAAI;sBACJ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;qBAC7B,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;aAtBpC,OAAO;WACT,OAAO;wFA4Ef,CAAA;AAKD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;;aA/D5C,OAAO;gBACJ,MAAM,IAAI;sBACJ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;qBAC7B,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;aAtBpC,OAAO;WACT,OAAO;;;;AAkFhB,wBAA4D"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/DialogV1/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAGpE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AASlD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;IACxF,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,SAAiB,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAU7F;kBAVQ,YAAY;;;AAqBrB,QAAA,MAAM,MAAM;aARD,OAAO;gBACJ,MAAM,IAAI;sBACJ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;qBAC7B,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;SACxC,KAAK,CAAC,WAAW;uGAyDvB,CAAA;AAKD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;;aAlE5C,OAAO;gBACJ,MAAM,IAAI;sBACJ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;qBAC7B,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;SACxC,KAAK,CAAC,WAAW;;;;AA+DxB,wBAA4D"}

package/dist/DialogV1/Dialog.js

@@ -6,75 +6,79 @@ import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.
 import { XIcon } from '@primer/octicons-react';
 import { clsx } from 'clsx';
 import classes from './Dialog.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 const noop = () => null;
 function DialogHeader(t0) {
-  const $ = c(12);
+  const $ = c(14);
   let children;
   let className;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       children,
       className,
+      as: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
+    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
+    t1 = $[4];
   }
+  const Component = t1 === undefined ? "div" : t1;
   if (React.Children.toArray(children).every(_temp)) {
-    let t1;
-    if ($[4] !== children) {
-      t1 = /*#__PURE__*/jsx("span", {
+    let t2;
+    if ($[5] !== children) {
+      t2 = /*#__PURE__*/jsx("span", {
         className: classes.HeaderChild,
         children: children
       });
-      $[4] = children;
-      $[5] = t1;
+      $[5] = children;
+      $[6] = t2;
     } else {
-      t1 = $[5];
+      t2 = $[6];
     }
-    children = t1;
+    children = t2;
   }
-  const t1 = rest;
-  let t2;
-  if ($[6] !== className) {
-    t2 = clsx(classes.Header, className);
-    $[6] = className;
-    $[7] = t2;
+  const t2 = rest;
+  let t3;
+  if ($[7] !== className) {
+    t3 = clsx(classes.Header, className);
+    $[7] = className;
+    $[8] = t3;
   } else {
-    t2 = $[7];
+    t3 = $[8];
   }
-  let t3;
-  if ($[8] !== children || $[9] !== rest || $[10] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "div",
-      ...t1,
-      className: t2,
+  let t4;
+  if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t3) {
+    t4 = /*#__PURE__*/jsx(Component, {
+      ...t2,
+      className: t3,
       children: children
     });
-    $[8] = children;
-    $[9] = rest;
-    $[10] = t2;
-    $[11] = t3;
+    $[9] = Component;
+    $[10] = children;
+    $[11] = rest;
+    $[12] = t3;
+    $[13] = t4;
   } else {
-    t3 = $[11];
+    t4 = $[13];
   }
-  return t3;
+  return t4;
 }
 function _temp(ch) {
   return typeof ch === "string";
 }
 const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(23);
+  const $ = c(25);
   let children;
   let className;
   let initialFocusRef;
@@ -82,6 +86,7 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   let props;
   let returnFocusRef;
   let t1;
+  let t2;
   if ($[0] !== t0) {
     ({
       children,
@@ -90,6 +95,7 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
       initialFocusRef,
       returnFocusRef,
       className,
+      as: t2,
       ...props
     } = t0);
     $[0] = t0;
@@ -100,6 +106,7 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     $[5] = props;
     $[6] = returnFocusRef;
     $[7] = t1;
+    $[8] = t2;
   } else {
     children = $[1];
     className = $[2];
@@ -108,30 +115,32 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     props = $[5];
     returnFocusRef = $[6];
     t1 = $[7];
+    t2 = $[8];
   }
   const onDismiss = t1 === undefined ? noop : t1;
+  const Component = t2 === undefined ? "div" : t2;
   const overlayRef = useRef(null);
   const modalRef = useRef(null);
   useRefObjectAsForwardedRef(forwardedRef, modalRef);
   const closeButtonRef = useRef(null);
-  let t2;
-  if ($[8] !== onDismiss || $[9] !== returnFocusRef) {
-    t2 = () => {
+  let t3;
+  if ($[9] !== onDismiss || $[10] !== returnFocusRef) {
+    t3 = () => {
       onDismiss();
       if (returnFocusRef && returnFocusRef.current) {
         returnFocusRef.current.focus();
       }
     };
-    $[8] = onDismiss;
-    $[9] = returnFocusRef;
-    $[10] = t2;
+    $[9] = onDismiss;
+    $[10] = returnFocusRef;
+    $[11] = t3;
   } else {
-    t2 = $[10];
+    t3 = $[11];
   }
-  const onCloseClick = t2;
-  let t3;
-  if ($[11] !== initialFocusRef || $[12] !== isOpen || $[13] !== onCloseClick || $[14] !== returnFocusRef) {
-    t3 = {
+  const onCloseClick = t3;
+  let t4;
+  if ($[12] !== initialFocusRef || $[13] !== isOpen || $[14] !== onCloseClick || $[15] !== returnFocusRef) {
+    t4 = {
       modalRef,
       onDismiss: onCloseClick,
       isOpen,
@@ -140,26 +149,24 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
       returnFocusRef,
       overlayRef
     };
-    $[11] = initialFocusRef;
-    $[12] = isOpen;
-    $[13] = onCloseClick;
-    $[14] = returnFocusRef;
-    $[15] = t3;
+    $[12] = initialFocusRef;
+    $[13] = isOpen;
+    $[14] = onCloseClick;
+    $[15] = returnFocusRef;
+    $[16] = t4;
   } else {
-    t3 = $[15];
+    t4 = $[16];
   }
   const {
     getDialogProps
-  } = useDialog(t3);
-  let t4;
-  if ($[16] !== children || $[17] !== className || $[18] !== getDialogProps || $[19] !== isOpen || $[20] !== onCloseClick || $[21] !== props) {
-    t4 = isOpen ? /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(BoxWithFallback, {
-        as: "span",
+  } = useDialog(t4);
+  let t5;
+  if ($[17] !== Component || $[18] !== children || $[19] !== className || $[20] !== getDialogProps || $[21] !== isOpen || $[22] !== onCloseClick || $[23] !== props) {
+    t5 = isOpen ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("span", {
         className: classes.Overlay,
         ref: overlayRef
-      }), /*#__PURE__*/jsxs(BoxWithFallback, {
-        as: "div",
+      }), /*#__PURE__*/jsxs(Component, {
         tabIndex: -1,
         ref: modalRef,
         role: "dialog",
@@ -178,17 +185,18 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
         }), children]
       })]
     }) : null;
-    $[16] = children;
-    $[17] = className;
-    $[18] = getDialogProps;
-    $[19] = isOpen;
-    $[20] = onCloseClick;
-    $[21] = props;
-    $[22] = t4;
+    $[17] = Component;
+    $[18] = children;
+    $[19] = className;
+    $[20] = getDialogProps;
+    $[21] = isOpen;
+    $[22] = onCloseClick;
+    $[23] = props;
+    $[24] = t5;
   } else {
-    t4 = $[22];
+    t5 = $[24];
   }
-  return t4;
+  return t5;
 });
 DialogHeader.displayName = 'Dialog.Header';
 Dialog.displayName = 'Dialog';