@solibo/solibo-ui 1.0.7 → 1.0.9

package/dist/assets/index15.css

@@ -1 +1 @@
-._message-group_1bnsh_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_1bnsh_1[data-message-type=system]{align-items:center}._message-group_1bnsh_1[data-message-type=user]{align-items:flex-end}._message-group_1bnsh_1>div:first-child,._message-group_1bnsh_1>time{margin-left:var(--scale-16)}._message-group_1bnsh_1>time{color:var(--colors-semantic-content-tertiary);margin-right:var(--scale-16);max-width:min(90%,var(--shape-width-max-lg));text-align:right;width:100%}._message_1bnsh_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_1bnsh_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_1bnsh_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_1bnsh_1:is([data-type=minimal],[data-type=system]){border:none}._message_1bnsh_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_1bnsh_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_1bnsh_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_1bnsh_1[data-type=system] [data-component=icon]{height:var(--scale-12);width:var(--scale-12)}._message_1bnsh_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_1bnsh_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._timestamp_1bnsh_91{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_1bnsh_96{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_1bnsh_1[data-message-type=default]>._attachments_1bnsh_96{margin-left:var(--scale-16)}._message-group_1bnsh_1[data-message-type=user]>._attachments_1bnsh_96{align-items:flex-end;margin-right:var(--scale-16)}._preview_1bnsh_115{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
+._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}

package/dist/assets/index19.css

@@ -1 +1 @@
-._wrapper_owo4o_1{display:grid;min-width:0}._toolbar_owo4o_6,._fullscreen-toolbar_owo4o_7{display:flex;justify-content:flex-end}._toolbar_owo4o_6{margin-bottom:var(--scale-4)}._iframe_owo4o_16{border:0;display:block;width:100%}._fullscreen-dialog_owo4o_22{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100dvh - var(--scale-32));max-height:none;max-width:none;margin:auto;overflow:hidden;padding:var(--scale-8);width:calc(100vw - var(--scale-32))}._fullscreen-toolbar_owo4o_7{flex:0 0 auto;padding-bottom:var(--scale-8)}._fullscreen-iframe_owo4o_40{flex:1 1 auto;height:100%;min-height:0}
+._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}

package/dist/assets/index32.css

@@ -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)}
+._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)}

package/dist/assets/index38.css

@@ -1 +1 @@
-._dialog_7bzcy_1{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;max-width:640px;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg);width:100%}._dialog_7bzcy_1::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_7bzcy_1 ._close_7bzcy_21{position:absolute;right:0;top:0;z-index:1}._structured_7bzcy_29{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}._structured_7bzcy_29 ._header_7bzcy_35{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_7bzcy_29 ._header_7bzcy_35>header{margin-block:0}._structured_7bzcy_29 ._content_7bzcy_46{min-height:0;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_7bzcy_29 ._controls_7bzcy_52{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_7bzcy_29 ._controls_7bzcy_52>:first-child{margin-top:0}._structured_7bzcy_29 ._close_7bzcy_21{position:static}._dialog_7bzcy_1:not([open]){display:none}@media (width <= 768px){._dialog_7bzcy_1{border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;margin:auto 0 0;max-width:none}._structured_7bzcy_29 ._controls_7bzcy_52{padding-top:0}}
+._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}}

package/dist/assets/index39.css

@@ -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}
+._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}

package/dist/assets/index46.css

@@ -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)}
+._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)}

package/dist/assets/index51.css

@@ -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}
+._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}

package/dist/assets/index8.css

@@ -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)}
+._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)}

package/dist/assets/index9.css

@@ -1 +1 @@
-._search_lzc4l_3{display:flex;flex-direction:column;gap:var(--shape-spacing-xs);margin-bottom:var(--shape-spacing-lg);width:100%}._search_lzc4l_3 [data-component=input]{max-width:var(--shape-width-max)}._controls_lzc4l_15{align-items:stretch;display:flex;gap:var(--shape-spacing-xs)}._controls_lzc4l_15 label{flex:1}._controls_lzc4l_15 button{white-space:nowrap}._chips_lzc4l_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs)}._filter-groups_lzc4l_36{display:flex;flex-direction:column;gap:var(--shape-spacing-lg);min-width:min(24rem,75vw)}._filter-group_lzc4l_36{border:0;display:flex;flex-direction:column;gap:var(--shape-spacing-sm);margin:0;padding:0}._filter-group_lzc4l_36 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_lzc4l_15{align-items:stretch;flex-direction:column}}
+._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}}

package/dist/components/card/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/card/index.js

@@ -1,55 +1,55 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import { Badge as z } from "../badge/index.js";
-import { Checkbox as w } from "../checkbox/index.js";
-import { Figure as u } from "../figure/index.js";
-import { Icon as v } from "../icon/index.js";
-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 = {
-  card: N,
-  head: y,
-  center: j,
-  content: D,
-  preview: E,
-  "preview-leading": "_preview-leading_zhirg_68",
-  "preview-trailing": "_preview-trailing_zhirg_69",
-  "preview-content": "_preview-content_zhirg_89",
-  margin: I,
-  clickable: T,
-  muted: $,
-  selected: k,
-  "image-top": "_image-top_zhirg_167",
-  "image-left": "_image-left_zhirg_178"
+import { Badge as v } from "../badge/index.js";
+import { Checkbox as N } from "../checkbox/index.js";
+import { Figure as f } from "../figure/index.js";
+import { Icon as h } from "../icon/index.js";
+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 = {
+  card: y,
+  head: j,
+  center: D,
+  content: E,
+  preview: I,
+  "preview-leading": "_preview-leading_1nm90_69",
+  "preview-trailing": "_preview-trailing_1nm90_70",
+  "preview-content": "_preview-content_1nm90_90",
+  margin: T,
+  clickable: $,
+  muted: k,
+  selected: z,
+  "image-top": "_image-top_1nm90_168",
+  "image-left": "_image-left_1nm90_179"
 }, G = ({
-  actions: f,
-  badge: g,
-  checkbox: n,
-  children: o,
-  emphasis: p = "default",
+  actions: w,
+  badge: o,
+  checkbox: r,
+  children: p,
+  emphasis: g = "default",
   header: _,
-  icon: h,
+  icon: u,
   image: a,
-  imagePosition: c = "top",
-  onClick: l,
-  preview: m,
-  variant: t = "default"
-}) => /* @__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) => {
-  l && i.currentTarget === document.activeElement && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.currentTarget.click());
-}, tabIndex: l ? 0 : -1, "data-component": "card", children: [
-  a && t !== "minimal" && c === "top" && /* @__PURE__ */ r(u, { className: e[`image-${c}`], children: a }),
+  imagePosition: i = "top",
+  onClick: c,
+  preview: l,
+  variant: m = "default"
+}) => /* @__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) => {
+  c && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
+}, tabIndex: c ? 0 : -1, "data-component": "card", children: [
+  a && m !== "minimal" && i === "top" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
   /* @__PURE__ */ d("section", { children: [
-    /* @__PURE__ */ d("div", { className: s(e.head, t === "minimal" && e.center), children: [
-      n && /* @__PURE__ */ r("span", { onClick: (i) => i.stopPropagation(), children: /* @__PURE__ */ r(w, { ...n }) }),
-      a && t !== "minimal" && c === "left" && /* @__PURE__ */ r(u, { className: e[`image-${c}`], children: a }),
+    /* @__PURE__ */ d("div", { className: s(e.head, m === "minimal" && e.center), children: [
+      r && /* @__PURE__ */ n("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ n(N, { ...r }) }),
+      a && m !== "minimal" && i === "left" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
       _,
-      g && /* @__PURE__ */ r(z, { ...g }),
-      h && /* @__PURE__ */ r(v, { name: h, size: "medium" }),
-      f
+      o && /* @__PURE__ */ n(v, { ...o }),
+      u && /* @__PURE__ */ n(h, { name: u, size: "medium" }),
+      w
     ] }),
-    o && t !== "minimal" && /* @__PURE__ */ r("div", { className: s(e.content, !!_ && e.margin), children: o }),
-    m && t !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
-      /* @__PURE__ */ r("span", { className: e["preview-leading"], children: m.leading }),
-      /* @__PURE__ */ r("span", { className: e["preview-content"], children: m.children }),
-      /* @__PURE__ */ r("span", { className: e["preview-trailing"], children: m.trailing })
+    p && m !== "minimal" && /* @__PURE__ */ n("div", { className: s(e.content, !!_ && e.margin), children: p }),
+    l && m !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
+      /* @__PURE__ */ n("span", { className: e["preview-leading"], children: l.leading }),
+      /* @__PURE__ */ n("span", { className: e["preview-content"], children: l.children }),
+      /* @__PURE__ */ n("span", { className: e["preview-trailing"], children: l.trailing })
     ] })
   ] })
 ] });

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const e=require("react/jsx-runtime"),k=require("../../classix-5H4IWnMA.cjs"),a=require("react"),x=require("../button/index.cjs"),p=require("../icon/index.cjs"),P="_dialog_7bzcy_1",T="_close_7bzcy_21",E="_structured_7bzcy_29",F="_header_7bzcy_35",M="_content_7bzcy_46",S="_controls_7bzcy_52",s={dialog:P,close:T,structured:E,header:F,content:M,controls:S},b=o=>a.Children.toArray(o).some(c=>a.isValidElement(c)?c.type===x.Button&&c.props.variant==="danger"?!0:b(c.props.children):!1),X=({children:o,className:c,controls:l,header:f,onCancel:i,onClick:u,onClose:d,open:n=!1,setOpen:r,...y})=>{const g=a.useRef(null),_=b(l),m=f!=null||l!=null;a.useEffect(()=>{const t=g.current;t&&(n&&!t.open?t.showModal():!n&&t.open&&t.close())},[n]);const j=t=>{i==null||i(t),!(t.defaultPrevented||!r)&&(t.preventDefault(),r(!1))},z=t=>{if(u==null||u(t),_||t.defaultPrevented||t.target!==t.currentTarget||!r)return;const{bottom:q,left:N,right:R,top:D}=t.currentTarget.getBoundingClientRect();(t.clientX<N||t.clientX>R||t.clientY<D||t.clientY>q)&&r(!1)},B=t=>{d==null||d(t),n&&(r==null||r(!1))},h=r&&!_?e.jsx(x.Button,{"aria-label":"Close dialog",className:s.close,onClick:()=>r(!1),variant:"simple",children:e.jsx(p.Icon,{name:"x"})}):null;return e.jsx("dialog",{className:k.t(s.dialog,m&&s.structured,c),onCancel:j,onClick:z,onClose:B,ref:g,...y,"data-component":"dialog",children:m?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.header,children:[f,h]}),e.jsx("div",{className:s.content,children:o}),l!=null&&e.jsx("div",{className:s.controls,children:l})]}):e.jsxs(e.Fragment,{children:[h,o]})})};exports.Dialog=X;
+"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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Button, type ButtonProps } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\ntype ControlElementProps = {\n  children?: React.ReactNode;\n  variant?: ButtonProps['variant'];\n};\n\nconst hasDangerControl = (node: React.ReactNode): boolean =>\n  React.Children.toArray(node).some((child) => {\n    if (!React.isValidElement<ControlElementProps>(child)) return false;\n    if (child.type === Button && child.props.variant === 'danger') return true;\n\n    return hasDangerControl(child.props.children);\n  });\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  controls?: React.ReactNode;\n  header?: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({\n  children,\n  className,\n  controls,\n  header,\n  onCancel,\n  onClick,\n  onClose,\n  open = false,\n  setOpen,\n  ...props\n}: DialogProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const destructive = hasDangerControl(controls);\n  const structured = header != null || controls != null;\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) {\n      dialog.showModal();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open]);\n\n  const handleCancel = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onCancel?.(event);\n    if (event.defaultPrevented || !setOpen) return;\n\n    event.preventDefault();\n    setOpen(false);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDialogElement>) => {\n    onClick?.(event);\n    if (\n      destructive ||\n      event.defaultPrevented ||\n      event.target !== event.currentTarget ||\n      !setOpen\n    )\n      return;\n\n    const { bottom, left, right, top } = event.currentTarget.getBoundingClientRect();\n    const clickedBackdrop =\n      event.clientX < left ||\n      event.clientX > right ||\n      event.clientY < top ||\n      event.clientY > bottom;\n\n    if (clickedBackdrop) {\n      setOpen(false);\n    }\n  };\n\n  const handleClose = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onClose?.(event);\n    if (open) setOpen?.(false);\n  };\n\n  const closeButton = setOpen && !destructive ? (\n    <Button\n      aria-label='Close dialog'\n      className={styles.close}\n      onClick={() => setOpen(false)}\n      variant='simple'\n    >\n      <Icon name='x' />\n    </Button>\n  ) : null;\n\n  return (\n    <dialog\n      className={cx(styles.dialog, structured && styles.structured, className)}\n      onCancel={handleCancel}\n      onClick={handleClick}\n      onClose={handleClose}\n      ref={dialogRef}\n      {...props}\n    >\n      {structured ? (\n        <>\n          <div className={styles.header}>\n            {header}\n            {closeButton}\n          </div>\n          <div className={styles.content}>{children}</div>\n          {controls != null && <div className={styles.controls}>{controls}</div>}\n        </>\n      ) : (\n        <>\n          {closeButton}\n          {children}\n        </>\n      )}\n    </dialog>\n  );\n};\n"],"names":["hasDangerControl","node","React","Children","toArray","some","child","isValidElement","type","Button","props","variant","children","Dialog","className","controls","header","onCancel","onClick","onClose","open","setOpen","dialogRef","useRef","destructive","structured","useEffect","dialog","current","showModal","close","handleCancel","event","defaultPrevented","preventDefault","handleClick","target","currentTarget","bottom","left","right","top","getBoundingClientRect","clientX","clientY","handleClose","closeButton","styles","Icon","jsx","cx","jsxs","Fragment","content"],"mappings":"mbAaMA,EAAoBC,GACxBC,EAAMC,SAASC,QAAQH,CAAI,EAAEI,KAAMC,GAC5BJ,EAAMK,eAAoCD,CAAK,EAChDA,EAAME,OAASC,UAAUH,EAAMI,MAAMC,UAAY,SAAiB,GAE/DX,EAAiBM,EAAMI,MAAME,QAAQ,EAHkB,EAI/D,EASUC,EAASA,CAAC,CACrBD,SAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,GACPC,QAAAA,EACA,GAAGX,CACQ,IAAM,CACjB,MAAMY,EAAYC,EAAAA,OAA0B,IAAI,EAC1CC,EAAcxB,EAAiBe,CAAQ,EACvCU,EAAaT,GAAU,MAAQD,GAAY,KAEjDW,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASL,EAAUM,QACpBD,IAEDP,GAAQ,CAACO,EAAOP,KAClBO,EAAOE,UAAAA,EACE,CAACT,GAAQO,EAAOP,MACzBO,EAAOG,MAAAA,EAEX,EAAG,CAACV,CAAI,CAAC,EAET,MAAMW,EAAgBC,GAAmD,CACvEf,GAAAA,MAAAA,EAAWe,GACPA,EAAAA,EAAMC,kBAAoB,CAACZ,KAE/BW,EAAME,eAAAA,EACNb,EAAQ,EAAK,EACf,EAEMc,EAAeH,GAA+C,CAElE,GADAd,GAAAA,MAAAA,EAAUc,GAERR,GACAQ,EAAMC,kBACND,EAAMI,SAAWJ,EAAMK,eACvB,CAAChB,EAED,OAEF,KAAM,CAAEiB,OAAAA,EAAQC,KAAAA,EAAMC,MAAAA,EAAOC,IAAAA,CAAAA,EAAQT,EAAMK,cAAcK,sBAAAA,GAEvDV,EAAMW,QAAUJ,GAChBP,EAAMW,QAAUH,GAChBR,EAAMY,QAAUH,GAChBT,EAAMY,QAAUN,IAGhBjB,EAAQ,EAAK,CAEjB,EAEMwB,EAAeb,GAAmD,CACtEb,GAAAA,MAAAA,EAAUa,GACNZ,eAAgB,IACtB,EAEM0B,EAAczB,GAAW,CAACG,QAC7Bf,EAAAA,OAAA,CACC,aAAW,eACX,UAAWsC,EAAOjB,MAClB,QAAS,IAAMT,EAAQ,EAAK,EAC5B,QAAQ,SAER,eAAC2B,EAAAA,KAAA,CAAK,KAAK,IAAG,CAAA,CAChB,EACE,KAEJ,OACEC,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,EAAGH,EAAOpB,OAAQF,GAAcsB,EAAOtB,WAAYX,CAAS,EACvE,SAAUiB,EACV,QAASI,EACT,QAASU,EACT,IAAKvB,EACL,GAAIZ,EAAM,iBAAA,SAETe,SAAAA,EACC0B,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAO/B,OACpBA,SAAAA,CAAAA,EACA8B,CAAAA,EACH,EACAG,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAOM,QAAUzC,SAAAA,EAAS,EACzCG,GAAY,MAAQkC,EAAAA,IAAC,OAAI,UAAWF,EAAOhC,SAAWA,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAClE,EAEAoC,EAAAA,KAAAC,EAAAA,SAAA,CACGN,SAAAA,CAAAA,EACAlC,CAAAA,CAAAA,CACH,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Button, type ButtonProps } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\ntype ControlElementProps = {\n  children?: React.ReactNode;\n  variant?: ButtonProps['variant'];\n};\n\nconst hasDangerControl = (node: React.ReactNode): boolean =>\n  React.Children.toArray(node).some((child) => {\n    if (!React.isValidElement<ControlElementProps>(child)) return false;\n    if (child.type === Button && child.props.variant === 'danger') return true;\n\n    return hasDangerControl(child.props.children);\n  });\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  controls?: React.ReactNode;\n  fullscreen?: boolean;\n  header?: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({\n  children,\n  className,\n  controls,\n  fullscreen = false,\n  header,\n  onCancel,\n  onClick,\n  onClose,\n  open = false,\n  setOpen,\n  ...props\n}: DialogProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const destructive = hasDangerControl(controls);\n  const structured = fullscreen || header != null || controls != null;\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) {\n      dialog.showModal();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open]);\n\n  const handleCancel = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onCancel?.(event);\n    if (event.defaultPrevented || !setOpen) return;\n\n    event.preventDefault();\n    setOpen(false);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDialogElement>) => {\n    onClick?.(event);\n    if (destructive || event.defaultPrevented || event.target !== event.currentTarget || !setOpen)\n      return;\n\n    const { bottom, left, right, top } = event.currentTarget.getBoundingClientRect();\n    const clickedBackdrop =\n      event.clientX < left ||\n      event.clientX > right ||\n      event.clientY < top ||\n      event.clientY > bottom;\n\n    if (clickedBackdrop) {\n      setOpen(false);\n    }\n  };\n\n  const handleClose = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onClose?.(event);\n    if (open) setOpen?.(false);\n  };\n\n  const closeButton =\n    setOpen && !destructive ? (\n      <Button\n        aria-label='Close dialog'\n        className={styles.close}\n        onClick={() => setOpen(false)}\n        variant='simple'\n      >\n        <Icon name='x' />\n      </Button>\n    ) : null;\n\n  return (\n    <dialog\n      className={cx(\n        styles.dialog,\n        structured && styles.structured,\n        fullscreen && styles.fullscreen,\n        className\n      )}\n      onCancel={handleCancel}\n      onClick={handleClick}\n      onClose={handleClose}\n      ref={dialogRef}\n      {...props}\n    >\n      {structured ? (\n        <>\n          <div className={styles.header}>\n            {header}\n            {closeButton}\n          </div>\n          <div className={styles.content}>{children}</div>\n          {controls != null && <div className={styles.controls}>{controls}</div>}\n        </>\n      ) : (\n        <>\n          {closeButton}\n          {children}\n        </>\n      )}\n    </dialog>\n  );\n};\n"],"names":["hasDangerControl","node","React","Children","toArray","some","child","isValidElement","type","Button","props","variant","children","Dialog","className","controls","fullscreen","header","onCancel","onClick","onClose","open","setOpen","dialogRef","useRef","destructive","structured","useEffect","dialog","current","showModal","close","handleCancel","event","defaultPrevented","preventDefault","handleClick","target","currentTarget","bottom","left","right","top","getBoundingClientRect","clientX","clientY","handleClose","closeButton","styles","Icon","jsx","cx","jsxs","Fragment","content"],"mappings":"ydAaMA,EAAoBC,GACxBC,EAAMC,SAASC,QAAQH,CAAI,EAAEI,KAAMC,GAC5BJ,EAAMK,eAAoCD,CAAK,EAChDA,EAAME,OAASC,UAAUH,EAAMI,MAAMC,UAAY,SAAiB,GAE/DX,EAAiBM,EAAMI,MAAME,QAAQ,EAHkB,EAI/D,EAUUC,EAASA,CAAC,CACrBD,SAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAC,WAAAA,EAAa,GACbC,OAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,GACPC,QAAAA,EACA,GAAGZ,CACQ,IAAM,CACjB,MAAMa,EAAYC,EAAAA,OAA0B,IAAI,EAC1CC,EAAczB,EAAiBe,CAAQ,EACvCW,EAAaV,GAAcC,GAAU,MAAQF,GAAY,KAE/DY,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASL,EAAUM,QACpBD,IAEDP,GAAQ,CAACO,EAAOP,KAClBO,EAAOE,UAAAA,EACE,CAACT,GAAQO,EAAOP,MACzBO,EAAOG,MAAAA,EAEX,EAAG,CAACV,CAAI,CAAC,EAET,MAAMW,EAAgBC,GAAmD,CACvEf,GAAAA,MAAAA,EAAWe,GACPA,EAAAA,EAAMC,kBAAoB,CAACZ,KAE/BW,EAAME,eAAAA,EACNb,EAAQ,EAAK,EACf,EAEMc,EAAeH,GAA+C,CAElE,GADAd,GAAAA,MAAAA,EAAUc,GACNR,GAAeQ,EAAMC,kBAAoBD,EAAMI,SAAWJ,EAAMK,eAAiB,CAAChB,EACpF,OAEF,KAAM,CAAEiB,OAAAA,EAAQC,KAAAA,EAAMC,MAAAA,EAAOC,IAAAA,CAAAA,EAAQT,EAAMK,cAAcK,sBAAAA,GAEvDV,EAAMW,QAAUJ,GAChBP,EAAMW,QAAUH,GAChBR,EAAMY,QAAUH,GAChBT,EAAMY,QAAUN,IAGhBjB,EAAQ,EAAK,CAEjB,EAEMwB,EAAeb,GAAmD,CACtEb,GAAAA,MAAAA,EAAUa,GACNZ,eAAgB,IACtB,EAEM0B,EACJzB,GAAW,CAACG,QACThB,EAAAA,OAAA,CACC,aAAW,eACX,UAAWuC,EAAOjB,MAClB,QAAS,IAAMT,EAAQ,EAAK,EAC5B,QAAQ,SAER,eAAC2B,EAAAA,KAAA,CAAK,KAAK,IAAG,CAAA,CAChB,EACE,KAEN,OACEC,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,EACTH,EAAOpB,OACPF,GAAcsB,EAAOtB,WACrBV,GAAcgC,EAAOhC,WACrBF,CACF,EACA,SAAUkB,EACV,QAASI,EACT,QAASU,EACT,IAAKvB,EACL,GAAIb,EAAM,iBAAA,SAETgB,SAAAA,EACC0B,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAO/B,OACpBA,SAAAA,CAAAA,EACA8B,CAAAA,EACH,EACAG,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAOM,QAAU1C,SAAAA,EAAS,EACzCG,GAAY,MAAQmC,EAAAA,IAAC,OAAI,UAAWF,EAAOjC,SAAWA,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAClE,EAEAqC,EAAAA,KAAAC,EAAAA,SAAA,CACGN,SAAAA,CAAAA,EACAnC,CAAAA,CAAAA,CACH,CAAA,CAEJ,CAEJ"}

package/dist/components/dialog/index.js

@@ -1,59 +1,61 @@
-import { jsx as o, jsxs as u, Fragment as y } from "react/jsx-runtime";
+import { jsx as c, jsxs as u, Fragment as p } from "react/jsx-runtime";
 import { t as P } from "../../classix-DG18itHa.js";
-import b, { useRef as T, useEffect as X } from "react";
-import { Button as p } from "../button/index.js";
+import v, { useRef as T, useEffect as X } from "react";
+import { Button as B } from "../button/index.js";
 import { Icon as Y } from "../icon/index.js";
-import '../../assets/index38.css';const w = "_dialog_7bzcy_1", A = "_close_7bzcy_21", F = "_structured_7bzcy_29", I = "_header_7bzcy_35", M = "_content_7bzcy_46", V = "_controls_7bzcy_52", l = {
+import '../../assets/index38.css';const w = "_dialog_vezdd_3", A = "_close_vezdd_24", F = "_structured_vezdd_32", I = "_header_vezdd_38", M = "_content_vezdd_49", V = "_controls_vezdd_55", q = "_fullscreen_vezdd_75", e = {
   dialog: w,
   close: A,
   structured: F,
   header: I,
   content: M,
-  controls: V
-}, z = (e) => b.Children.toArray(e).some((c) => b.isValidElement(c) ? c.type === p && c.props.variant === "danger" ? !0 : z(c.props.children) : !1), Q = ({
-  children: e,
-  className: c,
+  controls: V,
+  fullscreen: q
+}, N = (o) => v.Children.toArray(o).some((l) => v.isValidElement(l) ? l.type === B && l.props.variant === "danger" ? !0 : N(l.props.children) : !1), S = ({
+  children: o,
+  className: l,
   controls: a,
-  header: f,
-  onCancel: i,
+  fullscreen: f = !1,
+  header: _,
+  onCancel: d,
   onClick: n,
-  onClose: d,
+  onClose: i,
   open: s = !1,
-  setOpen: r,
-  ...B
+  setOpen: t,
+  ...x
 }) => {
-  const m = T(null), _ = z(a), g = f != null || a != null;
+  const m = T(null), g = N(a), h = f || _ != null || a != null;
   X(() => {
-    const t = m.current;
-    t && (s && !t.open ? t.showModal() : !s && t.open && t.close());
+    const r = m.current;
+    r && (s && !r.open ? r.showModal() : !s && r.open && r.close());
   }, [s]);
-  const N = (t) => {
-    i == null || i(t), !(t.defaultPrevented || !r) && (t.preventDefault(), r(!1));
-  }, x = (t) => {
-    if (n == null || n(t), _ || t.defaultPrevented || t.target !== t.currentTarget || !r) return;
+  const R = (r) => {
+    d == null || d(r), !(r.defaultPrevented || !t) && (r.preventDefault(), t(!1));
+  }, k = (r) => {
+    if (n == null || n(r), g || r.defaultPrevented || r.target !== r.currentTarget || !t) return;
     const {
-      bottom: k,
-      left: D,
+      bottom: D,
+      left: b,
       right: j,
       top: E
-    } = t.currentTarget.getBoundingClientRect();
-    (t.clientX < D || t.clientX > j || t.clientY < E || t.clientY > k) && r(!1);
-  }, R = (t) => {
-    d == null || d(t), s && (r == null || r(!1));
-  }, h = r && !_ ? /* @__PURE__ */ o(p, { "aria-label": "Close dialog", className: l.close, onClick: () => r(!1), variant: "simple", children: /* @__PURE__ */ o(Y, { name: "x" }) }) : null;
-  return /* @__PURE__ */ o("dialog", { className: P(l.dialog, g && l.structured, c), onCancel: N, onClick: x, onClose: R, ref: m, ...B, "data-component": "dialog", children: g ? /* @__PURE__ */ u(y, { children: [
-    /* @__PURE__ */ u("div", { className: l.header, children: [
-      f,
-      h
+    } = r.currentTarget.getBoundingClientRect();
+    (r.clientX < b || r.clientX > j || r.clientY < E || r.clientY > D) && t(!1);
+  }, y = (r) => {
+    i == null || i(r), s && (t == null || t(!1));
+  }, z = t && !g ? /* @__PURE__ */ c(B, { "aria-label": "Close dialog", className: e.close, onClick: () => t(!1), variant: "simple", children: /* @__PURE__ */ c(Y, { name: "x" }) }) : null;
+  return /* @__PURE__ */ c("dialog", { className: P(e.dialog, h && e.structured, f && e.fullscreen, l), onCancel: R, onClick: k, onClose: y, ref: m, ...x, "data-component": "dialog", children: h ? /* @__PURE__ */ u(p, { children: [
+    /* @__PURE__ */ u("div", { className: e.header, children: [
+      _,
+      z
     ] }),
-    /* @__PURE__ */ o("div", { className: l.content, children: e }),
-    a != null && /* @__PURE__ */ o("div", { className: l.controls, children: a })
-  ] }) : /* @__PURE__ */ u(y, { children: [
-    h,
-    e
+    /* @__PURE__ */ c("div", { className: e.content, children: o }),
+    a != null && /* @__PURE__ */ c("div", { className: e.controls, children: a })
+  ] }) : /* @__PURE__ */ u(p, { children: [
+    z,
+    o
   ] }) });
 };
 export {
-  Q as Dialog
+  S as Dialog
 };
 //# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Button, type ButtonProps } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\ntype ControlElementProps = {\n  children?: React.ReactNode;\n  variant?: ButtonProps['variant'];\n};\n\nconst hasDangerControl = (node: React.ReactNode): boolean =>\n  React.Children.toArray(node).some((child) => {\n    if (!React.isValidElement<ControlElementProps>(child)) return false;\n    if (child.type === Button && child.props.variant === 'danger') return true;\n\n    return hasDangerControl(child.props.children);\n  });\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  controls?: React.ReactNode;\n  header?: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({\n  children,\n  className,\n  controls,\n  header,\n  onCancel,\n  onClick,\n  onClose,\n  open = false,\n  setOpen,\n  ...props\n}: DialogProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const destructive = hasDangerControl(controls);\n  const structured = header != null || controls != null;\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) {\n      dialog.showModal();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open]);\n\n  const handleCancel = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onCancel?.(event);\n    if (event.defaultPrevented || !setOpen) return;\n\n    event.preventDefault();\n    setOpen(false);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDialogElement>) => {\n    onClick?.(event);\n    if (\n      destructive ||\n      event.defaultPrevented ||\n      event.target !== event.currentTarget ||\n      !setOpen\n    )\n      return;\n\n    const { bottom, left, right, top } = event.currentTarget.getBoundingClientRect();\n    const clickedBackdrop =\n      event.clientX < left ||\n      event.clientX > right ||\n      event.clientY < top ||\n      event.clientY > bottom;\n\n    if (clickedBackdrop) {\n      setOpen(false);\n    }\n  };\n\n  const handleClose = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onClose?.(event);\n    if (open) setOpen?.(false);\n  };\n\n  const closeButton = setOpen && !destructive ? (\n    <Button\n      aria-label='Close dialog'\n      className={styles.close}\n      onClick={() => setOpen(false)}\n      variant='simple'\n    >\n      <Icon name='x' />\n    </Button>\n  ) : null;\n\n  return (\n    <dialog\n      className={cx(styles.dialog, structured && styles.structured, className)}\n      onCancel={handleCancel}\n      onClick={handleClick}\n      onClose={handleClose}\n      ref={dialogRef}\n      {...props}\n    >\n      {structured ? (\n        <>\n          <div className={styles.header}>\n            {header}\n            {closeButton}\n          </div>\n          <div className={styles.content}>{children}</div>\n          {controls != null && <div className={styles.controls}>{controls}</div>}\n        </>\n      ) : (\n        <>\n          {closeButton}\n          {children}\n        </>\n      )}\n    </dialog>\n  );\n};\n"],"names":["hasDangerControl","node","React","Children","toArray","some","child","isValidElement","type","Button","props","variant","children","Dialog","className","controls","header","onCancel","onClick","onClose","open","setOpen","dialogRef","useRef","destructive","structured","useEffect","dialog","current","showModal","close","handleCancel","event","defaultPrevented","preventDefault","handleClick","target","currentTarget","bottom","left","right","top","getBoundingClientRect","clientX","clientY","handleClose","closeButton","styles","Icon","jsx","cx","jsxs","Fragment","content"],"mappings":";;;;;;;;;;;;GAaMA,IAAmBA,CAACC,MACxBC,EAAMC,SAASC,QAAQH,CAAI,EAAEI,KAAMC,CAAAA,MAC5BJ,EAAMK,eAAoCD,CAAK,IAChDA,EAAME,SAASC,KAAUH,EAAMI,MAAMC,YAAY,WAAiB,KAE/DX,EAAiBM,EAAMI,MAAME,QAAQ,IAHkB,EAI/D,GASUC,IAASA,CAAC;AAAA,EACrBD,UAAAA;AAAAA,EACAE,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA;AAAAA,EACA,GAAGX;AACQ,MAAM;AACjB,QAAMY,IAAYC,EAA0B,IAAI,GAC1CC,IAAcxB,EAAiBe,CAAQ,GACvCU,IAAaT,KAAU,QAAQD,KAAY;AAEjDW,EAAAA,EAAU,MAAM;AACd,UAAMC,IAASL,EAAUM;AACzB,IAAKD,MAEDP,KAAQ,CAACO,EAAOP,OAClBO,EAAOE,UAAAA,IACE,CAACT,KAAQO,EAAOP,QACzBO,EAAOG,MAAAA;AAAAA,EAEX,GAAG,CAACV,CAAI,CAAC;AAET,QAAMW,IAAeA,CAACC,MAAmD;AAEvE,IADAf,KAAAA,QAAAA,EAAWe,IACPA,EAAAA,EAAMC,oBAAoB,CAACZ,OAE/BW,EAAME,eAAAA,GACNb,EAAQ,EAAK;AAAA,EACf,GAEMc,IAAcA,CAACH,MAA+C;AAElE,QADAd,KAAAA,QAAAA,EAAUc,IAERR,KACAQ,EAAMC,oBACND,EAAMI,WAAWJ,EAAMK,iBACvB,CAAChB,EAED;AAEF,UAAM;AAAA,MAAEiB,QAAAA;AAAAA,MAAQC,MAAAA;AAAAA,MAAMC,OAAAA;AAAAA,MAAOC,KAAAA;AAAAA,IAAAA,IAAQT,EAAMK,cAAcK,sBAAAA;AAOzD,KALEV,EAAMW,UAAUJ,KAChBP,EAAMW,UAAUH,KAChBR,EAAMY,UAAUH,KAChBT,EAAMY,UAAUN,MAGhBjB,EAAQ,EAAK;AAAA,EAEjB,GAEMwB,IAAcA,CAACb,MAAmD;AACtEb,IAAAA,KAAAA,QAAAA,EAAUa,IACNZ,qBAAgB;AAAA,EACtB,GAEM0B,IAAczB,KAAW,CAACG,sBAC7Bf,GAAA,EACC,cAAW,gBACX,WAAWsC,EAAOjB,OAClB,SAAS,MAAMT,EAAQ,EAAK,GAC5B,SAAQ,UAER,4BAAC2B,GAAA,EAAK,MAAK,KAAG,EAAA,CAChB,IACE;AAEJ,SACE,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGH,EAAOpB,QAAQF,KAAcsB,EAAOtB,YAAYX,CAAS,GACvE,UAAUiB,GACV,SAASI,GACT,SAASU,GACT,KAAKvB,GACL,GAAIZ,GAAM,kBAAA,UAETe,UAAAA,IACC,gBAAA0B,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWJ,EAAO/B,QACpBA,UAAAA;AAAAA,MAAAA;AAAAA,MACA8B;AAAAA,IAAAA,GACH;AAAA,IACA,gBAAAG,EAAC,OAAA,EAAI,WAAWF,EAAOM,SAAUzC,UAAAA,GAAS;AAAA,IACzCG,KAAY,QAAQ,gBAAAkC,EAAC,SAAI,WAAWF,EAAOhC,UAAWA,UAAAA,EAAAA,CAAS;AAAA,EAAA,EAAA,CAClE,IAEA,gBAAAoC,EAAAC,GAAA,EACGN,UAAAA;AAAAA,IAAAA;AAAAA,IACAlC;AAAAA,EAAAA,EAAAA,CACH,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Button, type ButtonProps } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\ntype ControlElementProps = {\n  children?: React.ReactNode;\n  variant?: ButtonProps['variant'];\n};\n\nconst hasDangerControl = (node: React.ReactNode): boolean =>\n  React.Children.toArray(node).some((child) => {\n    if (!React.isValidElement<ControlElementProps>(child)) return false;\n    if (child.type === Button && child.props.variant === 'danger') return true;\n\n    return hasDangerControl(child.props.children);\n  });\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  controls?: React.ReactNode;\n  fullscreen?: boolean;\n  header?: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({\n  children,\n  className,\n  controls,\n  fullscreen = false,\n  header,\n  onCancel,\n  onClick,\n  onClose,\n  open = false,\n  setOpen,\n  ...props\n}: DialogProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const destructive = hasDangerControl(controls);\n  const structured = fullscreen || header != null || controls != null;\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) {\n      dialog.showModal();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open]);\n\n  const handleCancel = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onCancel?.(event);\n    if (event.defaultPrevented || !setOpen) return;\n\n    event.preventDefault();\n    setOpen(false);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDialogElement>) => {\n    onClick?.(event);\n    if (destructive || event.defaultPrevented || event.target !== event.currentTarget || !setOpen)\n      return;\n\n    const { bottom, left, right, top } = event.currentTarget.getBoundingClientRect();\n    const clickedBackdrop =\n      event.clientX < left ||\n      event.clientX > right ||\n      event.clientY < top ||\n      event.clientY > bottom;\n\n    if (clickedBackdrop) {\n      setOpen(false);\n    }\n  };\n\n  const handleClose = (event: React.SyntheticEvent<HTMLDialogElement>) => {\n    onClose?.(event);\n    if (open) setOpen?.(false);\n  };\n\n  const closeButton =\n    setOpen && !destructive ? (\n      <Button\n        aria-label='Close dialog'\n        className={styles.close}\n        onClick={() => setOpen(false)}\n        variant='simple'\n      >\n        <Icon name='x' />\n      </Button>\n    ) : null;\n\n  return (\n    <dialog\n      className={cx(\n        styles.dialog,\n        structured && styles.structured,\n        fullscreen && styles.fullscreen,\n        className\n      )}\n      onCancel={handleCancel}\n      onClick={handleClick}\n      onClose={handleClose}\n      ref={dialogRef}\n      {...props}\n    >\n      {structured ? (\n        <>\n          <div className={styles.header}>\n            {header}\n            {closeButton}\n          </div>\n          <div className={styles.content}>{children}</div>\n          {controls != null && <div className={styles.controls}>{controls}</div>}\n        </>\n      ) : (\n        <>\n          {closeButton}\n          {children}\n        </>\n      )}\n    </dialog>\n  );\n};\n"],"names":["hasDangerControl","node","React","Children","toArray","some","child","isValidElement","type","Button","props","variant","children","Dialog","className","controls","fullscreen","header","onCancel","onClick","onClose","open","setOpen","dialogRef","useRef","destructive","structured","useEffect","dialog","current","showModal","close","handleCancel","event","defaultPrevented","preventDefault","handleClick","target","currentTarget","bottom","left","right","top","getBoundingClientRect","clientX","clientY","handleClose","closeButton","styles","Icon","jsx","cx","jsxs","Fragment","content"],"mappings":";;;;;;;;;;;;;GAaMA,IAAmBA,CAACC,MACxBC,EAAMC,SAASC,QAAQH,CAAI,EAAEI,KAAMC,CAAAA,MAC5BJ,EAAMK,eAAoCD,CAAK,IAChDA,EAAME,SAASC,KAAUH,EAAMI,MAAMC,YAAY,WAAiB,KAE/DX,EAAiBM,EAAMI,MAAME,QAAQ,IAHkB,EAI/D,GAUUC,IAASA,CAAC;AAAA,EACrBD,UAAAA;AAAAA,EACAE,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,QAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA;AAAAA,EACA,GAAGZ;AACQ,MAAM;AACjB,QAAMa,IAAYC,EAA0B,IAAI,GAC1CC,IAAczB,EAAiBe,CAAQ,GACvCW,IAAaV,KAAcC,KAAU,QAAQF,KAAY;AAE/DY,EAAAA,EAAU,MAAM;AACd,UAAMC,IAASL,EAAUM;AACzB,IAAKD,MAEDP,KAAQ,CAACO,EAAOP,OAClBO,EAAOE,UAAAA,IACE,CAACT,KAAQO,EAAOP,QACzBO,EAAOG,MAAAA;AAAAA,EAEX,GAAG,CAACV,CAAI,CAAC;AAET,QAAMW,IAAeA,CAACC,MAAmD;AAEvE,IADAf,KAAAA,QAAAA,EAAWe,IACPA,EAAAA,EAAMC,oBAAoB,CAACZ,OAE/BW,EAAME,eAAAA,GACNb,EAAQ,EAAK;AAAA,EACf,GAEMc,IAAcA,CAACH,MAA+C;AAElE,QADAd,KAAAA,QAAAA,EAAUc,IACNR,KAAeQ,EAAMC,oBAAoBD,EAAMI,WAAWJ,EAAMK,iBAAiB,CAAChB,EACpF;AAEF,UAAM;AAAA,MAAEiB,QAAAA;AAAAA,MAAQC,MAAAA;AAAAA,MAAMC,OAAAA;AAAAA,MAAOC,KAAAA;AAAAA,IAAAA,IAAQT,EAAMK,cAAcK,sBAAAA;AAOzD,KALEV,EAAMW,UAAUJ,KAChBP,EAAMW,UAAUH,KAChBR,EAAMY,UAAUH,KAChBT,EAAMY,UAAUN,MAGhBjB,EAAQ,EAAK;AAAA,EAEjB,GAEMwB,IAAcA,CAACb,MAAmD;AACtEb,IAAAA,KAAAA,QAAAA,EAAUa,IACNZ,qBAAgB;AAAA,EACtB,GAEM0B,IACJzB,KAAW,CAACG,sBACThB,GAAA,EACC,cAAW,gBACX,WAAWuC,EAAOjB,OAClB,SAAS,MAAMT,EAAQ,EAAK,GAC5B,SAAQ,UAER,4BAAC2B,GAAA,EAAK,MAAK,KAAG,EAAA,CAChB,IACE;AAEN,SACE,gBAAAC,EAAC,UAAA,EACC,WAAWC,EACTH,EAAOpB,QACPF,KAAcsB,EAAOtB,YACrBV,KAAcgC,EAAOhC,YACrBF,CACF,GACA,UAAUkB,GACV,SAASI,GACT,SAASU,GACT,KAAKvB,GACL,GAAIb,GAAM,kBAAA,UAETgB,UAAAA,IACC,gBAAA0B,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWJ,EAAO/B,QACpBA,UAAAA;AAAAA,MAAAA;AAAAA,MACA8B;AAAAA,IAAAA,GACH;AAAA,IACA,gBAAAG,EAAC,OAAA,EAAI,WAAWF,EAAOM,SAAU1C,UAAAA,GAAS;AAAA,IACzCG,KAAY,QAAQ,gBAAAmC,EAAC,SAAI,WAAWF,EAAOjC,UAAWA,UAAAA,EAAAA,CAAS;AAAA,EAAA,EAAA,CAClE,IAEA,gBAAAqC,EAAAC,GAAA,EACGN,UAAAA;AAAAA,IAAAA;AAAAA,IACAnC;AAAAA,EAAAA,EAAAA,CACH,EAAA,CAEJ;AAEJ;"}

package/dist/components/dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),N=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-Dx0NQYLH.cjs"),X=require("../../index-CEzqxRIu.cjs"),ue=require("../list/index.cjs"),V=require("../../index-oL8GYbhj.cjs");function L(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(L).join(" "):a.isValidElement(t)?L(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===V.Select}function W(t,i,r=!1){const l=[];return a.Children.forEach(t,n=>{if(fe(n))l.push(...W(n.props.children,i,r));else if(de(n)){const c=L(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;l.push({disabled:r||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&l.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),l}function xe(t){const i=t.trim();if(!i)return null;const l=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function ge(t,i){const r=xe(i),l=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?l.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):l}function _e(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function he(t,i,r){var l,n;return i!=null?String(i):r!=null?String(r):((l=t.find(c=>c.selected))==null?void 0:l.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:r,...l}=t.props;return{children:s.jsxs(s.Fragment,{children:[r&&s.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:l}}return{children:t.props.children,props:t.props}}const ve="_combobox_1x1gr_3",ye="_dropdown_1x1gr_27",je="_empty_1x1gr_30",we="_group_1x1gr_31",Se="_placeholder_1x1gr_32",Ce="_filter_1x1gr_40",Ee="_native_1x1gr_52",Ne="_option_1x1gr_62",Ve="_options_1x1gr_84",Le="_panel_1x1gr_108",Re="_selected_1x1gr_132",$e="_text_1x1gr_136",Be="_trigger_1x1gr_145",Ie="_minimal_1x1gr_164",qe="_inline_1x1gr_219",De="_label_1x1gr_251",o={combobox:ve,"combobox-input":"_combobox-input_1x1gr_12",dropdown:ye,empty:je,group:we,placeholder:Se,filter:Ce,native:Ee,option:Ne,options:Ve,panel:Le,selected:Re,text:$e,trigger:Be,minimal:Ie,inline:qe,label:De,"inline-field":"_inline-field_1x1gr_257"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:r=!1,createOption:l,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:R="Filter",selectedItems:Z,variant:_="default",...ee})=>{const $=be(t),{defaultValue:te,onChange:B,value:I,...ne}=$.props,v=V.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),y=a.useId(),z=a.useRef(null),m=a.useRef(null),h=W($.children),b=I!=null,q=he(h,I,te),[D,P]=a.useState(()=>q),[u,p]=a.useState(!1),[j,w]=a.useState(""),S=b?String(I):D,O={default:V.resolveColor("--colors-semantic-content-secondary"),white:V.resolveColor("--color-white","white")},T=_==="minimal"?O.white:O.default,C=_e(h,S),re=Y("chevron",T),le=Y("search",T),A=ge(h,j),x=j.trim(),E=!!(r&&l&&x&&l.isValid(x)),se=c&&_==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===S,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!h.some(e=>e.value===D)&&P(q)},[q,D,b,h]),a.useEffect(()=>{var e;if(!u){w("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var g;(g=Q.current)!=null&&g.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),B==null||B(e)},k=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;w(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!l||!E||(l.onCreate(x),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const g=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;g==null||g.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),r?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&E&&(e.preventDefault(),H())},J=s.jsxs("div",{className:N.t(o.dropdown,_==="inline"&&o.inline,_==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[s.jsx("select",{...v,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:S,children:$.children}),r?s.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,s.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":v["aria-label"]??c??R,className:o["combobox-input"],disabled:v.disabled,onChange:e=>{w(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:R||void 0,ref:m,role:"combobox",type:"text",value:j})]}):s.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${y} ${y}-value`:void 0,className:N.t(o.trigger,(C==null?void 0:C.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:v.disabled,onClick:()=>p(e=>!e),ref:M,style:re,variant:"tertiary",children:s.jsx("span",{className:o.text,id:`${y}-value`,children:G(C)})}),u&&s.jsxs("div",{className:o.panel,children:[!r&&s.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>w(e.target.value),placeholder:R,ref:m,style:le,type:"search",value:j}),s.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===S;return s.jsx("li",{"data-component":"dropdown",children:s.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:N.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[s.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&s.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),E&&l&&s.jsx("li",{children:s.jsx(F.Button,{"aria-label":L(l.render(x))||x,className:o.option,onClick:H,variant:"tertiary",children:s.jsx("span",{className:o.text,children:l.render(x)})})}),A.length===0&&!E&&s.jsx("li",{className:o.empty,children:n})]})]})]});return c?s.jsxs("div",{className:N.t(o.label,_==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[s.jsx("span",{id:y,children:se}),J]}):J};exports.Dropdown=Pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),N=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-Dx0NQYLH.cjs"),X=require("../../index-CEzqxRIu.cjs"),ue=require("../list/index.cjs"),V=require("../../index-BPIK2dxs.cjs");function L(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(L).join(" "):a.isValidElement(t)?L(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===V.Select}function W(t,i,r=!1){const l=[];return a.Children.forEach(t,n=>{if(fe(n))l.push(...W(n.props.children,i,r));else if(de(n)){const c=L(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;l.push({disabled:r||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&l.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),l}function _e(t){const i=t.trim();if(!i)return null;const l=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function he(t,i){const r=_e(i),l=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?l.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):l}function ye(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function xe(t,i,r){var l,n;return i!=null?String(i):r!=null?String(r):((l=t.find(c=>c.selected))==null?void 0:l.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:r,...l}=t.props;return{children:s.jsxs(s.Fragment,{children:[r&&s.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:l}}return{children:t.props.children,props:t.props}}const ge="_combobox_18jwy_3",je="_dropdown_18jwy_27",we="_empty_18jwy_30",ve="_group_18jwy_31",Se="_placeholder_18jwy_32",Ce="_filter_18jwy_40",Ee="_native_18jwy_52",Ne="_option_18jwy_62",Ve="_options_18jwy_84",Le="_panel_18jwy_108",Re="_selected_18jwy_132",$e="_text_18jwy_136",Be="_trigger_18jwy_145",Ie="_minimal_18jwy_181",qe="_inline_18jwy_236",De="_label_18jwy_268",o={combobox:ge,"combobox-input":"_combobox-input_18jwy_12",dropdown:je,empty:we,group:ve,placeholder:Se,filter:Ce,native:Ee,option:Ne,options:Ve,panel:Le,selected:Re,text:$e,trigger:Be,minimal:Ie,inline:qe,label:De,"inline-field":"_inline-field_18jwy_274"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:r=!1,createOption:l,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:R="Filter",selectedItems:Z,variant:y="default",...ee})=>{const $=be(t),{defaultValue:te,onChange:B,value:I,...ne}=$.props,g=V.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),j=a.useId(),z=a.useRef(null),m=a.useRef(null),x=W($.children),b=I!=null,q=xe(x,I,te),[D,P]=a.useState(()=>q),[u,p]=a.useState(!1),[w,v]=a.useState(""),S=b?String(I):D,O={default:V.resolveColor("--colors-semantic-content-secondary"),white:V.resolveColor("--color-white","white")},T=y==="minimal"?O.white:O.default,C=ye(x,S),re=Y("chevron",T),le=Y("search",T),A=he(x,w),_=w.trim(),E=!!(r&&l&&_&&l.isValid(_)),se=c&&y==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===S,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!x.some(e=>e.value===D)&&P(q)},[q,D,b,x]),a.useEffect(()=>{var e;if(!u){v("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var h;(h=Q.current)!=null&&h.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),B==null||B(e)},k=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;v(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!l||!E||(l.onCreate(_),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const h=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;h==null||h.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),r?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&E&&(e.preventDefault(),H())},J=s.jsxs("div",{className:N.t(o.dropdown,y==="inline"&&o.inline,y==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[s.jsx("select",{...g,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:S,children:$.children}),r?s.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,s.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":g["aria-label"]??c??R,className:o["combobox-input"],disabled:g.disabled,onChange:e=>{v(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:R||void 0,ref:m,role:"combobox",type:"text",value:w})]}):s.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${j} ${j}-value`:void 0,className:N.t(o.trigger,(C==null?void 0:C.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:g.disabled,onClick:()=>p(e=>!e),ref:M,style:re,variant:"tertiary",children:s.jsx("span",{className:o.text,id:`${j}-value`,children:G(C)})}),u&&s.jsxs("div",{className:o.panel,children:[!r&&s.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>v(e.target.value),placeholder:R,ref:m,style:le,type:"search",value:w}),s.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===S;return s.jsx("li",{"data-component":"dropdown",children:s.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:N.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[s.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&s.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),E&&l&&s.jsx("li",{children:s.jsx(F.Button,{"aria-label":L(l.render(_))||_,className:o.option,onClick:H,variant:"tertiary",children:s.jsx("span",{className:o.text,children:l.render(_)})})}),A.length===0&&!E&&s.jsx("li",{className:o.empty,children:n})]})]})]});return c?s.jsxs("div",{className:N.t(o.label,y==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[s.jsx("span",{id:j,children:se}),J]}):J};exports.Dropdown=Pe;
 //# sourceMappingURL=index.cjs.map