@solibo/solibo-ui 1.0.21 → 1.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/assets/index.css +1 -1
  2. package/dist/assets/index18.css +1 -1
  3. package/dist/assets/index24.css +1 -1
  4. package/dist/assets/index30.css +1 -1
  5. package/dist/assets/index33.css +1 -1
  6. package/dist/assets/index34.css +1 -1
  7. package/dist/assets/index36.css +1 -1
  8. package/dist/assets/index40.css +1 -1
  9. package/dist/assets/index47.css +1 -1
  10. package/dist/assets/index50.css +1 -1
  11. package/dist/components/aside/index.cjs +1 -1
  12. package/dist/components/aside/index.js +12 -12
  13. package/dist/components/card/index.cjs +1 -1
  14. package/dist/components/card/index.js +34 -34
  15. package/dist/components/collapsible/index.cjs +1 -1
  16. package/dist/components/collapsible/index.js +8 -8
  17. package/dist/components/controls/index.cjs +1 -1
  18. package/dist/components/controls/index.cjs.map +1 -1
  19. package/dist/components/controls/index.js +29 -29
  20. package/dist/components/controls/index.js.map +1 -1
  21. package/dist/components/dialog/index.cjs +1 -1
  22. package/dist/components/dialog/index.js +20 -20
  23. package/dist/components/dropdown/index.cjs +1 -1
  24. package/dist/components/dropdown/index.cjs.map +1 -1
  25. package/dist/components/dropdown/index.js +1 -1
  26. package/dist/components/dropdown/index.js.map +1 -1
  27. package/dist/components/empty-state/index.cjs +1 -1
  28. package/dist/components/empty-state/index.js +11 -11
  29. package/dist/components/header/index.cjs +1 -1
  30. package/dist/components/header/index.cjs.map +1 -1
  31. package/dist/components/header/index.js +36 -13
  32. package/dist/components/header/index.js.map +1 -1
  33. package/dist/components/list/index.cjs +1 -1
  34. package/dist/components/list/index.cjs.map +1 -1
  35. package/dist/components/list/index.js +41 -39
  36. package/dist/components/list/index.js.map +1 -1
  37. package/dist/components/select/index.cjs +1 -1
  38. package/dist/components/select/index.js +1 -1
  39. package/dist/components/textarea/index.cjs.map +1 -1
  40. package/dist/components/textarea/index.js.map +1 -1
  41. package/dist/{index-Rm3D-iwf.js → index-BAxpgMzb.js} +17 -17
  42. package/dist/index-BAxpgMzb.js.map +1 -0
  43. package/dist/index-BOiGSTKz.cjs.map +1 -1
  44. package/dist/index-BlnG4Rbh.cjs +2 -0
  45. package/dist/index-BlnG4Rbh.cjs.map +1 -0
  46. package/dist/index-DMGGDV9J.js.map +1 -1
  47. package/dist/index.cjs +1 -1
  48. package/dist/index.d.ts +9 -3
  49. package/dist/index.js +1 -1
  50. package/dist/tokens.json +1 -1
  51. package/dist/use-touched-B999bBr8.js.map +1 -1
  52. package/dist/use-touched-Bq5Gjbpz.cjs.map +1 -1
  53. package/package.json +1 -1
  54. package/dist/index-CXge5nFf.cjs +0 -2
  55. package/dist/index-CXge5nFf.cjs.map +0 -1
  56. package/dist/index-Rm3D-iwf.js.map +0 -1
@@ -1 +1 @@
1
- ._header_dygto_1{color:var(--colors-semantic-content-secondary);display:grid;font-weight:var(--font-font-weight-bold);gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);margin:var(--shape-spacing-md) 0;position:relative}._header_dygto_1>*{grid-column:1;min-width:0}._header_dygto_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_dygto_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_dygto_1 h2,._header_dygto_1 sup{font-size:var(--typography-font-sizes-h2)}._header_dygto_1 h3{font-size:var(--typography-font-sizes-h3)}._header_dygto_1 p{font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_dygto_1 sub{font-weight:var(--font-font-weight-regular)}._header_dygto_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_dygto_1 sub,._header_dygto_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_dygto_1:has([data-component=badge]) h1,._header_dygto_1:has([data-component=badge]) h2,._header_dygto_1:has([data-component=badge]) h3,._header_dygto_1:has([data-component=badge]) h4{display:inline-block}._header_dygto_1 [data-component=button],._header_dygto_1 [data-component=controls],._header_dygto_1 [data-component=popover],._header_dygto_1 [data-component=toggle]{grid-column:2;grid-row:1 / span 2;height:-webkit-min-content;height:-moz-min-content;height:min-content;min-width:0;overflow-wrap:anywhere}@media (width < 480px){._header_dygto_1{grid-template-columns:1fr}._header_dygto_1>[data-component=button],._header_dygto_1 [data-component=controls],._header_dygto_1 [data-component=toggle]{grid-column:1;grid-row:auto;margin-top:var(--shape-spacing-md)}}._capitalize_dygto_92._capitalize_dygto_92 h1,._capitalize_dygto_92._capitalize_dygto_92 h2,._capitalize_dygto_92._capitalize_dygto_92 h3,._capitalize_dygto_92._capitalize_dygto_92 h4,._capitalize_dygto_92._capitalize_dygto_92 h5,._capitalize_dygto_92._capitalize_dygto_92 h6{text-transform:capitalize}@media (width >= 960px){._jumbo_dygto_103{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_dygto_103 h1{font-size:var(--typography-font-sizes-display-sm)}}
1
+ ._header_1gh64_1{color:var(--colors-semantic-content-secondary);display:grid;font-weight:var(--font-font-weight-bold);gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:1fr;margin:var(--shape-spacing-md) 0;position:relative}._header_1gh64_1>*{grid-column:1;min-width:0}._header_1gh64_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_1gh64_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_1gh64_1 h2,._header_1gh64_1 sup{font-size:var(--typography-font-sizes-h2)}._header_1gh64_1 h3{font-size:var(--typography-font-sizes-h3)}._header_1gh64_1 p{font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_1gh64_1 sub{font-weight:var(--font-font-weight-regular)}._header_1gh64_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_1gh64_1 sub,._header_1gh64_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_1gh64_1:has([data-component=badge]) h1,._header_1gh64_1:has([data-component=badge]) h2,._header_1gh64_1:has([data-component=badge]) h3,._header_1gh64_1:has([data-component=badge]) h4{display:inline-block}._header_1gh64_1 ._controls_1gh64_67{display:grid;grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);flex:1 0 auto;gap:var(--shape-spacing-xs);justify-content:space-between;max-width:100%}._header_1gh64_1 ._controls_1gh64_67 h1,._header_1gh64_1 ._controls_1gh64_67 h2,._header_1gh64_1 ._controls_1gh64_67 h3,._header_1gh64_1 ._controls_1gh64_67 h4,._header_1gh64_1 ._controls_1gh64_67 h5,._header_1gh64_1 ._controls_1gh64_67 h6,._header_1gh64_1 ._controls_1gh64_67 sub,._header_1gh64_1 ._controls_1gh64_67 sup{grid-column:1}._header_1gh64_1 ._controls_1gh64_67 [data-component=controls]{align-self:center;grid-column:2;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:0}._header_1gh64_1 ._cta_1gh64_94{display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs);justify-content:space-between}._header_1gh64_1 ._cta_1gh64_94 [data-component=button]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}._header_1gh64_1 ._header-content_1gh64_106{display:flex;flex-direction:column;gap:var(--shape-spacing-3xs)}@media (width < 480px){._header_1gh64_1 ._cta_1gh64_94{flex-direction:column}._header_1gh64_1 ._cta_1gh64_94 [data-component=button]{width:100%}._header_1gh64_1 ._controls_1gh64_67:not(:has([data-adaptive=true])){grid-template-columns:1fr;gap:var(--shape-spacing-3xs)}._header_1gh64_1 ._controls_1gh64_67:not(:has([data-adaptive=true])) [data-component=controls]{grid-column:1;margin-top:var(--shape-spacing-md)}}@media (width >= 960px){._jumbo_1gh64_136{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_1gh64_136 h1{font-size:var(--typography-font-sizes-display-sm)}}
@@ -1 +1 @@
1
- ._aside_1162s_3 section{padding:var(--utils-tokens-unit) 0}._sidebar_1162s_9{border-right:var(--scale-1) solid var(--colors-semantic-border-default);height:100vh;overflow:hidden auto;padding:var(--shape-spacing-xl) var(--shape-spacing-md) var(--shape-spacing-xl) var(--shape-spacing-sm)}._sidebar_1162s_9 header{margin-bottom:var(--shape-spacing-lg);margin-top:0}._sidebar_1162s_9 [data-sidebar-toggle]{display:none}@supports (-moz-appearance: none){._sidebar_1162s_9{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._sidebar_1162s_9::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._sidebar_1162s_9::-webkit-scrollbar-track{background-color:transparent}._sidebar_1162s_9::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}@media (width <= 768px){._sidebar_1162s_9{background-color:var(--colors-semantic-primary-primary-subtle);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior-y:auto;padding:var(--shape-spacing-md);position:relative;top:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw;z-index:2}._sidebar_1162s_9>nav{display:none}._sidebar_1162s_9>header{margin-bottom:0}._sidebar_1162s_9 [data-sidebar-toggle]{position:relative;display:block;float:right;margin-top:var(--shape-spacing-2xs);padding:0}._sidebar_1162s_9 [data-sidebar-toggle]:after{content:"";inset:var(--utils-tokens-negative-unit);position:absolute}._sidebar_1162s_9._open_1162s_57{background-color:var(--colors-semantic-bg-page);display:block;height:calc(100vh - var(--shape-spacing-3xl))}._sidebar_1162s_9._open_1162s_57>header{margin-bottom:var(--shape-spacing-md)}._sidebar_1162s_9._open_1162s_57>nav{display:block}}._sticky_1162s_73{position:-webkit-sticky;position:sticky;top:0}
1
+ ._aside_1u3pz_3 section{padding:var(--utils-tokens-unit) 0}._sidebar_1u3pz_9{border-right:var(--scale-1) solid var(--colors-semantic-border-default);height:100vh;overflow:hidden auto;padding:var(--shape-spacing-xl) var(--shape-spacing-md) var(--shape-spacing-xl) var(--shape-spacing-sm)}._sidebar_1u3pz_9 header{margin-bottom:var(--shape-spacing-lg);margin-top:0}._sidebar_1u3pz_9 [data-sidebar-toggle]{display:none}@supports (-moz-appearance: none){._sidebar_1u3pz_9{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._sidebar_1u3pz_9::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._sidebar_1u3pz_9::-webkit-scrollbar-track{background-color:transparent}._sidebar_1u3pz_9::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}@media (width <= 1024px){._sidebar_1u3pz_9{height:calc(100vh - var(--utils-tokens-unit) * 4)}}@media (width <= 768px){._sidebar_1u3pz_9{background-color:var(--colors-semantic-primary-primary-subtle);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior-y:auto;padding:var(--shape-spacing-md);position:relative;top:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw;z-index:2}._sidebar_1u3pz_9>nav{display:none}._sidebar_1u3pz_9>header{margin-bottom:0}._sidebar_1u3pz_9 [data-sidebar-toggle]{position:relative;display:block;float:right;margin-top:var(--shape-spacing-2xs);padding:0}._sidebar_1u3pz_9 [data-sidebar-toggle]:after{content:"";inset:var(--utils-tokens-negative-unit);position:absolute}._sidebar_1u3pz_9._open_1u3pz_62{background-color:var(--colors-semantic-bg-page);display:block;height:calc(100vh - var(--shape-spacing-3xl))}._sidebar_1u3pz_9._open_1u3pz_62>header{margin-bottom:var(--shape-spacing-md)}._sidebar_1u3pz_9._open_1u3pz_62>nav{display:block}}._sticky_1u3pz_78{position:-webkit-sticky;position:sticky;top:0}
@@ -1 +1 @@
1
- ._card_133qp_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);max-width:calc(100vw - calc(var(--shape-spacing-md) * 2));min-width:0;overflow:hidden!important;padding:var(--shape-spacing-md);position:relative;text-overflow:ellipsis;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),box-shadow var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._card_133qp_1 section{display:block;flex:1 1 auto;min-width:0;width:100%}._card_133qp_1 ._head_133qp_28{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_133qp_1 ._head_133qp_28 header{flex:1 1 auto;margin:0;min-width:0}._card_133qp_1 ._head_133qp_28._center_133qp_40{align-items:center}._card_133qp_1 ._head_133qp_28 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_133qp_1 ._content_133qp_52>:last-child{margin-bottom:0}._card_133qp_1 ._preview_133qp_58{align-items:center;color:var(--colors-semantic-content-secondary);display:grid;grid-template-columns:-webkit-max-content minmax(0,1fr) -webkit-max-content;grid-template-columns:max-content minmax(0,1fr) max-content;max-width:100%;min-width:0;white-space:nowrap;width:100%}._card_133qp_1 ._preview-leading_133qp_69,._card_133qp_1 ._preview-trailing_133qp_70{align-items:center;display:inline-flex;flex-wrap:nowrap;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}._card_133qp_1 ._preview-leading_133qp_69:not(:empty){margin-right:var(--shape-spacing-xs)}._card_133qp_1 ._preview-trailing_133qp_70:not(:empty){margin-left:var(--shape-spacing-xs)}._card_133qp_1 ._preview-trailing_133qp_70 time{font-size:var(--typography-font-sizes-caption)}._card_133qp_1 ._preview-content_133qp_90{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_133qp_1 ._margin_133qp_98{margin-top:var(--shape-spacing-md)}._card_133qp_1:has(select),._card_133qp_1:has([data-component=popover]){overflow:visible!important}._card_133qp_1 [data-component=croppable]{width:100%}._card_133qp_1 [data-component=list]{min-width:0}._card_133qp_1 [data-component=list] li{max-width:100%;min-width:0}._card_133qp_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_133qp_1 [data-component=list] li>[data-component=file]{width:100%}._card_133qp_1:has([data-component=messages]){padding-block:0}._card_133qp_1 [data-component=messages]{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);margin:0 calc(var(--shape-spacing-md) * -1) calc(var(--shape-spacing-md) * -1)}._clickable_133qp_143{cursor:pointer}._clickable_133qp_143:hover{background-color:var(--colors-semantic-interactive-hover-subtle);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color)}._clickable_133qp_143:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_133qp_158 ._head_133qp_28 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_133qp_158:not(._selected_133qp_163){background-color:transparent}._image-top_133qp_168{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_133qp_168 img{height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover;width:100%}._image-left_133qp_179{max-height:calc(8.75 * var(--utils-tokens-unit));max-width:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);min-width:var(--scale-56)}._image-left_133qp_179 img{aspect-ratio:1 / 1}._selected_133qp_163{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_133qp_163:hover{background-color:var(--colors-semantic-interactive-selected)}
1
+ ._card_1czes_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);max-width:calc(100vw - calc(var(--shape-spacing-md) * 2));min-width:0;overflow:hidden!important;padding:var(--shape-spacing-md);position:relative;text-overflow:ellipsis;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),box-shadow var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._card_1czes_1 section{display:block;flex:1 1 auto;min-width:0;width:100%}._card_1czes_1 ._head_1czes_28{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_1czes_1 ._head_1czes_28 header{flex:1 1 auto;margin:0;min-width:0}._card_1czes_1 ._head_1czes_28._center_1czes_40{align-items:center}._card_1czes_1 ._head_1czes_28 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1czes_1 ._content_1czes_52>:last-child{margin-bottom:0}._card_1czes_1 ._preview_1czes_58{align-items:center;color:var(--colors-semantic-content-secondary);display:grid;grid-template-columns:-webkit-max-content minmax(0,1fr) -webkit-max-content;grid-template-columns:max-content minmax(0,1fr) max-content;max-width:100%;min-width:0;white-space:nowrap;width:100%}._card_1czes_1 ._preview-leading_1czes_69,._card_1czes_1 ._preview-trailing_1czes_70{align-items:center;display:inline-flex;flex-wrap:nowrap;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}._card_1czes_1 ._preview-leading_1czes_69:not(:empty){margin-right:var(--shape-spacing-xs)}._card_1czes_1 ._preview-trailing_1czes_70:not(:empty){margin-left:var(--shape-spacing-xs)}._card_1czes_1 ._preview-trailing_1czes_70 time{font-size:var(--typography-font-sizes-caption)}._card_1czes_1 ._preview-content_1czes_90{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1czes_1 ._margin_1czes_98{margin-top:var(--shape-spacing-xs)}._card_1czes_1:has(select),._card_1czes_1:has([data-component=popover]){overflow:visible!important}._card_1czes_1 [data-component=croppable]{width:100%}._card_1czes_1 [data-component=list]{min-width:0}._card_1czes_1 [data-component=list] li{max-width:100%;min-width:0}._card_1czes_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1czes_1 [data-component=list] li>[data-component=file]{width:100%}._card_1czes_1:has([data-component=messages]){padding-block:0}._card_1czes_1 [data-component=messages]{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);margin:0 calc(var(--shape-spacing-md) * -1) calc(var(--shape-spacing-md) * -1)}._clickable_1czes_143{cursor:pointer}._clickable_1czes_143:hover{background-color:var(--colors-semantic-interactive-hover-subtle);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color)}._clickable_1czes_143:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_1czes_158 ._head_1czes_28 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_1czes_158:not(._selected_1czes_163){background-color:transparent}._image-top_1czes_168{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_1czes_168 img{height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover;width:100%}._image-left_1czes_179{max-height:calc(8.75 * var(--utils-tokens-unit));max-width:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);min-width:var(--scale-56)}._image-left_1czes_179 img{aspect-ratio:1 / 1}._selected_1czes_163{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_1czes_163:hover{background-color:var(--colors-semantic-interactive-selected)}
@@ -1 +1 @@
1
- ::view-transition-group(details-expand){animation-duration:var(--utils-tokens-transition-duration);animation-timing-function:var(--utils-tokens-transition-timing-function)}._collapsible_vloyq_6 summary{align-items:center;color:var(--colors-semantic-primary-primary);cursor:pointer;display:flex;list-style:none;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}._collapsible_vloyq_6 ._content_vloyq_17{min-width:0}._collapsible_vloyq_6 ._indicator_vloyq_21{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-left:auto;transform-origin:center;transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._collapsible_vloyq_6[open]>summary ._indicator_vloyq_21{transform:rotate(180deg)}
1
+ ._collapsible_1nzgt_1 summary{align-items:center;color:var(--colors-semantic-primary-primary);cursor:pointer;display:flex;list-style:none;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}._collapsible_1nzgt_1 ._content_1nzgt_12{min-width:0}._collapsible_1nzgt_1 ._indicator_1nzgt_16{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-left:auto;transform-origin:center;transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._collapsible_1nzgt_1[open]>summary ._indicator_1nzgt_16{transform:rotate(180deg)}
@@ -1 +1 @@
1
- @keyframes _reveal_1bkuq_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_1bkuq_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._controls_1bkuq_13>*{flex-shrink:0}._controls_1bkuq_13>[data-component=button]{white-space:nowrap}._default_1bkuq_28{justify-content:flex-end;margin-top:var(--shape-spacing-md);width:100%}@media (width <= 768px){._default_1bkuq_28{flex-direction:column}._default_1bkuq_28 [data-component=button]{width:100%}}._inline_1bkuq_43{justify-content:flex-end;margin-left:auto}._embedded_1bkuq_48,._fixed_1bkuq_49{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);gap:var(--shape-spacing-2xs);justify-content:center;padding:var(--shape-spacing-2xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._embedded_1bkuq_48._adaptive_1bkuq_60,._fixed_1bkuq_49._adaptive_1bkuq_60{flex-wrap:nowrap}._embedded_1bkuq_48>[data-component=button],._embedded_1bkuq_48 ._measurement_1bkuq_65>[data-component=button],._fixed_1bkuq_49>[data-component=button],._fixed_1bkuq_49 ._measurement_1bkuq_65>[data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._embedded_1bkuq_48>[data-component=button]:hover,._embedded_1bkuq_48 ._measurement_1bkuq_65>[data-component=button]:hover,._fixed_1bkuq_49>[data-component=button]:hover,._fixed_1bkuq_49 ._measurement_1bkuq_65>[data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._embedded_1bkuq_48._adaptive_1bkuq_60{max-width:100%}._fixed_1bkuq_49{animation:_reveal_1bkuq_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;border-left:var(--scale-4) solid var(--colors-semantic-border-focus);bottom:var(--shape-spacing-2xl);box-shadow:var(--shape-box-shadow-md-position-x) var(--shape-box-shadow-md-position-y) var(--shape-box-shadow-md-blur) var(--shape-box-shadow-md-spread) var(--colors-box-shadow-heavy);left:50%;position:fixed;will-change:opacity,transform;z-index:4}._fixed_1bkuq_49._adaptive_1bkuq_60{max-width:calc(100dvw - var(--shape-spacing-2xl))}._fixed_1bkuq_49>._non-button-content_1bkuq_99{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);white-space:nowrap}._fixed_1bkuq_49>._non-button-content_1bkuq_99 [data-component=link]{margin-right:var(--shape-spacing-xs)}._measurement_1bkuq_65{align-items:center;display:flex;left:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}._measurement_1bkuq_65>*{flex-shrink:0;white-space:nowrap}._overflow-trigger_1bkuq_128{display:inline-flex;flex:none}
1
+ @keyframes _reveal_t1re6_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_t1re6_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._controls_t1re6_13>*{flex-shrink:0}._controls_t1re6_13>[data-component=button]{white-space:nowrap}._default_t1re6_28{justify-content:flex-end;margin-top:var(--shape-spacing-md);width:100%}@media (width <= 480px){._default_t1re6_28{flex-direction:column}._default_t1re6_28 [data-component=button]{width:100%}}._inline_t1re6_43{justify-content:flex-end;margin-left:auto}._embedded_t1re6_48,._fixed_t1re6_49{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);gap:var(--shape-spacing-2xs);justify-content:center;padding:var(--shape-spacing-2xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._embedded_t1re6_48._adaptive_t1re6_60,._fixed_t1re6_49._adaptive_t1re6_60{flex-wrap:nowrap}._embedded_t1re6_48>[data-component=button],._embedded_t1re6_48 ._measurement_t1re6_65>[data-component=button],._fixed_t1re6_49>[data-component=button],._fixed_t1re6_49 ._measurement_t1re6_65>[data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._embedded_t1re6_48>[data-component=button]:hover,._embedded_t1re6_48 ._measurement_t1re6_65>[data-component=button]:hover,._fixed_t1re6_49>[data-component=button]:hover,._fixed_t1re6_49 ._measurement_t1re6_65>[data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._embedded_t1re6_48._adaptive_t1re6_60{max-width:100%}._fixed_t1re6_49{animation:_reveal_t1re6_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;border-left:var(--scale-4) solid var(--colors-semantic-border-focus);bottom:var(--shape-spacing-2xl);box-shadow:var(--shape-box-shadow-md-position-x) var(--shape-box-shadow-md-position-y) var(--shape-box-shadow-md-blur) var(--shape-box-shadow-md-spread) var(--colors-box-shadow-heavy);left:50%;position:fixed;will-change:opacity,transform;z-index:4}._fixed_t1re6_49._adaptive_t1re6_60{max-width:calc(100dvw - var(--shape-spacing-2xl))}._fixed_t1re6_49>._non-button-content_t1re6_99{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);white-space:nowrap}._fixed_t1re6_49>._non-button-content_t1re6_99 [data-component=link]{margin-right:var(--shape-spacing-xs)}._measurement_t1re6_65{align-items:center;display:flex;left:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}._measurement_t1re6_65>*{flex-shrink:0;white-space:nowrap}._overflow-trigger_t1re6_128{display:inline-flex;flex:none}
@@ -1 +1 @@
1
- ._dialog_gog2p_3{max-width:var(--shape-width-max-lg);background-color:var(--colors-semantic-bg-surface);border:none;border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);box-sizing:border-box;max-height:80vh;max-height:80dvh;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg);width:100%}._dialog_gog2p_3::backdrop{-webkit-backdrop-filter:blur(var(--shape-box-shadow-xs-blur));backdrop-filter:blur(var(--shape-box-shadow-xs-blur));background:var(--colors-box-shadow)}._dialog_gog2p_3 ._close_gog2p_24{position:absolute;right:0;top:0;z-index:1}._dialog_gog2p_3:not([open]){display:none}._dialog_gog2p_3._fullscreen_gog2p_35{border-radius:0;height:100vh;height:100dvh;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;padding:0;width:100vw;width:100dvw}@media (width <= 768px){._dialog_gog2p_3{border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;margin:auto 0 0;max-width:none}}._structured_gog2p_56{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}._structured_gog2p_56 ._header_gog2p_62{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_gog2p_56 ._header_gog2p_62>header{margin-block:0}._structured_gog2p_56 ._content_gog2p_73{min-height:0;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}@supports (-moz-appearance: none){._structured_gog2p_56 ._content_gog2p_73{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._structured_gog2p_56 ._content_gog2p_73::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._structured_gog2p_56 ._content_gog2p_73::-webkit-scrollbar-track{background-color:transparent}._structured_gog2p_56 ._content_gog2p_73::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._structured_gog2p_56 ._controls_gog2p_81{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_gog2p_56 ._controls_gog2p_81>:first-child{margin-top:0}._structured_gog2p_56 ._close_gog2p_24{grid-column:2;justify-self:end;position:static}._structured_gog2p_56._dialog_gog2p_3._fullscreen_gog2p_35{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}._structured_gog2p_56._dialog_gog2p_3._fullscreen_gog2p_35 ._content_gog2p_73{box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%}@media (width <= 768px){._structured_gog2p_56 ._controls_gog2p_81{padding-top:0}}
1
+ ._dialog_10cs4_3{max-width:var(--shape-width-max-lg);background-color:var(--colors-semantic-bg-surface);border:none;border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);box-sizing:border-box;max-height:80vh;max-height:80dvh;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg);width:100%}._dialog_10cs4_3::backdrop{-webkit-backdrop-filter:blur(var(--shape-box-shadow-xs-blur));backdrop-filter:blur(var(--shape-box-shadow-xs-blur));background:var(--colors-box-shadow)}._dialog_10cs4_3 ._close_10cs4_24{position:absolute;right:0;top:0;z-index:1}._dialog_10cs4_3:not([open]){display:none}._dialog_10cs4_3._fullscreen_10cs4_35{border-radius:0;height:100vh;height:100dvh;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;padding:0;width:100vw;width:100dvw}@media (width <= 768px){._dialog_10cs4_3{border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;margin:auto 0 0;max-width:none}}._structured_10cs4_56{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}._structured_10cs4_56 ._header_10cs4_62{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_10cs4_56 ._header_10cs4_62>header{margin-block:0}._structured_10cs4_56 ._content_10cs4_73{min-height:0;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}@supports (-moz-appearance: none){._structured_10cs4_56 ._content_10cs4_73{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._structured_10cs4_56 ._content_10cs4_73::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._structured_10cs4_56 ._content_10cs4_73::-webkit-scrollbar-track{background-color:transparent}._structured_10cs4_56 ._content_10cs4_73::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._structured_10cs4_56 ._controls_10cs4_81{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_10cs4_56 ._controls_10cs4_81>:first-child{margin-top:0}._structured_10cs4_56 ._close_10cs4_24{grid-column:2;justify-self:end;position:static}._structured_10cs4_56._dialog_10cs4_3._fullscreen_10cs4_35{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}._structured_10cs4_56._dialog_10cs4_3._fullscreen_10cs4_35 ._content_10cs4_73{box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%}@media (width <= 768px){._structured_10cs4_56 ._controls_10cs4_81{padding-top:0}._structured_10cs4_56 ._controls_10cs4_81>:first-child{margin-top:var(--shape-spacing-md)}}
@@ -1 +1 @@
1
- ._empty-state_1byal_3{max-width:var(--shape-width-max);align-items:center;display:flex;flex-direction:column;margin-bottom:var(--shape-spacing-3xl);margin-inline:auto;margin-top:var(--shape-spacing-3xl);text-align:center;width:100%}._empty-state_1byal_3 ._header_1byal_15{font-size:var(--typography-font-sizes-h3);font-weight:var(--font-font-weight-bold);margin-bottom:0}
1
+ ._empty-state_tqnjq_3{max-width:var(--shape-width-max);align-items:center;display:flex;flex-direction:column;margin:var(--shape-spacing-3xl) auto;text-align:center;width:100%}._empty-state_tqnjq_3 ._header_tqnjq_13{font-size:var(--typography-font-sizes-h3);font-weight:var(--font-font-weight-bold);margin-bottom:0}@media (width <= 768px){._empty-state_tqnjq_3{margin-block:var(--shape-spacing-md)}}
@@ -1 +1 @@
1
- ._controls_uq9c5_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_uq9c5_6{display:block}._horizontal_uq9c5_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_uq9c5_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_uq9c5_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_uq9c5_17 li>li,._list_uq9c5_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_uq9c5_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_uq9c5_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_uq9c5_17 li>section:last-of-type{border-bottom:none}._list_uq9c5_17 li:has([data-span=all]){-moz-column-span:all;column-span:all}._list_uq9c5_17 li:last-child{margin-bottom:0}._columns_uq9c5_58{-moz-column-count:var(--list-columns, 2);column-count:var(--list-columns, 2);-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}@media (width <= 960px){._columns_uq9c5_58{-moz-column-count:1;column-count:1}}
1
+ ._controls_1n69k_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_1n69k_6{display:block}._horizontal_1n69k_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_1n69k_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_1n69k_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_1n69k_17 li>li,._list_1n69k_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_1n69k_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1n69k_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1n69k_17 li>section:last-of-type{border-bottom:none}._list_1n69k_17 li:has([data-span=all]){-moz-column-span:all;column-span:all}._list_1n69k_17 li:last-child{margin-bottom:0}._columns_1n69k_58{-moz-column-count:var(--list-columns, 2);column-count:var(--list-columns, 2);-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}@media (width <= 960px){._columns_1n69k_58{-moz-column-count:1;column-count:1}}._compact_1n69k_67 li{margin-bottom:var(--shape-spacing-xs)}
@@ -1 +1 @@
1
- ._select_1n2ax_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);background-image:var(--icon-svg);background-position:right var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-icon-medium);padding-right:var(--scale-32);text-overflow:ellipsis}._select_1n2ax_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3::placeholder{color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._select_1n2ax_3:has(option[value=""]:checked){color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3 option{padding-right:var(--scale-32)}._select_1n2ax_3._touched_1n2ax_23:invalid{border-color:var(--colors-semantic-status-error-border)}._label_1n2ax_28{display:block}
1
+ ._select_1bm47_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);background-image:var(--icon-svg);background-position:right var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-icon-medium);max-width:100%;padding-right:var(--scale-32);text-overflow:ellipsis}._select_1bm47_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._select_1bm47_3::placeholder{color:var(--colors-semantic-content-tertiary)}._select_1bm47_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._select_1bm47_3:has(option[value=""]:checked){color:var(--colors-semantic-content-tertiary)}._select_1bm47_3 option{padding-right:var(--scale-32)}._select_1bm47_3._touched_1bm47_24:invalid{border-color:var(--colors-semantic-status-error-border)}._label_1bm47_29{display:block}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="_aside_1162s_3",x="_sidebar_1162s_9",y="_open_1162s_57",k="_sticky_1162s_73",e={aside:p,sidebar:x,open:y,sticky:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:i="default"})=>{const[s,o]=_.useState(!1);return t.jsxs("aside",{className:l.t(n&&n,s&&e.open,e.aside,d&&e.sticky,m[i]),onClick:u=>{var r;const a=u.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[i==="sidebar"&&t.jsx(b.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!s),variant:"tertiary",children:t.jsx(f.Icon,{name:s?"x":"menu"})}),c]})};exports.Aside=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),p=require("../button/index.cjs"),b=require("../icon/index.cjs"),f="_aside_1u3pz_3",x="_sidebar_1u3pz_9",y="_open_1u3pz_62",k="_sticky_1u3pz_78",e={aside:f,sidebar:x,open:y,sticky:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:i="default"})=>{const[t,o]=_.useState(!1);return s.jsxs("aside",{className:l.t(n&&n,t&&e.open,e.aside,d&&e.sticky,m[i]),onClick:u=>{var r;const a=u.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[i==="sidebar"&&s.jsx(p.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!t),variant:"tertiary",children:s.jsx(b.Icon,{name:t?"x":"menu"})}),c]})};exports.Aside=g;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,9 +1,9 @@
1
- import { jsxs as l, jsx as n } from "react/jsx-runtime";
2
- import { t as m } from "../../classix-DG18itHa.js";
3
- import { useState as p } from "react";
4
- import { Button as _ } from "../button/index.js";
5
- import { Icon as u } from "../icon/index.js";
6
- import '../../assets/index24.css';const b = "_aside_1162s_3", k = "_sidebar_1162s_9", y = "_open_1162s_57", h = "_sticky_1162s_73", t = {
1
+ import { jsxs as f, jsx as n } from "react/jsx-runtime";
2
+ import { t as l } from "../../classix-DG18itHa.js";
3
+ import { useState as m } from "react";
4
+ import { Button as u } from "../button/index.js";
5
+ import { Icon as _ } from "../icon/index.js";
6
+ import '../../assets/index24.css';const b = "_aside_1u3pz_3", k = "_sidebar_1u3pz_9", y = "_open_1u3pz_62", h = "_sticky_1u3pz_78", t = {
7
7
  aside: b,
8
8
  sidebar: k,
9
9
  open: y,
@@ -11,23 +11,23 @@ import '../../assets/index24.css';const b = "_aside_1162s_3", k = "_sidebar_1162
11
11
  }, g = {
12
12
  default: t.default,
13
13
  sidebar: t.sidebar
14
- }, B = ({
14
+ }, v = ({
15
15
  children: d,
16
16
  className: s,
17
17
  sticky: c = !1,
18
18
  variant: i = "default"
19
19
  }) => {
20
- const [e, o] = p(!1);
21
- return /* @__PURE__ */ l("aside", { className: m(s && s, e && t.open, t.aside, c && t.sticky, g[i]), onClick: (f) => {
20
+ const [e, o] = m(!1);
21
+ return /* @__PURE__ */ f("aside", { className: l(s && s, e && t.open, t.aside, c && t.sticky, g[i]), onClick: (p) => {
22
22
  var r;
23
- const a = f.target.closest("a[href]");
23
+ const a = p.target.closest("a[href]");
24
24
  a && !((r = a.getAttribute("href")) != null && r.startsWith("#")) && o(!1);
25
25
  }, "data-component": "aside", children: [
26
- i === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(u, { name: e ? "x" : "menu" }) }),
26
+ i === "sidebar" && /* @__PURE__ */ n(u, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(_, { name: e ? "x" : "menu" }) }),
27
27
  d
28
28
  ] });
29
29
  };
30
30
  export {
31
- B as Aside
31
+ v as Aside
32
32
  };
33
33
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_133qp_1",w="_head_133qp_28",h="_center_133qp_40",N="_content_133qp_52",y="_preview_133qp_58",b="_margin_133qp_98",T="_clickable_133qp_143",k="_muted_133qp_158",D="_selected_133qp_163",e={card:v,head:w,center:h,content:N,preview:y,"preview-leading":"_preview-leading_133qp_69","preview-trailing":"_preview-trailing_133qp_70","preview-content":"_preview-content_133qp_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_133qp_168","image-left":"_image-left_133qp_179"},E=({actions:q,badge:m,checkbox:c,children:p,emphasis:o="default",header:_,icon:u,image:s,imagePosition:r="top",onClick:a,preview:l,variant:i="default"})=>n.jsxs("article",{className:d.t(e.card,o==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":o,"data-minimal":i==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[s&&i!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),n.jsxs("section",{children:[n.jsxs("div",{className:d.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(j.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),_,m&&n.jsx(x.Badge,{...m}),u&&n.jsx(f.Icon,{name:u,size:"medium"}),q]}),p&&i!=="minimal"&&n.jsx("div",{className:d.t(e.content,!!_&&e.margin),children:p}),l&&i!=="minimal"&&n.jsxs("div",{className:d.t(e.preview,!!_&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:l.leading}),n.jsx("span",{className:e["preview-content"],children:l.children}),n.jsx("span",{className:e["preview-trailing"],children:l.trailing})]})]})]});exports.Card=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),j=require("../badge/index.cjs"),z=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_1czes_1",w="_head_1czes_28",h="_center_1czes_40",N="_content_1czes_52",q="_preview_1czes_58",y="_margin_1czes_98",b="_clickable_1czes_143",T="_muted_1czes_158",k="_selected_1czes_163",e={card:v,head:w,center:h,content:N,preview:q,"preview-leading":"_preview-leading_1czes_69","preview-trailing":"_preview-trailing_1czes_70","preview-content":"_preview-content_1czes_90",margin:y,clickable:b,muted:T,selected:k,"image-top":"_image-top_1czes_168","image-left":"_image-left_1czes_179"},D=({actions:x,badge:m,checkbox:s,children:o,emphasis:u="default",header:_,icon:p,image:i,imagePosition:r="top",onClick:a,preview:l,variant:c="default"})=>n.jsxs("article",{className:d.t(e.card,u==="muted"&&e.muted,a&&e.clickable,(s==null?void 0:s.checked)&&e.selected),"data-emphasis":u,"data-minimal":c==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[i&&c!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:i}),n.jsxs("section",{children:[n.jsxs("div",{className:d.t(e.head,c==="minimal"&&e.center),children:[s&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(z.Checkbox,{...s})}),i&&c!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:i}),_,m&&n.jsx(j.Badge,{...m}),p&&n.jsx(f.Icon,{name:p,size:"medium"}),x]}),o&&c!=="minimal"&&n.jsx("div",{className:d.t(e.content,!!_&&e.margin),children:o}),l&&c!=="minimal"&&n.jsxs("div",{className:d.t(e.preview,!!_&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:l.leading}),n.jsx("span",{className:e["preview-content"],children:l.children}),n.jsx("span",{className:e["preview-trailing"],children:l.trailing})]})]})]});exports.Card=D;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,55 +1,55 @@
1
- import { jsxs as d, jsx as t } from "react/jsx-runtime";
2
- import { t as p } from "../../classix-DG18itHa.js";
1
+ import { jsxs as m, jsx as t } from "react/jsx-runtime";
2
+ import { t as d } from "../../classix-DG18itHa.js";
3
3
  import { Badge as w } from "../badge/index.js";
4
4
  import { Checkbox as v } from "../checkbox/index.js";
5
5
  import { Figure as f } from "../figure/index.js";
6
6
  import { Icon as N } from "../icon/index.js";
7
- import '../../assets/index30.css';const h = "_card_133qp_1", y = "_head_133qp_28", j = "_center_133qp_40", D = "_content_133qp_52", E = "_preview_133qp_58", I = "_margin_133qp_98", T = "_clickable_133qp_143", $ = "_muted_133qp_158", k = "_selected_133qp_163", e = {
7
+ import '../../assets/index30.css';const h = "_card_1czes_1", y = "_head_1czes_28", j = "_center_1czes_40", D = "_content_1czes_52", E = "_preview_1czes_58", I = "_margin_1czes_98", T = "_clickable_1czes_143", $ = "_muted_1czes_158", k = "_selected_1czes_163", e = {
8
8
  card: h,
9
9
  head: y,
10
10
  center: j,
11
11
  content: D,
12
12
  preview: E,
13
- "preview-leading": "_preview-leading_133qp_69",
14
- "preview-trailing": "_preview-trailing_133qp_70",
15
- "preview-content": "_preview-content_133qp_90",
13
+ "preview-leading": "_preview-leading_1czes_69",
14
+ "preview-trailing": "_preview-trailing_1czes_70",
15
+ "preview-content": "_preview-content_1czes_90",
16
16
  margin: I,
17
17
  clickable: T,
18
18
  muted: $,
19
19
  selected: k,
20
- "image-top": "_image-top_133qp_168",
21
- "image-left": "_image-left_133qp_179"
20
+ "image-top": "_image-top_1czes_168",
21
+ "image-left": "_image-left_1czes_179"
22
22
  }, G = ({
23
- actions: q,
24
- badge: _,
25
- checkbox: a,
26
- children: o,
23
+ actions: z,
24
+ badge: o,
25
+ checkbox: r,
26
+ children: p,
27
27
  emphasis: g = "default",
28
- header: s,
28
+ header: _,
29
29
  icon: u,
30
- image: i,
31
- imagePosition: c = "top",
32
- onClick: l,
33
- preview: m,
34
- variant: r = "default"
35
- }) => /* @__PURE__ */ d("article", { className: p(e.card, g === "muted" && e.muted, l && e.clickable, (a == null ? void 0 : a.checked) && e.selected), "data-emphasis": g, "data-minimal": r === "minimal", onClick: l, onKeyDown: (n) => {
36
- l && n.currentTarget === document.activeElement && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click());
37
- }, tabIndex: l ? 0 : -1, "data-component": "card", children: [
38
- i && r !== "minimal" && c === "top" && /* @__PURE__ */ t(f, { className: e[`image-${c}`], children: i }),
39
- /* @__PURE__ */ d("section", { children: [
40
- /* @__PURE__ */ d("div", { className: p(e.head, r === "minimal" && e.center), children: [
41
- a && /* @__PURE__ */ t("span", { onClick: (n) => n.stopPropagation(), children: /* @__PURE__ */ t(v, { ...a }) }),
42
- i && r !== "minimal" && c === "left" && /* @__PURE__ */ t(f, { className: e[`image-${c}`], children: i }),
43
- s,
44
- _ && /* @__PURE__ */ t(w, { ..._ }),
30
+ image: a,
31
+ imagePosition: i = "top",
32
+ onClick: s,
33
+ preview: l,
34
+ variant: n = "default"
35
+ }) => /* @__PURE__ */ m("article", { className: d(e.card, g === "muted" && e.muted, s && e.clickable, (r == null ? void 0 : r.checked) && e.selected), "data-emphasis": g, "data-minimal": n === "minimal", onClick: s, onKeyDown: (c) => {
36
+ s && c.currentTarget === document.activeElement && (c.key === "Enter" || c.key === " ") && (c.preventDefault(), c.currentTarget.click());
37
+ }, tabIndex: s ? 0 : -1, "data-component": "card", children: [
38
+ a && n !== "minimal" && i === "top" && /* @__PURE__ */ t(f, { className: e[`image-${i}`], children: a }),
39
+ /* @__PURE__ */ m("section", { children: [
40
+ /* @__PURE__ */ m("div", { className: d(e.head, n === "minimal" && e.center), children: [
41
+ r && /* @__PURE__ */ t("span", { onClick: (c) => c.stopPropagation(), children: /* @__PURE__ */ t(v, { ...r }) }),
42
+ a && n !== "minimal" && i === "left" && /* @__PURE__ */ t(f, { className: e[`image-${i}`], children: a }),
43
+ _,
44
+ o && /* @__PURE__ */ t(w, { ...o }),
45
45
  u && /* @__PURE__ */ t(N, { name: u, size: "medium" }),
46
- q
46
+ z
47
47
  ] }),
48
- o && r !== "minimal" && /* @__PURE__ */ t("div", { className: p(e.content, !!s && e.margin), children: o }),
49
- m && r !== "minimal" && /* @__PURE__ */ d("div", { className: p(e.preview, !!s && e.margin), children: [
50
- /* @__PURE__ */ t("span", { className: e["preview-leading"], children: m.leading }),
51
- /* @__PURE__ */ t("span", { className: e["preview-content"], children: m.children }),
52
- /* @__PURE__ */ t("span", { className: e["preview-trailing"], children: m.trailing })
48
+ p && n !== "minimal" && /* @__PURE__ */ t("div", { className: d(e.content, !!_ && e.margin), children: p }),
49
+ l && n !== "minimal" && /* @__PURE__ */ m("div", { className: d(e.preview, !!_ && e.margin), children: [
50
+ /* @__PURE__ */ t("span", { className: e["preview-leading"], children: l.leading }),
51
+ /* @__PURE__ */ t("span", { className: e["preview-content"], children: l.children }),
52
+ /* @__PURE__ */ t("span", { className: e["preview-trailing"], children: l.trailing })
53
53
  ] })
54
54
  ] })
55
55
  ] });
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),t=require("../icon/index.cjs"),i="_collapsible_vloyq_6",a="_content_vloyq_17",r="_indicator_vloyq_21",n={collapsible:i,content:a,indicator:r},d=({children:l,disabled:o,open:s,summary:c})=>e.jsxs("details",{className:n.collapsible,open:o||s||void 0,"data-component":"collapsible",children:[e.jsxs("summary",{children:[e.jsx("span",{className:n.content,"data-content":"collapsible-summary",children:c}),!o&&e.jsx("span",{className:n.indicator,"data-content":"collapsible-indicator",children:e.jsx(t.Icon,{name:"chevron",size:"medium"})})]}),l]});exports.Collapsible=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const n=require("react/jsx-runtime"),l=require("../icon/index.cjs"),i="_collapsible_1nzgt_1",a="_content_1nzgt_12",r="_indicator_1nzgt_16",e={collapsible:i,content:a,indicator:r},d=({children:o,disabled:t,open:s,summary:c})=>n.jsxs("details",{className:e.collapsible,open:t||s||void 0,"data-component":"collapsible",children:[n.jsxs("summary",{children:[n.jsx("span",{className:e.content,"data-content":"collapsible-summary",children:c}),!t&&n.jsx("span",{className:e.indicator,"data-content":"collapsible-indicator",children:n.jsx(l.Icon,{name:"chevron",size:"medium"})})]}),o]});exports.Collapsible=d;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,20 +1,20 @@
1
- import { jsxs as c, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as c, jsx as n } from "react/jsx-runtime";
2
2
  import { Icon as s } from "../icon/index.js";
3
- import '../../assets/index33.css';const i = "_collapsible_vloyq_6", r = "_content_vloyq_17", m = "_indicator_vloyq_21", l = {
3
+ import '../../assets/index33.css';const i = "_collapsible_1nzgt_1", r = "_content_1nzgt_12", m = "_indicator_1nzgt_16", o = {
4
4
  collapsible: i,
5
5
  content: r,
6
6
  indicator: m
7
7
  }, _ = ({
8
- children: t,
9
- disabled: n,
8
+ children: l,
9
+ disabled: t,
10
10
  open: a,
11
11
  summary: e
12
- }) => /* @__PURE__ */ c("details", { className: l.collapsible, open: n || a || void 0, "data-component": "collapsible", children: [
12
+ }) => /* @__PURE__ */ c("details", { className: o.collapsible, open: t || a || void 0, "data-component": "collapsible", children: [
13
13
  /* @__PURE__ */ c("summary", { children: [
14
- /* @__PURE__ */ o("span", { className: l.content, "data-content": "collapsible-summary", children: e }),
15
- !n && /* @__PURE__ */ o("span", { className: l.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ o(s, { name: "chevron", size: "medium" }) })
14
+ /* @__PURE__ */ n("span", { className: o.content, "data-content": "collapsible-summary", children: e }),
15
+ !t && /* @__PURE__ */ n("span", { className: o.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ n(s, { name: "chevron", size: "medium" }) })
16
16
  ] }),
17
- t
17
+ l
18
18
  ] });
19
19
  export {
20
20
  _ as Collapsible
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const b=require("react/jsx-runtime"),U=require("../../classix-5H4IWnMA.cjs"),m=require("react"),X=require("../button/index.cjs"),S=require("../../menu-popover-D1ALaiV5.cjs"),Y="_controls_1bkuq_13",Z="_inline_1bkuq_43",ee="_embedded_1bkuq_48",te="_fixed_1bkuq_49",ne="_adaptive_1bkuq_60",ie="_measurement_1bkuq_65",h={controls:Y,default:"_default_1bkuq_28",inline:Z,embedded:ee,fixed:te,adaptive:ne,measurement:ie,"non-button-content":"_non-button-content_1bkuq_99","overflow-trigger":"_overflow-trigger_1bkuq_128"},re={primary:3,danger:2,secondary:1,tertiary:0,simple:0},oe={default:h.default,embedded:h.embedded,fixed:h.fixed,inline:h.inline},se=s=>re[s.props.variant??"secondary"];function de({buttons:s,menuAccessibleLabel:i,triggerAccessibleLabel:n}){const x=s.map(o=>({button:o,isDanger:o.props.variant==="danger",value:o}));return b.jsx(S.MenuPopover,{triggerAccessibleLabel:n,"data-component":"overflowmenu",children:({close:o,initialFocus:r})=>b.jsx(S.MenuActionList,{actions:x,initialFocus:r,menuAccessibleLabel:i,onSelect:()=>o(),usesMenuSemantics:!0})})}const g=(s,i)=>{const n=Number.parseFloat(String(s[i]));return Number.isFinite(n)?n:0},ce=s=>{if(!s.trim().endsWith("px"))return;const i=Number.parseFloat(s);return Number.isFinite(i)?i:void 0},le=(s,i)=>{const n=s.parentElement;if(!n)return;const x=n.getBoundingClientRect(),o=getComputedStyle(n),r=x.width||n.clientWidth,B=x.left+g(o,"borderLeftWidth")+g(o,"paddingLeft"),E=x.left+r-g(o,"borderRightWidth")-g(o,"paddingRight"),_=Array.from(n.children).slice(0,Array.from(n.children).indexOf(s)),R=_.reduce((f,a)=>Math.max(f,a.getBoundingClientRect().right),B),c=_.length>0?g(o,"columnGap"):0,l=Math.max(0,E-R-c),W=(i==null?void 0:i.parent)===n?Math.max(0,r-i.parentWidth):0;return{availableWidth:W>0?Math.max(l,((i==null?void 0:i.availableWidth)??0)+W):l,parent:n,parentWidth:r}},ae=({children:s,className:i,maxVisibleButtons:n,overflow:x,overflowAccessibleLabel:o="More actions",variant:r="default",...B})=>{const E=m.Children.toArray(s),_=[],R=[];E.forEach(e=>{m.isValidElement(e)&&e.type===X.Button?_.push(e):R.push(e)});const c=_.map((e,d)=>({button:e,index:d,rank:se(e)})).sort((e,d)=>e.rank-d.rank||e.index-d.index).map(({button:e,index:d})=>m.cloneElement(e,{key:e.key??d})),l=r==="embedded"||r==="fixed"&&x==="menu",W=typeof n=="number"&&Number.isFinite(n)?Math.floor(n):0,f=r==="embedded"&&W>0?Math.min(c.length,W):c.length,a=m.useRef(null),A=m.useRef(void 0),N=m.useRef(null),M=m.useRef(null),[j,C]=m.useState(f),p=m.useCallback(()=>{var L,I,T;if(!l){C(f);return}const e=a.current,d=N.current;if(!e||!d)return;const w=Array.from(d.querySelectorAll('[data-component="button"]')),y=w.at(-1);if(!y)return;const v=w.slice(0,c.length).map(t=>t.getBoundingClientRect().width);if(v.length!==c.length)return;const u=getComputedStyle(e),G=g(u,"paddingLeft")+g(u,"paddingRight")+g(u,"borderLeftWidth")+g(u,"borderRightWidth"),$=ce(u.maxWidth),k=r==="embedded"?le(e,A.current):void 0;k&&(A.current=k);const H=(k==null?void 0:k.availableWidth)??((L=e.parentElement)==null?void 0:L.clientWidth)??0,J=((I=window.visualViewport)==null?void 0:I.width)??document.documentElement.clientWidth,F=Math.min(...[$,H,J].filter(t=>typeof t=="number"&&Number.isFinite(t)&&t>0));if(!Number.isFinite(F))return;const O=Math.max(0,F-G),V=((T=M.current)==null?void 0:T.getBoundingClientRect().width)??0,K=v.reduce((t,Q)=>t+Q,0);if(f===c.length&&V+K<=O){C(t=>t===f?t:f);return}let P=V+y.getBoundingClientRect().width,q=0;for(let t=0;t<f&&!(P+v[t]>O);t+=1)P+=v[t],q=t+1;C(t=>t===q?t:q)},[l,c.length,r,f]);if(m.useLayoutEffect(()=>{var d,w,y,v;if(p(),!l)return;const e=typeof ResizeObserver>"u"?void 0:new ResizeObserver(p);return a.current&&(e==null||e.observe(a.current)),(d=a.current)!=null&&d.parentElement&&(e==null||e.observe(a.current.parentElement)),r==="embedded"&&((w=a.current)!=null&&w.parentElement)&&Array.from(a.current.parentElement.children).forEach(u=>{u!==a.current&&(e==null||e.observe(u))}),M.current&&(e==null||e.observe(M.current)),window.addEventListener("resize",p),(y=window.visualViewport)==null||y.addEventListener("resize",p),(v=document.fonts)==null||v.ready.then(p),()=>{var u;e==null||e.disconnect(),window.removeEventListener("resize",p),(u=window.visualViewport)==null||u.removeEventListener("resize",p)}},[l,s,p,r]),E.length===0)return null;const D=l?c.slice(0,j):c,z=l?c.slice(j):[];return b.jsxs("div",{"data-component":"controls","data-dynamic-position":r==="fixed"?!0:void 0,className:U.t(h.controls,oe[r],l&&h.adaptive,i),ref:a,...B,children:[l&&b.jsxs("div",{"aria-hidden":"true",className:h.measurement,ref:N,children:[c.map((e,d)=>m.cloneElement(e,{"aria-hidden":!0,id:void 0,key:`measure-${String(e.key??d)}`,onClick:void 0,ref:void 0,tabIndex:-1})),b.jsx(S.MenuPopover,{triggerAccessibleLabel:o,children:null})]}),r!=="embedded"&&R.length>0&&b.jsx("span",{className:h["non-button-content"],ref:M,children:R}),D,z.length>0&&b.jsx("span",{className:h["overflow-trigger"],children:b.jsx(de,{buttons:z,menuAccessibleLabel:o,triggerAccessibleLabel:o})})]})};exports.Controls=ae;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const b=require("react/jsx-runtime"),U=require("../../classix-5H4IWnMA.cjs"),m=require("react"),X=require("../button/index.cjs"),A=require("../../menu-popover-D1ALaiV5.cjs"),Y="_controls_t1re6_13",Z="_inline_t1re6_43",ee="_embedded_t1re6_48",te="_fixed_t1re6_49",ne="_adaptive_t1re6_60",ie="_measurement_t1re6_65",h={controls:Y,default:"_default_t1re6_28",inline:Z,embedded:ee,fixed:te,adaptive:ne,measurement:ie,"non-button-content":"_non-button-content_t1re6_99","overflow-trigger":"_overflow-trigger_t1re6_128"},re={primary:3,danger:2,secondary:1,tertiary:0,simple:0},oe={default:h.default,embedded:h.embedded,fixed:h.fixed,inline:h.inline},de=d=>re[d.props.variant??"secondary"];function se({buttons:d,menuAccessibleLabel:i,triggerAccessibleLabel:n}){const x=d.map(o=>({button:o,isDanger:o.props.variant==="danger",value:o}));return b.jsx(A.MenuPopover,{triggerAccessibleLabel:n,"data-component":"overflowmenu",children:({close:o,initialFocus:r})=>b.jsx(A.MenuActionList,{actions:x,initialFocus:r,menuAccessibleLabel:i,onSelect:()=>o(),usesMenuSemantics:!0})})}const g=(d,i)=>{const n=Number.parseFloat(String(d[i]));return Number.isFinite(n)?n:0},ce=d=>{if(!d.trim().endsWith("px"))return;const i=Number.parseFloat(d);return Number.isFinite(i)?i:void 0},ae=(d,i)=>{const n=d.parentElement;if(!n)return;const x=n.getBoundingClientRect(),o=getComputedStyle(n),r=x.width||n.clientWidth,C=x.left+g(o,"borderLeftWidth")+g(o,"paddingLeft"),M=x.left+r-g(o,"borderRightWidth")-g(o,"paddingRight"),_=Array.from(n.children).slice(0,Array.from(n.children).indexOf(d)),R=_.reduce((f,l)=>Math.max(f,l.getBoundingClientRect().right),C),c=_.length>0?g(o,"columnGap"):0,a=Math.max(0,M-R-c),W=(i==null?void 0:i.parent)===n?Math.max(0,r-i.parentWidth):0;return{availableWidth:W>0?Math.max(a,((i==null?void 0:i.availableWidth)??0)+W):a,parent:n,parentWidth:r}},le=({children:d,className:i,maxVisibleButtons:n,overflow:x,overflowAccessibleLabel:o="More actions",variant:r="default",...C})=>{const M=m.Children.toArray(d),_=[],R=[];M.forEach(e=>{m.isValidElement(e)&&e.type===X.Button?_.push(e):R.push(e)});const c=_.map((e,s)=>({button:e,index:s,rank:de(e)})).sort((e,s)=>e.rank-s.rank||e.index-s.index).map(({button:e,index:s})=>m.cloneElement(e,{key:e.key??s})),a=r==="embedded"||r==="fixed"&&x==="menu",W=typeof n=="number"&&Number.isFinite(n)?Math.floor(n):0,f=r==="embedded"&&W>0?Math.min(c.length,W):c.length,l=m.useRef(null),N=m.useRef(void 0),j=m.useRef(null),B=m.useRef(null),[z,S]=m.useState(f),p=m.useCallback(()=>{var L,I,T;if(!a){S(f);return}const e=l.current,s=j.current;if(!e||!s)return;const w=Array.from(s.querySelectorAll('[data-component="button"]')),y=w.at(-1);if(!y)return;const v=w.slice(0,c.length).map(t=>t.getBoundingClientRect().width);if(v.length!==c.length)return;const u=getComputedStyle(e),G=g(u,"paddingLeft")+g(u,"paddingRight")+g(u,"borderLeftWidth")+g(u,"borderRightWidth"),$=ce(u.maxWidth),E=r==="embedded"?ae(e,N.current):void 0;E&&(N.current=E);const H=(E==null?void 0:E.availableWidth)??((L=e.parentElement)==null?void 0:L.clientWidth)??0,J=((I=window.visualViewport)==null?void 0:I.width)??document.documentElement.clientWidth,O=Math.min(...[$,H,J].filter(t=>typeof t=="number"&&Number.isFinite(t)&&t>0));if(!Number.isFinite(O))return;const V=Math.max(0,O-G),q=((T=B.current)==null?void 0:T.getBoundingClientRect().width)??0,K=v.reduce((t,Q)=>t+Q,0);if(f===c.length&&q+K<=V){S(t=>t===f?t:f);return}let P=q+y.getBoundingClientRect().width,k=0;for(let t=0;t<f&&!(P+v[t]>V);t+=1)P+=v[t],k=t+1;S(t=>t===k?t:k)},[a,c.length,r,f]);if(m.useLayoutEffect(()=>{var s,w,y,v;if(p(),!a)return;const e=typeof ResizeObserver>"u"?void 0:new ResizeObserver(p);return l.current&&(e==null||e.observe(l.current)),(s=l.current)!=null&&s.parentElement&&(e==null||e.observe(l.current.parentElement)),r==="embedded"&&((w=l.current)!=null&&w.parentElement)&&Array.from(l.current.parentElement.children).forEach(u=>{u!==l.current&&(e==null||e.observe(u))}),B.current&&(e==null||e.observe(B.current)),window.addEventListener("resize",p),(y=window.visualViewport)==null||y.addEventListener("resize",p),(v=document.fonts)==null||v.ready.then(p),()=>{var u;e==null||e.disconnect(),window.removeEventListener("resize",p),(u=window.visualViewport)==null||u.removeEventListener("resize",p)}},[a,d,p,r]),M.length===0)return null;const D=a?c.slice(0,z):c,F=a?c.slice(z):[];return b.jsxs("div",{"data-component":"controls","data-dynamic-position":r==="fixed"?!0:void 0,"data-adaptive":a?!0:void 0,className:U.t(h.controls,oe[r],a&&h.adaptive,i),ref:l,...C,children:[a&&b.jsxs("div",{"aria-hidden":"true",className:h.measurement,ref:j,children:[c.map((e,s)=>m.cloneElement(e,{"aria-hidden":!0,id:void 0,key:`measure-${String(e.key??s)}`,onClick:void 0,ref:void 0,tabIndex:-1})),b.jsx(A.MenuPopover,{triggerAccessibleLabel:o,children:null})]}),r!=="embedded"&&R.length>0&&b.jsx("span",{className:h["non-button-content"],ref:B,children:R}),D,F.length>0&&b.jsx("span",{className:h["overflow-trigger"],children:b.jsx(se,{buttons:F,menuAccessibleLabel:o,triggerAccessibleLabel:o})})]})};exports.Controls=le;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n Children,\n cloneElement,\n isValidElement,\n useCallback,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { type MenuAction, MenuActionList } from '../menu/action-list';\nimport { MenuPopover } from '../menu/menu-popover';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n embedded: styles.embedded,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n maxVisibleButtons?: number;\n overflow?: 'menu';\n overflowAccessibleLabel?: string;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nfunction OverflowMenu({\n buttons,\n menuAccessibleLabel,\n triggerAccessibleLabel,\n}: {\n buttons: React.ReactElement<ButtonProps>[];\n menuAccessibleLabel: string;\n triggerAccessibleLabel: string;\n}) {\n const actions: MenuAction<React.ReactElement<ButtonProps>>[] = buttons.map((button) => ({\n button,\n isDanger: button.props.variant === 'danger',\n value: button,\n }));\n\n return (\n <MenuPopover triggerAccessibleLabel={triggerAccessibleLabel}>\n {({ close, initialFocus }) => (\n <MenuActionList\n actions={actions}\n initialFocus={initialFocus}\n menuAccessibleLabel={menuAccessibleLabel}\n onSelect={() => close()}\n usesMenuSemantics\n />\n )}\n </MenuPopover>\n );\n}\n\nconst numericStyle = (style: CSSStyleDeclaration, property: keyof CSSStyleDeclaration) => {\n const value = Number.parseFloat(String(style[property]));\n return Number.isFinite(value) ? value : 0;\n};\n\nconst pixelStyle = (value: string) => {\n if (!value.trim().endsWith('px')) return undefined;\n const parsedValue = Number.parseFloat(value);\n return Number.isFinite(parsedValue) ? parsedValue : undefined;\n};\n\ntype EmbeddedLayout = {\n availableWidth: number;\n parent: HTMLElement;\n parentWidth: number;\n};\n\nconst availableWidthToRight = (\n controls: HTMLDivElement,\n previousLayout?: EmbeddedLayout\n): EmbeddedLayout | undefined => {\n const parent = controls.parentElement;\n if (!parent) return undefined;\n\n const parentRect = parent.getBoundingClientRect();\n const parentStyle = getComputedStyle(parent);\n const parentWidth = parentRect.width || parent.clientWidth;\n const contentLeft =\n parentRect.left +\n numericStyle(parentStyle, 'borderLeftWidth') +\n numericStyle(parentStyle, 'paddingLeft');\n const contentRight =\n parentRect.left +\n parentWidth -\n numericStyle(parentStyle, 'borderRightWidth') -\n numericStyle(parentStyle, 'paddingRight');\n const precedingSiblings = Array.from(parent.children).slice(\n 0,\n Array.from(parent.children).indexOf(controls)\n );\n const occupiedRight = precedingSiblings.reduce(\n (right, sibling) => Math.max(right, sibling.getBoundingClientRect().right),\n contentLeft\n );\n const gap = precedingSiblings.length > 0 ? numericStyle(parentStyle, 'columnGap') : 0;\n\n const measuredAvailableWidth = Math.max(0, contentRight - occupiedRight - gap);\n const parentWidthIncrease =\n previousLayout?.parent === parent ? Math.max(0, parentWidth - previousLayout.parentWidth) : 0;\n\n return {\n availableWidth:\n parentWidthIncrease > 0\n ? Math.max(\n measuredAvailableWidth,\n (previousLayout?.availableWidth ?? 0) + parentWidthIncrease\n )\n : measuredAvailableWidth,\n parent,\n parentWidth,\n };\n};\n\nexport const Controls = ({\n children,\n className,\n maxVisibleButtons,\n overflow,\n overflowAccessibleLabel = 'More actions',\n variant = 'default',\n ...props\n}: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n const adaptive = variant === 'embedded' || (variant === 'fixed' && overflow === 'menu');\n const normalizedMaxVisibleButtons =\n typeof maxVisibleButtons === 'number' && Number.isFinite(maxVisibleButtons)\n ? Math.floor(maxVisibleButtons)\n : 0;\n const visibleButtonLimit =\n variant === 'embedded' && normalizedMaxVisibleButtons > 0\n ? Math.min(sortedButtons.length, normalizedMaxVisibleButtons)\n : sortedButtons.length;\n const controlsRef = useRef<HTMLDivElement>(null);\n const embeddedLayoutRef = useRef<EmbeddedLayout>(undefined);\n const measurementRef = useRef<HTMLDivElement>(null);\n const nonButtonsRef = useRef<HTMLSpanElement>(null);\n const [visibleButtonCount, setVisibleButtonCount] = useState(visibleButtonLimit);\n\n const updateOverflow = useCallback(() => {\n if (!adaptive) {\n setVisibleButtonCount(visibleButtonLimit);\n return;\n }\n\n const controls = controlsRef.current;\n const measurement = measurementRef.current;\n if (!controls || !measurement) return;\n\n const measurementButtons = Array.from(\n measurement.querySelectorAll<HTMLElement>('[data-component=\"button\"]')\n );\n const trigger = measurementButtons.at(-1);\n if (!trigger) return;\n\n const buttonWidths = measurementButtons\n .slice(0, sortedButtons.length)\n .map((button) => button.getBoundingClientRect().width);\n if (buttonWidths.length !== sortedButtons.length) return;\n\n const style = getComputedStyle(controls);\n const horizontalChrome =\n numericStyle(style, 'paddingLeft') +\n numericStyle(style, 'paddingRight') +\n numericStyle(style, 'borderLeftWidth') +\n numericStyle(style, 'borderRightWidth');\n const configuredMaxWidth = pixelStyle(style.maxWidth);\n const embeddedLayout =\n variant === 'embedded'\n ? availableWidthToRight(controls, embeddedLayoutRef.current)\n : undefined;\n if (embeddedLayout) embeddedLayoutRef.current = embeddedLayout;\n const layoutWidth = embeddedLayout?.availableWidth ?? controls.parentElement?.clientWidth ?? 0;\n const viewportWidth = window.visualViewport?.width ?? document.documentElement.clientWidth;\n const outerAvailableWidth = Math.min(\n ...[configuredMaxWidth, layoutWidth, viewportWidth].filter(\n (width): width is number => typeof width === 'number' && Number.isFinite(width) && width > 0\n )\n );\n if (!Number.isFinite(outerAvailableWidth)) return;\n\n const availableWidth = Math.max(0, outerAvailableWidth - horizontalChrome);\n const prefixWidth = nonButtonsRef.current?.getBoundingClientRect().width ?? 0;\n const actionWidth = buttonWidths.reduce((total, width) => total + width, 0);\n\n if (\n visibleButtonLimit === sortedButtons.length &&\n prefixWidth + actionWidth <= availableWidth\n ) {\n setVisibleButtonCount((current) =>\n current === visibleButtonLimit ? current : visibleButtonLimit\n );\n return;\n }\n\n let usedWidth = prefixWidth + trigger.getBoundingClientRect().width;\n let nextVisibleButtonCount = 0;\n for (let index = 0; index < visibleButtonLimit; index += 1) {\n if (usedWidth + buttonWidths[index] > availableWidth) break;\n usedWidth += buttonWidths[index];\n nextVisibleButtonCount = index + 1;\n }\n\n setVisibleButtonCount((current) =>\n current === nextVisibleButtonCount ? current : nextVisibleButtonCount\n );\n }, [adaptive, sortedButtons.length, variant, visibleButtonLimit]);\n\n useLayoutEffect(() => {\n updateOverflow();\n\n if (!adaptive) return undefined;\n\n const observer =\n typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(updateOverflow);\n if (controlsRef.current) observer?.observe(controlsRef.current);\n if (controlsRef.current?.parentElement) observer?.observe(controlsRef.current.parentElement);\n if (variant === 'embedded' && controlsRef.current?.parentElement) {\n Array.from(controlsRef.current.parentElement.children).forEach((sibling) => {\n if (sibling !== controlsRef.current) observer?.observe(sibling);\n });\n }\n if (nonButtonsRef.current) observer?.observe(nonButtonsRef.current);\n\n window.addEventListener('resize', updateOverflow);\n window.visualViewport?.addEventListener('resize', updateOverflow);\n void document.fonts?.ready.then(updateOverflow);\n\n return () => {\n observer?.disconnect();\n window.removeEventListener('resize', updateOverflow);\n window.visualViewport?.removeEventListener('resize', updateOverflow);\n };\n }, [adaptive, children, updateOverflow, variant]);\n\n if (childArray.length === 0) {\n return null;\n }\n\n const visibleButtons = adaptive ? sortedButtons.slice(0, visibleButtonCount) : sortedButtons;\n const overflowedButtons = adaptive ? sortedButtons.slice(visibleButtonCount) : [];\n\n return (\n <div\n data-component='controls'\n data-dynamic-position={variant === 'fixed' ? true : undefined}\n className={cx(styles.controls, variants[variant], adaptive && styles.adaptive, className)}\n ref={controlsRef}\n {...props}\n >\n {adaptive && (\n <div\n aria-hidden='true'\n className={styles.measurement}\n ref={measurementRef}\n >\n {sortedButtons.map((button, index) =>\n cloneElement(button, {\n 'aria-hidden': true,\n id: undefined,\n key: `measure-${String(button.key ?? index)}`,\n onClick: undefined,\n ref: undefined,\n tabIndex: -1,\n })\n )}\n <MenuPopover triggerAccessibleLabel={overflowAccessibleLabel}>{null}</MenuPopover>\n </div>\n )}\n {variant !== 'embedded' && nonButtons.length > 0 && (\n <span\n className={styles['non-button-content']}\n ref={nonButtonsRef}\n >\n {nonButtons}\n </span>\n )}\n {visibleButtons}\n {overflowedButtons.length > 0 && (\n <span className={styles['overflow-trigger']}>\n <OverflowMenu\n buttons={overflowedButtons}\n menuAccessibleLabel={overflowAccessibleLabel}\n triggerAccessibleLabel={overflowAccessibleLabel}\n />\n </span>\n )}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","embedded","fixed","inline","getButtonRank","button","props","variant","OverflowMenu","buttons","menuAccessibleLabel","triggerAccessibleLabel","actions","map","isDanger","value","jsx","MenuPopover","close","initialFocus","MenuActionList","numericStyle","style","property","Number","parseFloat","String","isFinite","pixelStyle","trim","endsWith","parsedValue","undefined","availableWidthToRight","controls","previousLayout","parent","parentElement","parentRect","getBoundingClientRect","parentStyle","getComputedStyle","parentWidth","width","clientWidth","contentLeft","left","contentRight","precedingSiblings","Array","from","children","slice","indexOf","occupiedRight","reduce","right","sibling","Math","max","gap","length","measuredAvailableWidth","parentWidthIncrease","availableWidth","Controls","className","maxVisibleButtons","overflow","overflowAccessibleLabel","childArray","Children","toArray","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","index","rank","sort","a","b","cloneElement","key","adaptive","normalizedMaxVisibleButtons","floor","visibleButtonLimit","min","controlsRef","useRef","embeddedLayoutRef","measurementRef","nonButtonsRef","visibleButtonCount","setVisibleButtonCount","useState","updateOverflow","useCallback","current","measurement","measurementButtons","querySelectorAll","trigger","at","buttonWidths","horizontalChrome","configuredMaxWidth","maxWidth","embeddedLayout","layoutWidth","viewportWidth","window","visualViewport","document","documentElement","outerAvailableWidth","filter","prefixWidth","actionWidth","total","usedWidth","nextVisibleButtonCount","useLayoutEffect","observer","ResizeObserver","observe","addEventListener","fonts","ready","then","disconnect","removeEventListener","visibleButtons","overflowedButtons","jsxs","cx","id","onClick","ref","tabIndex"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n Children,\n cloneElement,\n isValidElement,\n useCallback,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { type MenuAction, MenuActionList } from '../menu/action-list';\nimport { MenuPopover } from '../menu/menu-popover';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n embedded: styles.embedded,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n maxVisibleButtons?: number;\n overflow?: 'menu';\n overflowAccessibleLabel?: string;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nfunction OverflowMenu({\n buttons,\n menuAccessibleLabel,\n triggerAccessibleLabel,\n}: {\n buttons: React.ReactElement<ButtonProps>[];\n menuAccessibleLabel: string;\n triggerAccessibleLabel: string;\n}) {\n const actions: MenuAction<React.ReactElement<ButtonProps>>[] = buttons.map((button) => ({\n button,\n isDanger: button.props.variant === 'danger',\n value: button,\n }));\n\n return (\n <MenuPopover triggerAccessibleLabel={triggerAccessibleLabel}>\n {({ close, initialFocus }) => (\n <MenuActionList\n actions={actions}\n initialFocus={initialFocus}\n menuAccessibleLabel={menuAccessibleLabel}\n onSelect={() => close()}\n usesMenuSemantics\n />\n )}\n </MenuPopover>\n );\n}\n\nconst numericStyle = (style: CSSStyleDeclaration, property: keyof CSSStyleDeclaration) => {\n const value = Number.parseFloat(String(style[property]));\n return Number.isFinite(value) ? value : 0;\n};\n\nconst pixelStyle = (value: string) => {\n if (!value.trim().endsWith('px')) return undefined;\n const parsedValue = Number.parseFloat(value);\n return Number.isFinite(parsedValue) ? parsedValue : undefined;\n};\n\ntype EmbeddedLayout = {\n availableWidth: number;\n parent: HTMLElement;\n parentWidth: number;\n};\n\nconst availableWidthToRight = (\n controls: HTMLDivElement,\n previousLayout?: EmbeddedLayout\n): EmbeddedLayout | undefined => {\n const parent = controls.parentElement;\n if (!parent) return undefined;\n\n const parentRect = parent.getBoundingClientRect();\n const parentStyle = getComputedStyle(parent);\n const parentWidth = parentRect.width || parent.clientWidth;\n const contentLeft =\n parentRect.left +\n numericStyle(parentStyle, 'borderLeftWidth') +\n numericStyle(parentStyle, 'paddingLeft');\n const contentRight =\n parentRect.left +\n parentWidth -\n numericStyle(parentStyle, 'borderRightWidth') -\n numericStyle(parentStyle, 'paddingRight');\n const precedingSiblings = Array.from(parent.children).slice(\n 0,\n Array.from(parent.children).indexOf(controls)\n );\n const occupiedRight = precedingSiblings.reduce(\n (right, sibling) => Math.max(right, sibling.getBoundingClientRect().right),\n contentLeft\n );\n const gap = precedingSiblings.length > 0 ? numericStyle(parentStyle, 'columnGap') : 0;\n\n const measuredAvailableWidth = Math.max(0, contentRight - occupiedRight - gap);\n const parentWidthIncrease =\n previousLayout?.parent === parent ? Math.max(0, parentWidth - previousLayout.parentWidth) : 0;\n\n return {\n availableWidth:\n parentWidthIncrease > 0\n ? Math.max(\n measuredAvailableWidth,\n (previousLayout?.availableWidth ?? 0) + parentWidthIncrease\n )\n : measuredAvailableWidth,\n parent,\n parentWidth,\n };\n};\n\nexport const Controls = ({\n children,\n className,\n maxVisibleButtons,\n overflow,\n overflowAccessibleLabel = 'More actions',\n variant = 'default',\n ...props\n}: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n const adaptive = variant === 'embedded' || (variant === 'fixed' && overflow === 'menu');\n const normalizedMaxVisibleButtons =\n typeof maxVisibleButtons === 'number' && Number.isFinite(maxVisibleButtons)\n ? Math.floor(maxVisibleButtons)\n : 0;\n const visibleButtonLimit =\n variant === 'embedded' && normalizedMaxVisibleButtons > 0\n ? Math.min(sortedButtons.length, normalizedMaxVisibleButtons)\n : sortedButtons.length;\n const controlsRef = useRef<HTMLDivElement>(null);\n const embeddedLayoutRef = useRef<EmbeddedLayout>(undefined);\n const measurementRef = useRef<HTMLDivElement>(null);\n const nonButtonsRef = useRef<HTMLSpanElement>(null);\n const [visibleButtonCount, setVisibleButtonCount] = useState(visibleButtonLimit);\n\n const updateOverflow = useCallback(() => {\n if (!adaptive) {\n setVisibleButtonCount(visibleButtonLimit);\n return;\n }\n\n const controls = controlsRef.current;\n const measurement = measurementRef.current;\n if (!controls || !measurement) return;\n\n const measurementButtons = Array.from(\n measurement.querySelectorAll<HTMLElement>('[data-component=\"button\"]')\n );\n const trigger = measurementButtons.at(-1);\n if (!trigger) return;\n\n const buttonWidths = measurementButtons\n .slice(0, sortedButtons.length)\n .map((button) => button.getBoundingClientRect().width);\n if (buttonWidths.length !== sortedButtons.length) return;\n\n const style = getComputedStyle(controls);\n const horizontalChrome =\n numericStyle(style, 'paddingLeft') +\n numericStyle(style, 'paddingRight') +\n numericStyle(style, 'borderLeftWidth') +\n numericStyle(style, 'borderRightWidth');\n const configuredMaxWidth = pixelStyle(style.maxWidth);\n const embeddedLayout =\n variant === 'embedded'\n ? availableWidthToRight(controls, embeddedLayoutRef.current)\n : undefined;\n if (embeddedLayout) embeddedLayoutRef.current = embeddedLayout;\n const layoutWidth = embeddedLayout?.availableWidth ?? controls.parentElement?.clientWidth ?? 0;\n const viewportWidth = window.visualViewport?.width ?? document.documentElement.clientWidth;\n const outerAvailableWidth = Math.min(\n ...[configuredMaxWidth, layoutWidth, viewportWidth].filter(\n (width): width is number => typeof width === 'number' && Number.isFinite(width) && width > 0\n )\n );\n if (!Number.isFinite(outerAvailableWidth)) return;\n\n const availableWidth = Math.max(0, outerAvailableWidth - horizontalChrome);\n const prefixWidth = nonButtonsRef.current?.getBoundingClientRect().width ?? 0;\n const actionWidth = buttonWidths.reduce((total, width) => total + width, 0);\n\n if (\n visibleButtonLimit === sortedButtons.length &&\n prefixWidth + actionWidth <= availableWidth\n ) {\n setVisibleButtonCount((current) =>\n current === visibleButtonLimit ? current : visibleButtonLimit\n );\n return;\n }\n\n let usedWidth = prefixWidth + trigger.getBoundingClientRect().width;\n let nextVisibleButtonCount = 0;\n for (let index = 0; index < visibleButtonLimit; index += 1) {\n if (usedWidth + buttonWidths[index] > availableWidth) break;\n usedWidth += buttonWidths[index];\n nextVisibleButtonCount = index + 1;\n }\n\n setVisibleButtonCount((current) =>\n current === nextVisibleButtonCount ? current : nextVisibleButtonCount\n );\n }, [adaptive, sortedButtons.length, variant, visibleButtonLimit]);\n\n useLayoutEffect(() => {\n updateOverflow();\n\n if (!adaptive) return undefined;\n\n const observer =\n typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(updateOverflow);\n if (controlsRef.current) observer?.observe(controlsRef.current);\n if (controlsRef.current?.parentElement) observer?.observe(controlsRef.current.parentElement);\n if (variant === 'embedded' && controlsRef.current?.parentElement) {\n Array.from(controlsRef.current.parentElement.children).forEach((sibling) => {\n if (sibling !== controlsRef.current) observer?.observe(sibling);\n });\n }\n if (nonButtonsRef.current) observer?.observe(nonButtonsRef.current);\n\n window.addEventListener('resize', updateOverflow);\n window.visualViewport?.addEventListener('resize', updateOverflow);\n void document.fonts?.ready.then(updateOverflow);\n\n return () => {\n observer?.disconnect();\n window.removeEventListener('resize', updateOverflow);\n window.visualViewport?.removeEventListener('resize', updateOverflow);\n };\n }, [adaptive, children, updateOverflow, variant]);\n\n if (childArray.length === 0) {\n return null;\n }\n\n const visibleButtons = adaptive ? sortedButtons.slice(0, visibleButtonCount) : sortedButtons;\n const overflowedButtons = adaptive ? sortedButtons.slice(visibleButtonCount) : [];\n\n return (\n <div\n data-component='controls'\n data-dynamic-position={variant === 'fixed' ? true : undefined}\n data-adaptive={adaptive ? true : undefined}\n className={cx(styles.controls, variants[variant], adaptive && styles.adaptive, className)}\n ref={controlsRef}\n {...props}\n >\n {adaptive && (\n <div\n aria-hidden='true'\n className={styles.measurement}\n ref={measurementRef}\n >\n {sortedButtons.map((button, index) =>\n cloneElement(button, {\n 'aria-hidden': true,\n id: undefined,\n key: `measure-${String(button.key ?? index)}`,\n onClick: undefined,\n ref: undefined,\n tabIndex: -1,\n })\n )}\n <MenuPopover triggerAccessibleLabel={overflowAccessibleLabel}>{null}</MenuPopover>\n </div>\n )}\n {variant !== 'embedded' && nonButtons.length > 0 && (\n <span\n className={styles['non-button-content']}\n ref={nonButtonsRef}\n >\n {nonButtons}\n </span>\n )}\n {visibleButtons}\n {overflowedButtons.length > 0 && (\n <span className={styles['overflow-trigger']}>\n <OverflowMenu\n buttons={overflowedButtons}\n menuAccessibleLabel={overflowAccessibleLabel}\n triggerAccessibleLabel={overflowAccessibleLabel}\n />\n </span>\n )}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","embedded","fixed","inline","getButtonRank","button","props","variant","OverflowMenu","buttons","menuAccessibleLabel","triggerAccessibleLabel","actions","map","isDanger","value","jsx","MenuPopover","close","initialFocus","MenuActionList","numericStyle","style","property","Number","parseFloat","String","isFinite","pixelStyle","trim","endsWith","parsedValue","undefined","availableWidthToRight","controls","previousLayout","parent","parentElement","parentRect","getBoundingClientRect","parentStyle","getComputedStyle","parentWidth","width","clientWidth","contentLeft","left","contentRight","precedingSiblings","Array","from","children","slice","indexOf","occupiedRight","reduce","right","sibling","Math","max","gap","length","measuredAvailableWidth","parentWidthIncrease","availableWidth","Controls","className","maxVisibleButtons","overflow","overflowAccessibleLabel","childArray","Children","toArray","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","index","rank","sort","a","b","cloneElement","key","adaptive","normalizedMaxVisibleButtons","floor","visibleButtonLimit","min","controlsRef","useRef","embeddedLayoutRef","measurementRef","nonButtonsRef","visibleButtonCount","setVisibleButtonCount","useState","updateOverflow","useCallback","current","measurement","measurementButtons","querySelectorAll","trigger","at","buttonWidths","horizontalChrome","configuredMaxWidth","maxWidth","embeddedLayout","layoutWidth","viewportWidth","window","visualViewport","document","documentElement","outerAvailableWidth","filter","prefixWidth","actionWidth","total","usedWidth","nextVisibleButtonCount","useLayoutEffect","observer","ResizeObserver","observe","addEventListener","fonts","ready","then","disconnect","removeEventListener","visibleButtons","overflowedButtons","jsxs","cx","id","onClick","ref","tabIndex"],"mappings":"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"}