@solibo/solibo-ui 1.0.6 → 1.0.9

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 (81) hide show
  1. package/dist/assets/index.css +1 -1
  2. package/dist/assets/index15.css +1 -1
  3. package/dist/assets/index19.css +1 -1
  4. package/dist/assets/index31.css +1 -1
  5. package/dist/assets/index32.css +1 -1
  6. package/dist/assets/index36.css +1 -1
  7. package/dist/assets/index38.css +1 -1
  8. package/dist/assets/index39.css +1 -1
  9. package/dist/assets/index46.css +1 -1
  10. package/dist/assets/index51.css +1 -1
  11. package/dist/assets/index8.css +1 -1
  12. package/dist/assets/index9.css +1 -1
  13. package/dist/components/button/index.cjs +1 -1
  14. package/dist/components/button/index.cjs.map +1 -1
  15. package/dist/components/button/index.js +25 -22
  16. package/dist/components/button/index.js.map +1 -1
  17. package/dist/components/card/index.cjs +1 -1
  18. package/dist/components/card/index.js +45 -45
  19. package/dist/components/checkbox/index.cjs +1 -1
  20. package/dist/components/checkbox/index.js +1 -1
  21. package/dist/components/controls/index.cjs +1 -1
  22. package/dist/components/controls/index.cjs.map +1 -1
  23. package/dist/components/controls/index.js +15 -14
  24. package/dist/components/controls/index.js.map +1 -1
  25. package/dist/components/dialog/index.cjs +1 -1
  26. package/dist/components/dialog/index.cjs.map +1 -1
  27. package/dist/components/dialog/index.js +58 -24
  28. package/dist/components/dialog/index.js.map +1 -1
  29. package/dist/components/dropdown/index.cjs +1 -1
  30. package/dist/components/dropdown/index.js +70 -70
  31. package/dist/components/editor/index.cjs +1 -1
  32. package/dist/components/editor/index.js +1 -1
  33. package/dist/components/icon/index.cjs +1 -1
  34. package/dist/components/icon/index.js +22 -22
  35. package/dist/components/iframe/index.cjs +1 -1
  36. package/dist/components/iframe/index.cjs.map +1 -1
  37. package/dist/components/iframe/index.js +62 -67
  38. package/dist/components/iframe/index.js.map +1 -1
  39. package/dist/components/input/index.cjs +1 -1
  40. package/dist/components/input/index.js +2 -2
  41. package/dist/components/message/index.cjs +1 -1
  42. package/dist/components/message/index.cjs.map +1 -1
  43. package/dist/components/message/index.js +34 -33
  44. package/dist/components/message/index.js.map +1 -1
  45. package/dist/components/nav/index.cjs +1 -1
  46. package/dist/components/nav/index.js +1 -1
  47. package/dist/components/popover/index.cjs +1 -1
  48. package/dist/components/popover/index.cjs.map +1 -1
  49. package/dist/components/popover/index.js +10 -10
  50. package/dist/components/popover/index.js.map +1 -1
  51. package/dist/components/search/index.cjs +1 -1
  52. package/dist/components/search/index.cjs.map +1 -1
  53. package/dist/components/search/index.js +41 -47
  54. package/dist/components/search/index.js.map +1 -1
  55. package/dist/components/select/index.cjs +1 -1
  56. package/dist/components/select/index.js +2 -2
  57. package/dist/components/sortable/index.cjs +1 -1
  58. package/dist/components/sortable/index.cjs.map +1 -1
  59. package/dist/components/sortable/index.js +141 -134
  60. package/dist/components/sortable/index.js.map +1 -1
  61. package/dist/{icons-Dhj9mAkR.js → icons-BFgf_lJN.js} +10 -1
  62. package/dist/icons-BFgf_lJN.js.map +1 -0
  63. package/dist/icons-Dx0NQYLH.cjs +2 -0
  64. package/dist/icons-Dx0NQYLH.cjs.map +1 -0
  65. package/dist/{index-D4LZQ-JF.js → index-BHgGZxsR.js} +2 -2
  66. package/dist/{index-D4LZQ-JF.js.map → index-BHgGZxsR.js.map} +1 -1
  67. package/dist/{index-Ct0mJ-KK.cjs → index-BPIK2dxs.cjs} +2 -2
  68. package/dist/{index-Ct0mJ-KK.cjs.map → index-BPIK2dxs.cjs.map} +1 -1
  69. package/dist/{index-D9Hq7ewF.cjs → index-CEzqxRIu.cjs} +2 -2
  70. package/dist/{index-D9Hq7ewF.cjs.map → index-CEzqxRIu.cjs.map} +1 -1
  71. package/dist/{index-uQRsVtP-.js → index-C_YiNpZP.js} +9 -9
  72. package/dist/{index-uQRsVtP-.js.map → index-C_YiNpZP.js.map} +1 -1
  73. package/dist/index.cjs +1 -1
  74. package/dist/index.d.ts +27 -3
  75. package/dist/index.js +38 -37
  76. package/dist/tokens.css +3 -1
  77. package/dist/tokens.json +46 -19
  78. package/package.json +1 -1
  79. package/dist/icons-BoBeAmLe.cjs +0 -2
  80. package/dist/icons-BoBeAmLe.cjs.map +0 -1
  81. package/dist/icons-Dhj9mAkR.js.map +0 -1
@@ -1 +1 @@
1
- ._message-group_q630z_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_q630z_1[data-message-type=system]{align-items:center}._message-group_q630z_1[data-message-type=user]{align-items:flex-end}._message-group_q630z_1>div:first-child,._message-group_q630z_1>time{margin-left:var(--scale-16)}._message-group_q630z_1>time{max-width:min(90%,var(--shape-width-max-lg));margin-right:var(--scale-16);text-align:right;width:100%}._message_q630z_1{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:0 var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_q630z_1:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_q630z_1[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_q630z_1:is([data-type=minimal],[data-type=system]){border:none}._message_q630z_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_q630z_1[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_q630z_1[data-type=system]{color:var(--colors-semantic-content-secondary);text-align:center}._message_q630z_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_q630z_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._timestamp_q630z_81{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_q630z_86{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_q630z_1[data-message-type=default]>._attachments_q630z_86{margin-left:var(--scale-16)}._message-group_q630z_1[data-message-type=user]>._attachments_q630z_86{align-items:flex-end;margin-right:var(--scale-16)}._preview_q630z_105{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
1
+ ._message-group_8sz6c_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_8sz6c_1[data-message-type=system]{align-items:center}._message-group_8sz6c_1[data-message-type=user]{align-items:flex-end}._message-group_8sz6c_1>div:first-child,._message-group_8sz6c_1>time{margin-left:var(--scale-16)}._message-group_8sz6c_1>time{color:var(--colors-semantic-content-tertiary);margin-right:var(--scale-16)}._message_8sz6c_1{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:0 var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_8sz6c_1:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_8sz6c_1[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_8sz6c_1:is([data-type=minimal],[data-type=system]){border:none}._message_8sz6c_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_8sz6c_1[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_8sz6c_1[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_8sz6c_1[data-type=system] [data-component=icon]{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_8sz6c_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_8sz6c_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._timestamp_8sz6c_87{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_8sz6c_92{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_8sz6c_1[data-message-type=default]>._attachments_8sz6c_92{margin-left:var(--scale-16)}._message-group_8sz6c_1[data-message-type=user]>._attachments_8sz6c_92{align-items:flex-end;margin-right:var(--scale-16)}._preview_8sz6c_111{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@@ -1 +1 @@
1
- ._wrapper_2h6kn_1{display:grid;min-width:0}._toolbar_2h6kn_6,._fullscreen-toolbar_2h6kn_7{display:flex;justify-content:flex-end}._toolbar_2h6kn_6{margin-bottom:var(--scale-4)}._iframe_2h6kn_16{border:0;display:block;width:100%}._fullscreen-dialog_2h6kn_22{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100dvh - var(--scale-32));max-height:none;max-width:none;overflow:hidden;padding:var(--scale-8);width:calc(100vw - var(--scale-32))}._fullscreen-toolbar_2h6kn_7{flex:0 0 auto;padding-bottom:var(--scale-8)}._fullscreen-iframe_2h6kn_39{flex:1 1 auto;height:100%;min-height:0}
1
+ ._wrapper_29z62_1{display:grid;min-width:0}._toolbar_29z62_6{display:flex;justify-content:flex-end;margin-bottom:var(--scale-4)}._iframe_29z62_12{border:0;display:block;width:100%}._fullscreen-iframe_29z62_18{height:100%;min-height:0}
@@ -1 +1 @@
1
- ._button_c8tzo_1{align-items:center;background-color:var(--colors-semantic-bg-page);border-radius:var(--shape-border-radius-radius-md);border:none;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-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);padding:calc(var(--utils-tokens-unit) - var(--scale-2));transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_c8tzo_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_c8tzo_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._danger_c8tzo_29{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_c8tzo_29:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._tertiary_c8tzo_38{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_c8tzo_45{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_c8tzo_45:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_c8tzo_54{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_c8tzo_54:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}
1
+ ._button_15qef_1{align-items:center;background-color:var(--colors-semantic-bg-page);border-radius:var(--shape-border-radius-radius-md);border:none;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-secondary);cursor:pointer;display:inline-flex;font-family:var(--utils-tokens-font-family);font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);padding:calc(var(--utils-tokens-unit) - var(--scale-2));transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_15qef_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_15qef_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._simple_15qef_29{background-color:transparent;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}._danger_15qef_38{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_15qef_38:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._tertiary_15qef_47{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_15qef_54{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_15qef_54:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_15qef_63{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_15qef_63:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}@media (width <= 768px){[data-component=button]{justify-content:center}}
@@ -1 +1 @@
1
- ._card_zhirg_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);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_zhirg_1 section{display:block;flex:1 1 auto;min-width:0;width:100%}._card_zhirg_1 ._head_zhirg_27{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_zhirg_1 ._head_zhirg_27 header{flex:1 1 auto;margin:0;min-width:0}._card_zhirg_1 ._head_zhirg_27._center_zhirg_39{align-items:center}._card_zhirg_1 ._head_zhirg_27 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_zhirg_1 ._content_zhirg_51>:last-child{margin-bottom:0}._card_zhirg_1 ._preview_zhirg_57{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_zhirg_1 ._preview-leading_zhirg_68,._card_zhirg_1 ._preview-trailing_zhirg_69{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_zhirg_1 ._preview-leading_zhirg_68:not(:empty){margin-right:var(--shape-spacing-xs)}._card_zhirg_1 ._preview-trailing_zhirg_69:not(:empty){margin-left:var(--shape-spacing-xs)}._card_zhirg_1 ._preview-trailing_zhirg_69 time{font-size:var(--typography-font-sizes-caption)}._card_zhirg_1 ._preview-content_zhirg_89{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_zhirg_1 ._margin_zhirg_97{margin-top:var(--shape-spacing-md)}._card_zhirg_1:has(select),._card_zhirg_1:has([data-component=popover]){overflow:visible!important}._card_zhirg_1 [data-component=croppable]{width:100%}._card_zhirg_1 [data-component=list]{min-width:0}._card_zhirg_1 [data-component=list] li{max-width:100%;min-width:0}._card_zhirg_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_zhirg_1 [data-component=list] li>[data-component=file]{width:100%}._card_zhirg_1:has([data-component=messages]){padding-block:0}._card_zhirg_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_zhirg_142{cursor:pointer}._clickable_zhirg_142: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_zhirg_142:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_zhirg_157 ._head_zhirg_27 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_zhirg_157:not(._selected_zhirg_162){background-color:transparent}._image-top_zhirg_167{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_zhirg_167 img{width:100%;height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover}._image-left_zhirg_178{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_zhirg_178 img{aspect-ratio:1 / 1}._selected_zhirg_162{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_zhirg_162:hover{background-color:var(--colors-semantic-interactive-selected)}
1
+ ._card_1nm90_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_1nm90_1 section{display:block;flex:1 1 auto;min-width:0;width:100%}._card_1nm90_1 ._head_1nm90_28{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_1nm90_1 ._head_1nm90_28 header{flex:1 1 auto;margin:0;min-width:0}._card_1nm90_1 ._head_1nm90_28._center_1nm90_40{align-items:center}._card_1nm90_1 ._head_1nm90_28 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1nm90_1 ._content_1nm90_52>:last-child{margin-bottom:0}._card_1nm90_1 ._preview_1nm90_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_1nm90_1 ._preview-leading_1nm90_69,._card_1nm90_1 ._preview-trailing_1nm90_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_1nm90_1 ._preview-leading_1nm90_69:not(:empty){margin-right:var(--shape-spacing-xs)}._card_1nm90_1 ._preview-trailing_1nm90_70:not(:empty){margin-left:var(--shape-spacing-xs)}._card_1nm90_1 ._preview-trailing_1nm90_70 time{font-size:var(--typography-font-sizes-caption)}._card_1nm90_1 ._preview-content_1nm90_90{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1nm90_1 ._margin_1nm90_98{margin-top:var(--shape-spacing-md)}._card_1nm90_1:has(select),._card_1nm90_1:has([data-component=popover]){overflow:visible!important}._card_1nm90_1 [data-component=croppable]{width:100%}._card_1nm90_1 [data-component=list]{min-width:0}._card_1nm90_1 [data-component=list] li{max-width:100%;min-width:0}._card_1nm90_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1nm90_1 [data-component=list] li>[data-component=file]{width:100%}._card_1nm90_1:has([data-component=messages]){padding-block:0}._card_1nm90_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_1nm90_143{cursor:pointer}._clickable_1nm90_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_1nm90_143:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_1nm90_158 ._head_1nm90_28 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_1nm90_158:not(._selected_1nm90_163){background-color:transparent}._image-top_1nm90_168{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_1nm90_168 img{width:100%;height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover}._image-left_1nm90_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_1nm90_179 img{aspect-ratio:1 / 1}._selected_1nm90_163{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_1nm90_163:hover{background-color:var(--colors-semantic-interactive-selected)}
@@ -1 +1 @@
1
- @keyframes _reveal_nwzp9_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_nwzp9_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._default_nwzp9_20{margin-top:var(--shape-spacing-md);justify-content:flex-end;width:100%}@media (width < 960px){._default_nwzp9_20{flex-direction:column}._default_nwzp9_20 [data-component=button]{width:100%}}._inline_nwzp9_34{justify-content:flex-end;margin-left:auto}._fixed_nwzp9_39{animation:_reveal_nwzp9_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;background-color:var(--colors-semantic-bg-surface);border-left:var(--shape-border-width-lg, 4px) solid var(--colors-semantic-border-focus);border-radius:var(--shape-border-radius-radius-lg);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, #0000002f);gap:0;justify-content:center;margin-left:240px;margin-right:-240px;left:50%;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:opacity,transform;z-index:4}._fixed_nwzp9_39 [data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._fixed_nwzp9_39 [data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._fixed_nwzp9_39>span{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);padding-left:0}._fixed_nwzp9_39>span [data-component=link]{margin-right:var(--shape-spacing-xs)}
1
+ @keyframes _reveal_1p251_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_1p251_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._default_1p251_20{margin-top:var(--shape-spacing-md);justify-content:flex-end;width:100%}@media (width <= 768px){._default_1p251_20{flex-direction:column}._default_1p251_20 [data-component=button]{width:100%}}._inline_1p251_35{justify-content:flex-end;margin-left:auto}._fixed_1p251_40{animation:_reveal_1p251_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;background-color:var(--colors-semantic-bg-surface);border-left:var(--shape-border-width-lg, 4px) solid var(--colors-semantic-border-focus);border-radius:var(--shape-border-radius-radius-lg);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, #0000002f);gap:0;justify-content:center;margin-left:240px;margin-right:-240px;left:50%;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:opacity,transform;z-index:4}._fixed_1p251_40 [data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._fixed_1p251_40 [data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._fixed_1p251_40>span{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);padding-left:0}._fixed_1p251_40>span [data-component=link]{margin-right:var(--shape-spacing-xs)}
@@ -1 +1 @@
1
- ._dialog_mvo05_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-md);border:none;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);justify-self:center;max-height:85vh;max-width:75vw;min-width:25vw;opacity:0;overflow:hidden auto;position:relative;transition:opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay);visibility:hidden}._dialog_mvo05_1>section:not(:first-of-type){border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default)}._dialog_mvo05_1 [data-tag=close-dialog]{position:absolute;right:0;top:0}._dialog_mvo05_1[open]{opacity:1;visibility:visible}._wrapper_mvo05_38{align-items:center;-webkit-backdrop-filter:blur(var(--scale-4)) brightness(.8);backdrop-filter:blur(var(--scale-4)) brightness(.8);display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),-webkit-backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);transition:backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay);transition:backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),opacity var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),visibility var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay),-webkit-backdrop-filter var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_mvo05_38:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_mvo05_1{max-width:90vw}}
1
+ ._dialog_vezdd_3{max-width:var(--shape-width-max-lg);background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-md);border:none;box-sizing:border-box;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);max-height:80vh;max-height:80dvh;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg);width:100%}._dialog_vezdd_3::backdrop{background:var(--colors-box-shadow);-webkit-backdrop-filter:blur(var(--shape-box-shadow-xs-blur));backdrop-filter:blur(var(--shape-box-shadow-xs-blur))}._dialog_vezdd_3 ._close_vezdd_24{position:absolute;right:0;top:0;z-index:1}._structured_vezdd_32{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}._structured_vezdd_32 ._header_vezdd_38{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_vezdd_32 ._header_vezdd_38>header{margin-block:0}._structured_vezdd_32 ._content_vezdd_49{min-height:0;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_vezdd_32 ._controls_vezdd_55{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_vezdd_32 ._controls_vezdd_55>:first-child{margin-top:0}._structured_vezdd_32 ._close_vezdd_24{grid-column:2;justify-self:end;position:static}._dialog_vezdd_3:not([open]){display:none}._dialog_vezdd_3._fullscreen_vezdd_75{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}._dialog_vezdd_3._fullscreen_vezdd_75._structured_vezdd_32{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}._dialog_vezdd_3._fullscreen_vezdd_75._structured_vezdd_32 ._content_vezdd_49{box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%}@media (width <= 768px){._dialog_vezdd_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_vezdd_32 ._controls_vezdd_55{padding-top:0}}
@@ -1 +1 @@
1
- ._combobox_1x1gr_3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-2xs);min-height:calc(var(--scale-32) + var(--scale-8));padding:var(--shape-spacing-2xs) 0}._combobox-input_1x1gr_12{background-color:transparent;border:0;box-shadow:none;color:var(--colors-semantic-content-primary);flex:1 1 calc(10 * var(--utils-tokens-unit));font:inherit;min-width:calc(10 * var(--utils-tokens-unit));padding:var(--utils-tokens-unit)}._combobox-input_1x1gr_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_1x1gr_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_1x1gr_27{position:relative}._dropdown_1x1gr_27 ._empty_1x1gr_30,._dropdown_1x1gr_27 ._group_1x1gr_31,._dropdown_1x1gr_27 ._placeholder_1x1gr_32{color:var(--colors-semantic-content-secondary)}._dropdown_1x1gr_27 ._empty_1x1gr_30{padding:var(--scale-4) var(--scale-8)}._dropdown_1x1gr_27 ._filter_1x1gr_40{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-8);margin-bottom:var(--utils-tokens-unit);margin-top:var(--scale-4);width:calc(100% - var(--utils-tokens-unit))}._dropdown_1x1gr_27 ._group_1x1gr_31{flex-shrink:0}._dropdown_1x1gr_27 ._native_1x1gr_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_1x1gr_27 ._option_1x1gr_62{align-items:center;background-color:transparent;border:0;border-radius:var(--shape-border-radius-radius-md);color:inherit;display:flex;font-weight:var(--font-font-weight-regular);gap:var(--scale-8);justify-content:space-between;overflow:hidden;padding:var(--scale-4);text-align:left;white-space:nowrap;width:100%}._dropdown_1x1gr_27 ._option_1x1gr_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_1x1gr_27 ._options_1x1gr_84{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding-right:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_1x1gr_27 ._options_1x1gr_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_1x1gr_27 ._options_1x1gr_84::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--colors-semantic-bg-surface);border:var(--scale-2) solid transparent;border-radius:var(--shape-border-radius-radius-md)}._dropdown_1x1gr_27 ._options_1x1gr_84::-webkit-scrollbar-track{background:transparent}._dropdown_1x1gr_27 ._panel_1x1gr_108{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);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);display:grid;left:0;max-height:80vh;min-width:100%;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:min(95vw,var(--shape-width-max));z-index:var(--utils-tokens-z-max)}._dropdown_1x1gr_27 ._placeholder_1x1gr_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_1x1gr_27 ._selected_1x1gr_132{font-weight:var(--font-font-weight-semibold)}._dropdown_1x1gr_27 ._text_1x1gr_136{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;overflow:hidden;white-space:pre-wrap}._dropdown_1x1gr_27 ._trigger_1x1gr_145{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);align-items:center;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-size);display:flex;font-weight:var(--font-font-weight-regular);min-height:calc(var(--scale-32) + var(--scale-8));overflow:hidden;padding-right:var(--scale-32);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));text-align:left;width:100%}._dropdown_1x1gr_27 ._trigger_1x1gr_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_1x1gr_27 ._trigger_1x1gr_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_1x1gr_27 ._trigger_1x1gr_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_1x1gr_27._minimal_1x1gr_164{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._empty_1x1gr_30,._dropdown_1x1gr_27._minimal_1x1gr_164 ._group_1x1gr_31{color:var(--dropdown-muted)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._filter_1x1gr_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_1x1gr_27._minimal_1x1gr_164 ._option_1x1gr_62{color:var(--colors-semantic-bg-surface)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._option_1x1gr_62:disabled{color:#ffffff73}._dropdown_1x1gr_27._minimal_1x1gr_164 ._panel_1x1gr_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._panel_1x1gr_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._panel_1x1gr_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._panel_1x1gr_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._placeholder_1x1gr_32{color:var(--dropdown-placeholder)}._dropdown_1x1gr_27._minimal_1x1gr_164 ._trigger_1x1gr_145{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-bottom:var(--utils-tokens-unit);padding:0 var(--shape-spacing-xs)}._dropdown_1x1gr_27._inline_1x1gr_219{flex:1 1 auto;min-width:0}._dropdown_1x1gr_27._inline_1x1gr_219 ._combobox_1x1gr_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_1x1gr_27._inline_1x1gr_219 ._combobox-input_1x1gr_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_1x1gr_27._inline_1x1gr_219 ._text_1x1gr_136{font-size:var(--typography-font-sizes-body-md)}._dropdown_1x1gr_27._inline_1x1gr_219 ._trigger_1x1gr_145{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding-bottom:var(--shape-spacing-xs);padding-left:0;padding-top:var(--shape-spacing-xs)}._label_1x1gr_251{display:grid;gap:var(--scale-8);width:100%}._inline-field_1x1gr_257{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline-field_1x1gr_257:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_1x1gr_257>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
1
+ ._combobox_18jwy_3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-2xs);min-height:calc(var(--scale-32) + var(--scale-8));padding:var(--shape-spacing-2xs) 0}._combobox-input_18jwy_12{background-color:transparent;border:0;box-shadow:none;color:var(--colors-semantic-content-primary);flex:1 1 calc(10 * var(--utils-tokens-unit));font:inherit;min-width:calc(10 * var(--utils-tokens-unit));padding:var(--utils-tokens-unit)}._combobox-input_18jwy_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_18jwy_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27{position:relative}._dropdown_18jwy_27 ._empty_18jwy_30,._dropdown_18jwy_27 ._group_18jwy_31,._dropdown_18jwy_27 ._placeholder_18jwy_32{color:var(--colors-semantic-content-secondary)}._dropdown_18jwy_27 ._empty_18jwy_30{padding:var(--scale-4) var(--scale-8)}._dropdown_18jwy_27 ._filter_18jwy_40{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-8);margin-bottom:var(--utils-tokens-unit);margin-top:var(--scale-4);width:calc(100% - var(--utils-tokens-unit))}._dropdown_18jwy_27 ._group_18jwy_31{flex-shrink:0}._dropdown_18jwy_27 ._native_18jwy_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_18jwy_27 ._option_18jwy_62{align-items:center;background-color:transparent;border:0;border-radius:var(--shape-border-radius-radius-md);color:inherit;display:flex;font-weight:var(--font-font-weight-regular);gap:var(--scale-8);justify-content:space-between;overflow:hidden;padding:var(--scale-4);text-align:left;white-space:nowrap;width:100%}._dropdown_18jwy_27 ._option_18jwy_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_18jwy_27 ._options_18jwy_84{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding-right:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--colors-semantic-bg-surface);border:var(--scale-2) solid transparent;border-radius:var(--shape-border-radius-radius-md)}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar-track{background:transparent}._dropdown_18jwy_27 ._panel_18jwy_108{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);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);display:grid;left:0;max-height:80vh;min-width:100%;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:min(95vw,var(--shape-width-max));z-index:var(--utils-tokens-z-max)}._dropdown_18jwy_27 ._placeholder_18jwy_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_18jwy_27 ._selected_18jwy_132{font-weight:var(--font-font-weight-semibold)}._dropdown_18jwy_27 ._text_18jwy_136{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;overflow:hidden;white-space:pre-wrap}._dropdown_18jwy_27 ._trigger_18jwy_145{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);align-items:center;background-color:var(--colors-semantic-bg-surface);display:flex;font-weight:var(--font-font-weight-regular);min-height:calc(var(--scale-32) + var(--scale-8));overflow:hidden;padding-right:var(--scale-32);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));position:relative;text-align:left;width:100%}._dropdown_18jwy_27 ._trigger_18jwy_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27 ._trigger_18jwy_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27 ._trigger_18jwy_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_18jwy_27 ._trigger_18jwy_145:after{background-image:var(--icon-svg);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:var(--utils-tokens-icon-medium);position:absolute;right:var(--scale-8);top:50%;transform:translateY(-50%);transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:var(--utils-tokens-icon-medium)}._dropdown_18jwy_27 ._trigger_18jwy_145[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_18jwy_27._minimal_18jwy_181{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_18jwy_27._minimal_18jwy_181 ._empty_18jwy_30,._dropdown_18jwy_27._minimal_18jwy_181 ._group_18jwy_31{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._filter_18jwy_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_18jwy_27._minimal_18jwy_181 ._option_18jwy_62{color:var(--colors-semantic-bg-surface)}._dropdown_18jwy_27._minimal_18jwy_181 ._option_18jwy_62:disabled{color:#ffffff73}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._placeholder_18jwy_32{color:var(--dropdown-placeholder)}._dropdown_18jwy_27._minimal_18jwy_181 ._trigger_18jwy_145{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-bottom:var(--utils-tokens-unit);padding:0 var(--shape-spacing-xs)}._dropdown_18jwy_27._inline_18jwy_236{flex:1 1 auto;min-width:0}._dropdown_18jwy_27._inline_18jwy_236 ._combobox_18jwy_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_18jwy_27._inline_18jwy_236 ._combobox-input_18jwy_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_18jwy_27._inline_18jwy_236 ._text_18jwy_136{font-size:var(--typography-font-sizes-body-md)}._dropdown_18jwy_27._inline_18jwy_236 ._trigger_18jwy_145{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding-bottom:var(--shape-spacing-xs);padding-left:0;padding-top:var(--shape-spacing-xs)}._label_18jwy_268{display:grid;gap:var(--scale-8);width:100%}._inline-field_18jwy_274{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline-field_18jwy_274:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_18jwy_274>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
@@ -1 +1 @@
1
- ._icon_vhz6u_1{background-color:currentcolor;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_vhz6u_10{height:var(--utils-tokens-unit);width:var(--utils-tokens-unit)}._medium_vhz6u_15{height:calc(var(--utils-tokens-unit) * 1.5);width:calc(var(--utils-tokens-unit) * 1.5)}._large_vhz6u_20{height:calc(var(--utils-tokens-unit) * 2);width:calc(var(--utils-tokens-unit) * 2)}._danger_vhz6u_25{background-color:var(--colors-semantic-interactive-destructive-bg)}._gap-right_vhz6u_29{margin-right:var(--scale-8)}._gap-left_vhz6u_33{margin-left:var(--scale-8)}
1
+ ._icon_ihnm9_1{background-color:currentcolor;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_ihnm9_10{height:var(--utils-tokens-icon-small);width:var(--utils-tokens-icon-small)}._medium_ihnm9_15{height:var(--utils-tokens-icon-medium);width:var(--utils-tokens-icon-medium)}._large_ihnm9_20{height:var(--utils-tokens-icon-large);width:var(--utils-tokens-icon-large)}._danger_ihnm9_25{background-color:var(--colors-semantic-interactive-destructive-bg)}._gap-right_ihnm9_29{margin-right:var(--scale-8)}._gap-left_ihnm9_33{margin-left:var(--scale-8)}
@@ -1 +1 @@
1
- ._select_u6sz6_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-size);padding-right:var(--scale-32);text-overflow:ellipsis}._select_u6sz6_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._select_u6sz6_3::placeholder{color:var(--colors-semantic-content-tertiary)}._select_u6sz6_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._select_u6sz6_3:has(option[value=""]:checked){color:var(--colors-semantic-content-tertiary)}._select_u6sz6_3 option{padding-right:var(--scale-32)}._select_u6sz6_3._touched_u6sz6_23:invalid{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._label_u6sz6_28{display:block}
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);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._label_1n2ax_28{display:block}
@@ -1 +1 @@
1
- ._sortable_12gha_1{margin-block:var(--scale-8)!important}._sortable_12gha_1>li{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;margin-bottom:0;padding-block:var(--scale-8);position:relative}._sortable_12gha_1>li._dragging_12gha_13{cursor:grabbing;margin-block:var(--scale-8);opacity:var(--utils-tokens-opacity-minimal);padding:0}._sortable_12gha_1>li._dragging_12gha_13 :focus{outline:none}._sortable_12gha_1>li._dragging_12gha_13 :focus [data-component=card],._sortable_12gha_1>li._dragging_12gha_13 :focus [data-component=card]:after{cursor:grabbing}._sortable_12gha_1>li._dragging_12gha_13._dropping_12gha_28{opacity:var(--utils-tokens-opacity-minimal)}._sortable_12gha_1>li._dragging_12gha_13:first-of-type._dragging_12gha_13{margin-top:var(--utils-tokens-unit)}._sortable_12gha_1>li._dragging_12gha_13:last-of-type._dragging_12gha_13{padding-bottom:var(--scale-8)}._sortable_12gha_1._columns_12gha_42{-moz-column-gap:0;column-gap:0;margin-right:var(--utils-tokens-negative-unit)}._sortable_12gha_1._columns_12gha_42 li{padding-right:var(--utils-tokens-unit)}._sortable_12gha_1 ._pseudo_12gha_51:before,._sortable_12gha_1 ._pseudo_12gha_51:after{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--shape-border-radius-radius-lg);border:0 dotted var(--colors-semantic-primary-primary-subtle-border);content:"";display:block;height:0;margin-block:0;opacity:0;pointer-events:none;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sortable_12gha_1 ._target-above_12gha_66:before,._sortable_12gha_1 ._target-below_12gha_67:after{border-width:var(--scale-1);height:var(--height);opacity:1;width:var(--width)}._sortable_12gha_1 ._target-above_12gha_66:before{margin-bottom:var(--utils-tokens-unit)}._sortable_12gha_1 ._target-below_12gha_67:after{margin-top:var(--utils-tokens-unit)}
1
+ ._sortable_iw0r0_1{margin-block:var(--scale-8)!important}._sortable_iw0r0_1>li{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;margin-bottom:0;padding-block:var(--scale-8);position:relative}._sortable_iw0r0_1>li._dragging_iw0r0_13{cursor:grabbing;margin-block:var(--scale-8);opacity:var(--utils-tokens-opacity-minimal);padding:0}._sortable_iw0r0_1>li._dragging_iw0r0_13 :focus{outline:none}._sortable_iw0r0_1>li._dragging_iw0r0_13 :focus [data-component=card],._sortable_iw0r0_1>li._dragging_iw0r0_13 :focus [data-component=card]:after{cursor:grabbing}._sortable_iw0r0_1>li._dragging_iw0r0_13:first-of-type._dragging_iw0r0_13{margin-top:var(--utils-tokens-unit)}._sortable_iw0r0_1>li._dragging_iw0r0_13:last-of-type._dragging_iw0r0_13{padding-bottom:var(--scale-8)}._sortable_iw0r0_1._columns_iw0r0_38{-moz-column-gap:0;column-gap:0;margin-right:var(--utils-tokens-negative-unit)}._sortable_iw0r0_1._columns_iw0r0_38 li{padding-right:var(--utils-tokens-unit)}._sortable_iw0r0_1 ._pseudo_iw0r0_47:before,._sortable_iw0r0_1 ._pseudo_iw0r0_47:after{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--shape-border-radius-radius-lg);border:0 dotted var(--colors-semantic-primary-primary-subtle-border);content:"";display:block;height:0;margin-block:0;opacity:0;pointer-events:none;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sortable_iw0r0_1 ._target-above_iw0r0_62:before,._sortable_iw0r0_1 ._target-below_iw0r0_63:after{border-width:var(--scale-1);border-radius:var(--sortable-placeholder-radius);box-sizing:border-box;height:var(--sortable-placeholder-height);opacity:1;width:var(--sortable-placeholder-width)}._sortable_iw0r0_1 ._target-above_iw0r0_62:before{margin-bottom:var(--utils-tokens-unit)}._sortable_iw0r0_1 ._target-below_iw0r0_63:after{margin-top:var(--utils-tokens-unit)}
@@ -1 +1 @@
1
- ._search_1tuej_3{display:flex;flex-direction:column;gap:var(--shape-spacing-xs);margin-bottom:var(--shape-spacing-lg);width:100%}._search_1tuej_3 [data-component=input]{max-width:var(--shape-width-max)}._controls_1tuej_15{align-items:stretch;display:flex;gap:var(--shape-spacing-xs)}._controls_1tuej_15 label{flex:1}._controls_1tuej_15 button{white-space:nowrap}._chips_1tuej_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs)}._dialog-content_1tuej_36{min-width:min(24rem,75vw);padding:var(--shape-spacing-xl)}._dialog-content_1tuej_36 h2{margin-top:0}._filter-groups_1tuej_45{display:flex;flex-direction:column;gap:var(--shape-spacing-lg)}._filter-group_1tuej_45{border:0;display:flex;flex-direction:column;gap:var(--shape-spacing-sm);margin:0;padding:0}._filter-group_1tuej_45 legend{font-size:var(--typography-font-sizes-label-md);font-weight:var(--font-font-weight-semibold);margin-bottom:var(--shape-spacing-sm);padding:0}@media (width < 480px){._controls_1tuej_15{align-items:stretch;flex-direction:column}}
1
+ ._search_14b9n_3{display:flex;flex-direction:column;gap:var(--shape-spacing-xs);margin-bottom:var(--shape-spacing-lg);width:100%}._search_14b9n_3 [data-component=input]{max-width:var(--shape-width-max)}._controls_14b9n_15{align-items:stretch;display:flex;gap:var(--shape-spacing-xs)}._controls_14b9n_15 label{flex:1}._controls_14b9n_15 button{white-space:nowrap}._chips_14b9n_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs)}._filter-groups_14b9n_36{display:flex;flex-direction:column;gap:var(--shape-spacing-lg);min-width:min(24rem,75vw)}._filter-group_14b9n_36{border:0;display:flex;flex-direction:column;gap:var(--shape-spacing-sm);margin:0;padding:0}._filter-group_14b9n_36 legend{font-size:var(--typography-font-sizes-label-lg);font-weight:var(--font-font-weight-semibold);margin-bottom:var(--shape-spacing-sm);padding:0}@media (width < 480px){._controls_14b9n_15{align-items:stretch;flex-direction:column}}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const n=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),_=require("../badge/index.cjs"),g=require("../icon/index.cjs"),l="_button_c8tzo_1",m="_danger_c8tzo_29",p="_tertiary_c8tzo_38",b="_primary_c8tzo_45",x="_secondary_c8tzo_54",t={button:l,danger:m,tertiary:p,primary:b,secondary:x},z={danger:t.danger,primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};function h({badge:o,children:r,className:a,disabled:s=!1,icon:e,onClick:c,ref:i,variant:d="secondary",...u}){return n.jsxs("button",{className:y.t(t.button,z[d],a),disabled:s,onClick:c,ref:i,type:"button",...u,"data-component":"button",children:[e&&n.jsx(g.Icon,{fill:!0,gap:r?"right":void 0,name:e,size:"small"}),r,n.jsx(_.Badge,{variant:"highlight",children:o})]})}exports.Button=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_15qef_1",g="_simple_15qef_29",b="_danger_15qef_38",f="_tertiary_15qef_47",q="_primary_15qef_54",x="_secondary_15qef_63",t={button:p,simple:g,danger:b,tertiary:f,primary:q,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:_,variant:d="secondary",...u}){return e.jsxs("button",{className:y.t(t.button,h[d],o),disabled:a,onClick:c,ref:_,type:"button",...u,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size='small'\n />\n )}\n {children}\n <Badge variant='highlight'>{badge}</Badge>\n </button>\n );\n}\n"],"names":["variants","danger","styles","primary","secondary","tertiary","Button","badge","children","className","disabled","icon","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"iYAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,SAAUH,EAAOG,QACnB,EAYO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGd,EAAOe,OAAQjB,EAASc,CAAO,EAAGL,CAAS,EACzD,SAAAC,EACA,QAAAE,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETJ,SAAAA,CAAAA,GACCO,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,IAAKX,EAAW,QAAUY,OAC1B,KAAMT,EACN,KAAK,OAAA,CAAO,EAGfH,EACDU,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAad,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconProps } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n simple: styles.simple,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n iconSize?: IconProps['size'];\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n iconSize = 'small',\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size={iconSize}\n />\n )}\n {children}\n <Badge variant='highlight'>{badge}</Badge>\n </button>\n );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"+ZAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,OAAQH,EAAOG,OACfC,SAAUJ,EAAOI,QACnB,EAaO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,SAAAA,EAAW,QACXC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGhB,EAAOiB,OAAQnB,EAASgB,CAAO,EAAGN,CAAS,EACzD,SAAAC,EACA,QAAAG,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETL,SAAAA,CAAAA,GACCQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,IAAKZ,EAAW,QAAUa,OAC1B,KAAMV,EACN,KAAMC,CAAAA,CAAS,EAGlBJ,EACDW,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAaf,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}
@@ -1,37 +1,40 @@
1
- import { jsxs as d, jsx as n } from "react/jsx-runtime";
2
- import { t as _ } from "../../classix-DG18itHa.js";
3
- import { Badge as p } from "../badge/index.js";
4
- import { Icon as u } from "../icon/index.js";
5
- import '../../assets/index31.css';const g = "_button_c8tzo_1", l = "_danger_c8tzo_29", b = "_tertiary_c8tzo_38", f = "_primary_c8tzo_45", z = "_secondary_c8tzo_54", t = {
6
- button: g,
7
- danger: l,
8
- tertiary: b,
9
- primary: f,
10
- secondary: z
11
- }, h = {
1
+ import { jsxs as _, jsx as n } from "react/jsx-runtime";
2
+ import { t as d } from "../../classix-DG18itHa.js";
3
+ import { Badge as l } from "../badge/index.js";
4
+ import { Icon as f } from "../icon/index.js";
5
+ import '../../assets/index31.css';const u = "_button_15qef_1", g = "_simple_15qef_29", b = "_danger_15qef_38", q = "_tertiary_15qef_47", h = "_primary_15qef_54", v = "_secondary_15qef_63", t = {
6
+ button: u,
7
+ simple: g,
8
+ danger: b,
9
+ tertiary: q,
10
+ primary: h,
11
+ secondary: v
12
+ }, x = {
12
13
  danger: t.danger,
13
14
  primary: t.primary,
14
15
  secondary: t.secondary,
16
+ simple: t.simple,
15
17
  tertiary: t.tertiary
16
18
  };
17
- function I({
18
- badge: a,
19
+ function N({
20
+ badge: o,
19
21
  children: r,
20
- className: e,
22
+ className: a,
21
23
  disabled: s = !1,
22
- icon: o,
23
- onClick: i,
24
+ icon: e,
25
+ iconSize: i = "small",
26
+ onClick: m,
24
27
  ref: c,
25
- variant: y = "secondary",
26
- ...m
28
+ variant: p = "secondary",
29
+ ...y
27
30
  }) {
28
- return /* @__PURE__ */ d("button", { className: _(t.button, h[y], e), disabled: s, onClick: i, ref: c, type: "button", ...m, "data-component": "button", children: [
29
- o && /* @__PURE__ */ n(u, { fill: !0, gap: r ? "right" : void 0, name: o, size: "small" }),
31
+ return /* @__PURE__ */ _("button", { className: d(t.button, x[p], a), disabled: s, onClick: m, ref: c, type: "button", ...y, "data-component": "button", children: [
32
+ e && /* @__PURE__ */ n(f, { fill: !0, gap: r ? "right" : void 0, name: e, size: i }),
30
33
  r,
31
- /* @__PURE__ */ n(p, { variant: "highlight", children: a })
34
+ /* @__PURE__ */ n(l, { variant: "highlight", children: o })
32
35
  ] });
33
36
  }
34
37
  export {
35
- I as Button
38
+ N as Button
36
39
  };
37
40
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size='small'\n />\n )}\n {children}\n <Badge variant='highlight'>{badge}</Badge>\n </button>\n );\n}\n"],"names":["variants","danger","styles","primary","secondary","tertiary","Button","badge","children","className","disabled","icon","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,UAAUH,EAAOG;AACnB;AAYO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGd,EAAOe,QAAQjB,EAASc,CAAO,GAAGL,CAAS,GACzD,UAAAC,GACA,SAAAE,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETJ,UAAAA;AAAAA,IAAAA,KACC,gBAAAO,EAACC,GAAA,EACC,MAAI,IACJ,KAAKX,IAAW,UAAUY,QAC1B,MAAMT,GACN,MAAK,QAAA,CAAO;AAAA,IAGfH;AAAAA,IACD,gBAAAU,EAACG,GAAA,EAAM,SAAQ,aAAad,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconProps } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n simple: styles.simple,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n iconSize?: IconProps['size'];\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n iconSize = 'small',\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size={iconSize}\n />\n )}\n {children}\n <Badge variant='highlight'>{badge}</Badge>\n </button>\n );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,QAAQH,EAAOG;AAAAA,EACfC,UAAUJ,EAAOI;AACnB;AAaO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGhB,EAAOiB,QAAQnB,EAASgB,CAAO,GAAGN,CAAS,GACzD,UAAAC,GACA,SAAAG,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETL,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAI,IACJ,KAAKZ,IAAW,UAAUa,QAC1B,MAAMV,GACN,MAAMC,EAAAA,CAAS;AAAA,IAGlBJ;AAAAA,IACD,gBAAAW,EAACG,GAAA,EAAM,SAAQ,aAAaf,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const n=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),z=require("../icon/index.cjs"),f="_card_zhirg_1",v="_head_zhirg_27",w="_center_zhirg_39",N="_content_zhirg_51",q="_preview_zhirg_57",y="_margin_zhirg_97",b="_clickable_zhirg_142",T="_muted_zhirg_157",k="_selected_zhirg_162",e={card:f,head:v,center:w,content:N,preview:q,"preview-leading":"_preview-leading_zhirg_68","preview-trailing":"_preview-trailing_zhirg_69","preview-content":"_preview-content_zhirg_89",margin:y,clickable:b,muted:T,selected:k,"image-top":"_image-top_zhirg_167","image-left":"_image-left_zhirg_178"},D=({actions:h,badge:m,checkbox:r,children:o,emphasis:g="default",header:_,icon:u,image:c,imagePosition:s="top",onClick:a,preview:l,variant:t="default"})=>n.jsxs("article",{className:d.t(e.card,g==="muted"&&e.muted,a&&e.clickable,(r==null?void 0:r.checked)&&e.selected),"data-emphasis":g,"data-minimal":t==="minimal",onClick:a,onKeyDown:i=>{a&&i.currentTarget===document.activeElement&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[c&&t!=="minimal"&&s==="top"&&n.jsx(p.Figure,{className:e[`image-${s}`],children:c}),n.jsxs("section",{children:[n.jsxs("div",{className:d.t(e.head,t==="minimal"&&e.center),children:[r&&n.jsx("span",{onClick:i=>i.stopPropagation(),children:n.jsx(j.Checkbox,{...r})}),c&&t!=="minimal"&&s==="left"&&n.jsx(p.Figure,{className:e[`image-${s}`],children:c}),_,m&&n.jsx(x.Badge,{...m}),u&&n.jsx(z.Icon,{name:u,size:"medium"}),h]}),o&&t!=="minimal"&&n.jsx("div",{className:d.t(e.content,!!_&&e.margin),children:o}),l&&t!=="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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const n=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),j=require("../badge/index.cjs"),f=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),v=require("../icon/index.cjs"),w="_card_1nm90_1",h="_head_1nm90_28",N="_center_1nm90_40",q="_content_1nm90_52",y="_preview_1nm90_58",b="_margin_1nm90_98",T="_clickable_1nm90_143",k="_muted_1nm90_158",D="_selected_1nm90_163",e={card:w,head:h,center:N,content:q,preview:y,"preview-leading":"_preview-leading_1nm90_69","preview-trailing":"_preview-trailing_1nm90_70","preview-content":"_preview-content_1nm90_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_1nm90_168","image-left":"_image-left_1nm90_179"},E=({actions:x,badge:_,checkbox:c,children:o,emphasis:u="default",header:d,icon:p,image:s,imagePosition:r="top",onClick:a,preview:m,variant:i="default"})=>n.jsxs("article",{className:l.t(e.card,u==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":u,"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:l.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(f.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),d,_&&n.jsx(j.Badge,{..._}),p&&n.jsx(v.Icon,{name:p,size:"medium"}),x]}),o&&i!=="minimal"&&n.jsx("div",{className:l.t(e.content,!!d&&e.margin),children:o}),m&&i!=="minimal"&&n.jsxs("div",{className:l.t(e.preview,!!d&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:m.leading}),n.jsx("span",{className:e["preview-content"],children:m.children}),n.jsx("span",{className:e["preview-trailing"],children:m.trailing})]})]})]});exports.Card=E;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,55 +1,55 @@
1
- import { jsxs as d, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as d, jsx as n } from "react/jsx-runtime";
2
2
  import { t as s } from "../../classix-DG18itHa.js";
3
- import { Badge as z } from "../badge/index.js";
4
- import { Checkbox as w } from "../checkbox/index.js";
5
- import { Figure as u } from "../figure/index.js";
6
- import { Icon as v } from "../icon/index.js";
7
- import '../../assets/index32.css';const N = "_card_zhirg_1", y = "_head_zhirg_27", j = "_center_zhirg_39", D = "_content_zhirg_51", E = "_preview_zhirg_57", I = "_margin_zhirg_97", T = "_clickable_zhirg_142", $ = "_muted_zhirg_157", k = "_selected_zhirg_162", e = {
8
- card: N,
9
- head: y,
10
- center: j,
11
- content: D,
12
- preview: E,
13
- "preview-leading": "_preview-leading_zhirg_68",
14
- "preview-trailing": "_preview-trailing_zhirg_69",
15
- "preview-content": "_preview-content_zhirg_89",
16
- margin: I,
17
- clickable: T,
18
- muted: $,
19
- selected: k,
20
- "image-top": "_image-top_zhirg_167",
21
- "image-left": "_image-left_zhirg_178"
3
+ import { Badge as v } from "../badge/index.js";
4
+ import { Checkbox as N } from "../checkbox/index.js";
5
+ import { Figure as f } from "../figure/index.js";
6
+ import { Icon as h } from "../icon/index.js";
7
+ import '../../assets/index32.css';const y = "_card_1nm90_1", j = "_head_1nm90_28", D = "_center_1nm90_40", E = "_content_1nm90_52", I = "_preview_1nm90_58", T = "_margin_1nm90_98", $ = "_clickable_1nm90_143", k = "_muted_1nm90_158", z = "_selected_1nm90_163", e = {
8
+ card: y,
9
+ head: j,
10
+ center: D,
11
+ content: E,
12
+ preview: I,
13
+ "preview-leading": "_preview-leading_1nm90_69",
14
+ "preview-trailing": "_preview-trailing_1nm90_70",
15
+ "preview-content": "_preview-content_1nm90_90",
16
+ margin: T,
17
+ clickable: $,
18
+ muted: k,
19
+ selected: z,
20
+ "image-top": "_image-top_1nm90_168",
21
+ "image-left": "_image-left_1nm90_179"
22
22
  }, G = ({
23
- actions: f,
24
- badge: g,
25
- checkbox: n,
26
- children: o,
27
- emphasis: p = "default",
23
+ actions: w,
24
+ badge: o,
25
+ checkbox: r,
26
+ children: p,
27
+ emphasis: g = "default",
28
28
  header: _,
29
- icon: h,
29
+ icon: u,
30
30
  image: a,
31
- imagePosition: c = "top",
32
- onClick: l,
33
- preview: m,
34
- variant: t = "default"
35
- }) => /* @__PURE__ */ d("article", { className: s(e.card, p === "muted" && e.muted, l && e.clickable, (n == null ? void 0 : n.checked) && e.selected), "data-emphasis": p, "data-minimal": t === "minimal", onClick: l, onKeyDown: (i) => {
36
- l && i.currentTarget === document.activeElement && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.currentTarget.click());
37
- }, tabIndex: l ? 0 : -1, "data-component": "card", children: [
38
- a && t !== "minimal" && c === "top" && /* @__PURE__ */ r(u, { className: e[`image-${c}`], children: a }),
31
+ imagePosition: i = "top",
32
+ onClick: c,
33
+ preview: l,
34
+ variant: m = "default"
35
+ }) => /* @__PURE__ */ d("article", { className: s(e.card, g === "muted" && e.muted, c && e.clickable, (r == null ? void 0 : r.checked) && e.selected), "data-emphasis": g, "data-minimal": m === "minimal", onClick: c, onKeyDown: (t) => {
36
+ c && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
37
+ }, tabIndex: c ? 0 : -1, "data-component": "card", children: [
38
+ a && m !== "minimal" && i === "top" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
39
39
  /* @__PURE__ */ d("section", { children: [
40
- /* @__PURE__ */ d("div", { className: s(e.head, t === "minimal" && e.center), children: [
41
- n && /* @__PURE__ */ r("span", { onClick: (i) => i.stopPropagation(), children: /* @__PURE__ */ r(w, { ...n }) }),
42
- a && t !== "minimal" && c === "left" && /* @__PURE__ */ r(u, { className: e[`image-${c}`], children: a }),
40
+ /* @__PURE__ */ d("div", { className: s(e.head, m === "minimal" && e.center), children: [
41
+ r && /* @__PURE__ */ n("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ n(N, { ...r }) }),
42
+ a && m !== "minimal" && i === "left" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
43
43
  _,
44
- g && /* @__PURE__ */ r(z, { ...g }),
45
- h && /* @__PURE__ */ r(v, { name: h, size: "medium" }),
46
- f
44
+ o && /* @__PURE__ */ n(v, { ...o }),
45
+ u && /* @__PURE__ */ n(h, { name: u, size: "medium" }),
46
+ w
47
47
  ] }),
48
- o && t !== "minimal" && /* @__PURE__ */ r("div", { className: s(e.content, !!_ && e.margin), children: o }),
49
- m && t !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
50
- /* @__PURE__ */ r("span", { className: e["preview-leading"], children: m.leading }),
51
- /* @__PURE__ */ r("span", { className: e["preview-content"], children: m.children }),
52
- /* @__PURE__ */ r("span", { className: e["preview-trailing"], children: m.trailing })
48
+ p && m !== "minimal" && /* @__PURE__ */ n("div", { className: s(e.content, !!_ && e.margin), children: p }),
49
+ l && m !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
50
+ /* @__PURE__ */ n("span", { className: e["preview-leading"], children: l.leading }),
51
+ /* @__PURE__ */ n("span", { className: e["preview-content"], children: l.children }),
52
+ /* @__PURE__ */ n("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"),x=require("../../icons-BoBeAmLe.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-Dx0NQYLH.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,5 +1,5 @@
1
1
  import { jsxs as h, jsx as e } from "react/jsx-runtime";
2
- import { i as x } from "../../icons-Dhj9mAkR.js";
2
+ import { i as x } from "../../icons-BFgf_lJN.js";
3
3
  import { Loading as k } from "../loading/index.js";
4
4
  import '../../assets/index33.css';const b = "_checkbox_1glqu_3", m = {
5
5
  checkbox: b
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const c=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_nwzp9_13",y="_inline_nwzp9_34",m="_fixed_nwzp9_39",e={controls:x,default:"_default_nwzp9_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:l,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return i.length===0?null:c.jsxs("div",{className:f.t(e.controls,g[d],l),...u,"data-component":"controls",children:[s&&c.jsx("span",{children:s}),p]})};exports.Controls=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const l=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_1p251_13",y="_inline_1p251_35",m="_fixed_1p251_40",e={controls:x,default:"_default_1p251_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0,simple:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:c,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return i.length===0?null:l.jsxs("div",{className:f.t(e.controls,g[d],c),...u,"data-component":"controls",children:[s&&l.jsx("span",{children:s}),p]})};exports.Controls=j;
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 { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: 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 if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,CACZ,EAEMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,MACjB,EAOMC,EAAiBC,GACrBX,EAAmBW,EAAOC,MAAMC,SAAW,WAAW,EAE3CC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,KAIPC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGhC,EAAOiC,SAAUnC,EAASQ,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,GAAcoB,EAAAA,IAAC,QAAMpB,SAAAA,CAAAA,CAAW,EAChCO,CAAAA,EACH,CAEJ"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\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 fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: 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 if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,EACVC,OAAQ,CACV,EAEMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,MACjB,EAOMC,EAAiBC,GACrBZ,EAAmBY,EAAOC,MAAMC,SAAW,WAAW,EAE3CC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,KAIPC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGhC,EAAOiC,SAAUnC,EAASQ,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,GAAcoB,EAAAA,IAAC,QAAMpB,SAAAA,CAAAA,CAAW,EAChCO,CAAAA,EACH,CAEJ"}
@@ -2,46 +2,47 @@ import { jsxs as p, jsx as f } from "react/jsx-runtime";
2
2
  import { t as m } from "../../classix-DG18itHa.js";
3
3
  import { Children as u, isValidElement as _, cloneElement as x } from "react";
4
4
  import { Button as y } from "../button/index.js";
5
- import '../../assets/index36.css';const k = "_controls_nwzp9_13", h = "_inline_nwzp9_34", w = "_fixed_nwzp9_39", o = {
5
+ import '../../assets/index36.css';const k = "_controls_1p251_13", h = "_inline_1p251_35", B = "_fixed_1p251_40", o = {
6
6
  controls: k,
7
- default: "_default_nwzp9_20",
7
+ default: "_default_1p251_20",
8
8
  inline: h,
9
- fixed: w
10
- }, z = {
9
+ fixed: B
10
+ }, g = {
11
11
  primary: 3,
12
12
  danger: 2,
13
13
  secondary: 1,
14
- tertiary: 0
15
- }, B = {
14
+ tertiary: 0,
15
+ simple: 0
16
+ }, v = {
16
17
  default: o.default,
17
18
  fixed: o.fixed,
18
19
  inline: o.inline
19
- }, g = (r) => z[r.props.variant ?? "secondary"], C = ({
20
- children: r,
20
+ }, E = (e) => g[e.props.variant ?? "secondary"], N = ({
21
+ children: e,
21
22
  className: a,
22
23
  variant: l = "default",
23
24
  ...c
24
25
  }) => {
25
- const s = u.toArray(r), i = [], e = [];
26
+ const s = u.toArray(e), i = [], r = [];
26
27
  s.forEach((n) => {
27
- _(n) && n.type === y ? i.push(n) : e.push(n);
28
+ _(n) && n.type === y ? i.push(n) : r.push(n);
28
29
  });
29
30
  const d = i.map((n, t) => ({
30
31
  button: n,
31
32
  index: t,
32
- rank: g(n)
33
+ rank: E(n)
33
34
  })).sort((n, t) => n.rank - t.rank || n.index - t.index).map(({
34
35
  button: n,
35
36
  index: t
36
37
  }) => x(n, {
37
38
  key: n.key ?? t
38
39
  }));
39
- return s.length === 0 ? null : /* @__PURE__ */ p("div", { className: m(o.controls, B[l], a), ...c, "data-component": "controls", children: [
40
- e && /* @__PURE__ */ f("span", { children: e }),
40
+ return s.length === 0 ? null : /* @__PURE__ */ p("div", { className: m(o.controls, v[l], a), ...c, "data-component": "controls", children: [
41
+ r && /* @__PURE__ */ f("span", { children: r }),
41
42
  d
42
43
  ] });
43
44
  };
44
45
  export {
45
- C as Controls
46
+ N as Controls
46
47
  };
47
48
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: 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 if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":";;;;;;;;;GAMMA,IAAqB;AAAA,EACzBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,UAAU;AACZ,GAEMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,QAAQF,EAAOE;AACjB,GAOMC,IAAgBA,CAACC,MACrBX,EAAmBW,EAAOC,MAAMC,WAAW,WAAW,GAE3CC,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWH,SAAAA,IAAU;AAAA,EAAW,GAAGD;AAAqB,MAAM;AACjG,QAAMK,IAAaC,EAASC,QAAQJ,CAAQ,GACtCK,IAA6C,CAAA,GAC7CC,IAAgC,CAAA;AAEtCJ,EAAAA,EAAWK,QAASC,CAAAA,MAAU;AAC5B,IAAIC,EAA4BD,CAAK,KAAKA,EAAME,SAASC,IACvDN,EAAQO,KAAKJ,CAAK,IAElBF,EAAWM,KAAKJ,CAAK;AAAA,EAEzB,CAAC;AAED,QAAMK,IAAgBR,EACnBS,IAAI,CAAClB,GAAQmB,OAAW;AAAA,IAAEnB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,IAAOC,MAAMrB,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEqB,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAElB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,EAAAA,MACdK,EAAaxB,GAAQ;AAAA,IACnByB,KAAKzB,EAAOyB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SAAIb,EAAWoB,WAAW,IACjB,OAIP,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGhC,EAAOiC,UAAUnC,EAASQ,CAAO,GAAGG,CAAS,GAC3D,GAAIJ,GAAM,kBAAA,YAETS,UAAAA;AAAAA,IAAAA,KAAc,gBAAAoB,EAAC,UAAMpB,UAAAA,EAAAA,CAAW;AAAA,IAChCO;AAAAA,EAAAA,GACH;AAEJ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\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 fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: 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 if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":";;;;;;;;;GAMMA,IAAqB;AAAA,EACzBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,QAAQ;AACV,GAEMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,QAAQF,EAAOE;AACjB,GAOMC,IAAgBA,CAACC,MACrBZ,EAAmBY,EAAOC,MAAMC,WAAW,WAAW,GAE3CC,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWH,SAAAA,IAAU;AAAA,EAAW,GAAGD;AAAqB,MAAM;AACjG,QAAMK,IAAaC,EAASC,QAAQJ,CAAQ,GACtCK,IAA6C,CAAA,GAC7CC,IAAgC,CAAA;AAEtCJ,EAAAA,EAAWK,QAASC,CAAAA,MAAU;AAC5B,IAAIC,EAA4BD,CAAK,KAAKA,EAAME,SAASC,IACvDN,EAAQO,KAAKJ,CAAK,IAElBF,EAAWM,KAAKJ,CAAK;AAAA,EAEzB,CAAC;AAED,QAAMK,IAAgBR,EACnBS,IAAI,CAAClB,GAAQmB,OAAW;AAAA,IAAEnB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,IAAOC,MAAMrB,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEqB,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAElB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,EAAAA,MACdK,EAAaxB,GAAQ;AAAA,IACnByB,KAAKzB,EAAOyB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SAAIb,EAAWoB,WAAW,IACjB,OAIP,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGhC,EAAOiC,UAAUnC,EAASQ,CAAO,GAAGG,CAAS,GAC3D,GAAIJ,GAAM,kBAAA,YAETS,UAAAA;AAAAA,IAAAA,KAAc,gBAAAoB,EAAC,UAAMpB,UAAAA,EAAAA,CAAW;AAAA,IAChCO;AAAAA,EAAAA,GACH;AAEJ;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),s=require("react"),d=require("../button/index.cjs"),u=require("../icon/index.cjs"),g="_dialog_mvo05_1",w="_wrapper_mvo05_38",i={dialog:g,wrapper:w},m=({children:n,className:t,setOpen:o,...l})=>(s.useEffect(()=>{if(!o)return;const e=r=>{r.key==="Escape"&&(r.preventDefault(),o(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[o]),a.jsx("div",{className:i.wrapper,"data-wrapper":!0,onClick:()=>o==null?void 0:o(!1),"data-component":"dialog",children:a.jsxs("dialog",{className:c.t(i.dialog,t),onClick:e=>e.stopPropagation(),...l,children:[o&&a.jsx(d.Button,{"aria-label":"Close dialog","data-tag":"close-dialog",onClick:()=>o(!1),variant:"tertiary",children:a.jsx(u.Icon,{name:"x"})}),n]})}));exports.Dialog=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const t=require("react/jsx-runtime"),k=require("../../classix-5H4IWnMA.cjs"),a=require("react"),j=require("../button/index.cjs"),p=require("../icon/index.cjs"),P="_dialog_vezdd_3",T="_close_vezdd_24",E="_structured_vezdd_32",F="_header_vezdd_38",M="_content_vezdd_49",S="_controls_vezdd_55",X="_fullscreen_vezdd_75",s={dialog:P,close:T,structured:E,header:F,content:M,controls:S,fullscreen:X},v=l=>a.Children.toArray(l).some(c=>a.isValidElement(c)?c.type===j.Button&&c.props.variant==="danger"?!0:v(c.props.children):!1),Y=({children:l,className:c,controls:o,fullscreen:f=!1,header:_,onCancel:d,onClick:i,onClose:u,open:n=!1,setOpen:r,...z})=>{const g=a.useRef(null),m=v(o),h=f||_!=null||o!=null;a.useEffect(()=>{const e=g.current;e&&(n&&!e.open?e.showModal():!n&&e.open&&e.close())},[n]);const B=e=>{d==null||d(e),!(e.defaultPrevented||!r)&&(e.preventDefault(),r(!1))},b=e=>{if(i==null||i(e),m||e.defaultPrevented||e.target!==e.currentTarget||!r)return;const{bottom:y,left:N,right:R,top:D}=e.currentTarget.getBoundingClientRect();(e.clientX<N||e.clientX>R||e.clientY<D||e.clientY>y)&&r(!1)},q=e=>{u==null||u(e),n&&(r==null||r(!1))},x=r&&!m?t.jsx(j.Button,{"aria-label":"Close dialog",className:s.close,onClick:()=>r(!1),variant:"simple",children:t.jsx(p.Icon,{name:"x"})}):null;return t.jsx("dialog",{className:k.t(s.dialog,h&&s.structured,f&&s.fullscreen,c),onCancel:B,onClick:b,onClose:q,ref:g,...z,"data-component":"dialog",children:h?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:s.header,children:[_,x]}),t.jsx("div",{className:s.content,children:l}),o!=null&&t.jsx("div",{className:s.controls,children:o})]}):t.jsxs(t.Fragment,{children:[x,l]})})};exports.Dialog=Y;
2
2
  //# sourceMappingURL=index.cjs.map