@solibo/solibo-ui 1.0.23 → 1.0.25

package/dist/assets/index18.css

@@ -1 +1 @@
-._header_1gh64_1{color:var(--colors-semantic-content-secondary);display:grid;font-weight:var(--font-font-weight-bold);gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:1fr;margin:var(--shape-spacing-md) 0;position:relative}._header_1gh64_1>*{grid-column:1;min-width:0}._header_1gh64_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_1gh64_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_1gh64_1 h2,._header_1gh64_1 sup{font-size:var(--typography-font-sizes-h2)}._header_1gh64_1 h3{font-size:var(--typography-font-sizes-h3)}._header_1gh64_1 p{font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_1gh64_1 sub{font-weight:var(--font-font-weight-regular)}._header_1gh64_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_1gh64_1 sub,._header_1gh64_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_1gh64_1:has([data-component=badge]) h1,._header_1gh64_1:has([data-component=badge]) h2,._header_1gh64_1:has([data-component=badge]) h3,._header_1gh64_1:has([data-component=badge]) h4{display:inline-block}._header_1gh64_1 ._controls_1gh64_67{display:grid;grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);flex:1 0 auto;gap:var(--shape-spacing-xs);justify-content:space-between;max-width:100%}._header_1gh64_1 ._controls_1gh64_67 h1,._header_1gh64_1 ._controls_1gh64_67 h2,._header_1gh64_1 ._controls_1gh64_67 h3,._header_1gh64_1 ._controls_1gh64_67 h4,._header_1gh64_1 ._controls_1gh64_67 h5,._header_1gh64_1 ._controls_1gh64_67 h6,._header_1gh64_1 ._controls_1gh64_67 sub,._header_1gh64_1 ._controls_1gh64_67 sup{grid-column:1}._header_1gh64_1 ._controls_1gh64_67 [data-component=controls]{align-self:center;grid-column:2;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:0}._header_1gh64_1 ._cta_1gh64_94{display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs);justify-content:space-between}._header_1gh64_1 ._cta_1gh64_94 [data-component=button]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}._header_1gh64_1 ._header-content_1gh64_106{display:flex;flex-direction:column;gap:var(--shape-spacing-3xs)}@media (width < 480px){._header_1gh64_1 ._cta_1gh64_94{flex-direction:column}._header_1gh64_1 ._cta_1gh64_94 [data-component=button]{width:100%}._header_1gh64_1 ._controls_1gh64_67:not(:has([data-adaptive=true])){grid-template-columns:1fr;gap:var(--shape-spacing-3xs)}._header_1gh64_1 ._controls_1gh64_67:not(:has([data-adaptive=true])) [data-component=controls]{grid-column:1;margin-top:var(--shape-spacing-md)}}@media (width >= 960px){._jumbo_1gh64_136{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_1gh64_136 h1{font-size:var(--typography-font-sizes-display-sm)}}
+._header_ct7nd_1{color:var(--colors-semantic-content-secondary);display:grid;font-weight:var(--font-font-weight-bold);gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:1fr;margin:var(--shape-spacing-md) 0;position:relative}._header_ct7nd_1>*{grid-column:1;min-width:0}._header_ct7nd_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_ct7nd_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_ct7nd_1 h2,._header_ct7nd_1 sup{font-size:var(--typography-font-sizes-h2)}._header_ct7nd_1 h3{font-size:var(--typography-font-sizes-h3)}._header_ct7nd_1 p{font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_ct7nd_1 sub{font-weight:var(--font-font-weight-regular)}._header_ct7nd_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_ct7nd_1 sub,._header_ct7nd_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_ct7nd_1:has([data-component=badge]) h1,._header_ct7nd_1:has([data-component=badge]) h2,._header_ct7nd_1:has([data-component=badge]) h3,._header_ct7nd_1:has([data-component=badge]) h4{display:inline-block}._header_ct7nd_1 ._controls_ct7nd_67{display:grid;grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);flex:1 0 auto;gap:var(--shape-spacing-xs);justify-content:space-between;max-width:100%}._header_ct7nd_1 ._controls_ct7nd_67 h1,._header_ct7nd_1 ._controls_ct7nd_67 h2,._header_ct7nd_1 ._controls_ct7nd_67 h3,._header_ct7nd_1 ._controls_ct7nd_67 h4,._header_ct7nd_1 ._controls_ct7nd_67 h5,._header_ct7nd_1 ._controls_ct7nd_67 h6,._header_ct7nd_1 ._controls_ct7nd_67 sub,._header_ct7nd_1 ._controls_ct7nd_67 sup{grid-column:1}._header_ct7nd_1 ._controls_ct7nd_67 [data-component=controls]{align-self:center;grid-column:2;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:0}._header_ct7nd_1 ._cta_ct7nd_94{display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs);justify-content:space-between}._header_ct7nd_1 ._cta_ct7nd_94 [data-component=button]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}._header_ct7nd_1 ._header-content_ct7nd_106{display:flex;flex-direction:column;gap:var(--shape-spacing-3xs)}._header_ct7nd_1 ._header-content_ct7nd_106>a{color:inherit;font-size:var(--typography-font-sizes-label-lg);text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (width < 480px){._header_ct7nd_1 ._cta_ct7nd_94{flex-direction:column}._header_ct7nd_1 ._cta_ct7nd_94 [data-component=button]{width:100%}._header_ct7nd_1 ._controls_ct7nd_67:not(:has([data-adaptive=true])){grid-template-columns:1fr;gap:var(--shape-spacing-3xs)}._header_ct7nd_1 ._controls_ct7nd_67:not(:has([data-adaptive=true])) [data-component=controls]{grid-column:1;margin-top:var(--shape-spacing-md)}}@media (width >= 960px){._jumbo_ct7nd_143{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_ct7nd_143 h1{font-size:var(--typography-font-sizes-display-sm)}}

package/dist/assets/index21.css

@@ -1 +1 @@
-._form_zn9g2_1{cursor:default;display:flex;flex-direction:column;gap:var(--utils-tokens-unit)}._form_zn9g2_1 button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._form_zn9g2_1 input,._form_zn9g2_1 select{max-width:100%;width:100%}._form_zn9g2_1 label{max-width:100%}._form_zn9g2_1 label>span{margin-bottom:var(--scale-8)}._form_zn9g2_1 section{margin:var(--utils-tokens-unit) 0}._inline_zn9g2_30 input,._inline_zn9g2_30 textarea{border:none;border-radius:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0}._fill_zn9g2_45{gap:0;height:100%;min-height:0}
+._form_13ccq_1{cursor:default;display:flex;flex-direction:column;gap:var(--utils-tokens-unit)}._form_13ccq_1 button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._form_13ccq_1 input,._form_13ccq_1 select{max-width:100%;width:100%}._form_13ccq_1 label{max-width:100%}._form_13ccq_1 label>span{margin-bottom:var(--scale-8)}._form_13ccq_1>section{margin:var(--utils-tokens-unit) 0}._inline_13ccq_30 input,._inline_13ccq_30 textarea{border:none;border-radius:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0}._fill_13ccq_45{gap:0;height:100%;min-height:0}

package/dist/assets/index37.css

@@ -1 +1 @@
-._combobox_jkdyb_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_jkdyb_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_jkdyb_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_jkdyb_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_jkdyb_27{position:relative}._dropdown_jkdyb_27 ._empty_jkdyb_30,._dropdown_jkdyb_27 ._group_jkdyb_31,._dropdown_jkdyb_27 ._placeholder_jkdyb_32{color:var(--colors-semantic-content-secondary)}._dropdown_jkdyb_27 ._empty_jkdyb_30{padding:var(--scale-4) var(--scale-8)}._dropdown_jkdyb_27 ._filter_jkdyb_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_jkdyb_27 ._group_jkdyb_31{flex-shrink:0}._dropdown_jkdyb_27 ._native_jkdyb_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_jkdyb_27 ._option_jkdyb_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_jkdyb_27 ._option_jkdyb_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_jkdyb_27 ._options_jkdyb_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_jkdyb_27 ._options_jkdyb_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_jkdyb_27 ._options_jkdyb_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_jkdyb_27 ._options_jkdyb_84::-webkit-scrollbar-track{background:transparent}._dropdown_jkdyb_27 ._panel_jkdyb_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;max-width:min(95vw,var(--shape-width-max));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;z-index:var(--utils-tokens-z-max)}._dropdown_jkdyb_27 ._placeholder_jkdyb_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_jkdyb_27 ._selected_jkdyb_132{font-weight:var(--font-font-weight-semibold)}._dropdown_jkdyb_27 ._text_jkdyb_136{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;white-space:pre-wrap}._dropdown_jkdyb_27 ._trigger_jkdyb_144{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_jkdyb_27 ._trigger_jkdyb_144::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_jkdyb_27 ._trigger_jkdyb_144::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_jkdyb_27 ._trigger_jkdyb_144:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_jkdyb_27 ._trigger_jkdyb_144: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_jkdyb_27 ._trigger_jkdyb_144[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_jkdyb_27._minimal_jkdyb_180{--dropdown-background: rgb(0 0 0 / 85%);--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._empty_jkdyb_30,._dropdown_jkdyb_27._minimal_jkdyb_180 ._group_jkdyb_31{color:var(--dropdown-muted)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._filter_jkdyb_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_jkdyb_27._minimal_jkdyb_180 ._option_jkdyb_62{color:var(--colors-semantic-bg-surface)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._option_jkdyb_62:disabled{color:#ffffff73}._dropdown_jkdyb_27._minimal_jkdyb_180 ._panel_jkdyb_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._panel_jkdyb_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._panel_jkdyb_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._panel_jkdyb_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._placeholder_jkdyb_32{color:var(--dropdown-placeholder)}._dropdown_jkdyb_27._minimal_jkdyb_180 ._trigger_jkdyb_144{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_jkdyb_27._inline_jkdyb_235{flex:1 1 auto;min-width:0}._dropdown_jkdyb_27._inline_jkdyb_235 ._combobox_jkdyb_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_jkdyb_27._inline_jkdyb_235 ._combobox-input_jkdyb_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_jkdyb_27._inline_jkdyb_235 ._text_jkdyb_136{font-size:var(--typography-font-sizes-body-md)}._dropdown_jkdyb_27._inline_jkdyb_235 ._trigger_jkdyb_144{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_jkdyb_267{display:grid;gap:var(--scale-8);width:100%}._inline-field_jkdyb_273{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_jkdyb_273:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_jkdyb_273>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
+._combobox_vg3rv_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_vg3rv_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_vg3rv_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_vg3rv_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_vg3rv_27{min-width:0;position:relative;width:100%}._dropdown_vg3rv_27 ._empty_vg3rv_32,._dropdown_vg3rv_27 ._group_vg3rv_33,._dropdown_vg3rv_27 ._placeholder_vg3rv_34{color:var(--colors-semantic-content-secondary)}._dropdown_vg3rv_27 ._empty_vg3rv_32{padding:var(--scale-4) var(--scale-8)}._dropdown_vg3rv_27 ._filter_vg3rv_42{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-4);margin-bottom:var(--utils-tokens-unit);width:calc(100% - var(--shape-spacing-xs))}._dropdown_vg3rv_27 ._group_vg3rv_33{flex-shrink:0}._dropdown_vg3rv_27 ._native_vg3rv_53{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_vg3rv_27 ._option_vg3rv_63{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_vg3rv_27 ._option_vg3rv_63:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_vg3rv_27 ._options_vg3rv_85{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_vg3rv_27 ._options_vg3rv_85::-webkit-scrollbar{width:var(--scale-8)}._dropdown_vg3rv_27 ._options_vg3rv_85::-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_vg3rv_27 ._options_vg3rv_85::-webkit-scrollbar-track{background:transparent}._dropdown_vg3rv_27 ._panel_vg3rv_109{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;margin-top:var(--shape-spacing-2xs);max-height:80vh;max-width:min(95vw,var(--shape-width-max));min-width:100%;overflow:hidden;padding:var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--utils-tokens-z-max)}._dropdown_vg3rv_27 ._placeholder_vg3rv_34{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_vg3rv_27 ._selected_vg3rv_134{font-weight:var(--font-font-weight-semibold)}._dropdown_vg3rv_27 ._text_vg3rv_138{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;white-space:pre-wrap}._dropdown_vg3rv_27 ._trigger_vg3rv_146{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);max-width:100%;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_vg3rv_27 ._trigger_vg3rv_146::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_vg3rv_27 ._trigger_vg3rv_146::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_vg3rv_27 ._trigger_vg3rv_146:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_vg3rv_27 ._trigger_vg3rv_146: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_vg3rv_27 ._trigger_vg3rv_146[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_vg3rv_27._minimal_vg3rv_183{--dropdown-background: rgb(0 0 0 / 85%);--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._empty_vg3rv_32,._dropdown_vg3rv_27._minimal_vg3rv_183 ._group_vg3rv_33{color:var(--dropdown-muted)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._filter_vg3rv_42{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_vg3rv_27._minimal_vg3rv_183 ._option_vg3rv_63{color:var(--colors-semantic-bg-surface)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._option_vg3rv_63:disabled{color:#ffffff73}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109 input::placeholder{color:var(--dropdown-muted)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._placeholder_vg3rv_34{color:var(--dropdown-placeholder)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._trigger_vg3rv_146{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_vg3rv_27._inline_vg3rv_238{flex:1 1 auto;min-width:0}._dropdown_vg3rv_27._inline_vg3rv_238 ._combobox_vg3rv_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_vg3rv_27._inline_vg3rv_238 ._combobox-input_vg3rv_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_vg3rv_27._inline_vg3rv_238 ._text_vg3rv_138{font-size:var(--typography-font-sizes-body-md)}._dropdown_vg3rv_27._inline_vg3rv_238 ._trigger_vg3rv_146{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_vg3rv_270{display:grid;gap:var(--scale-8);width:100%}._inline-field_vg3rv_276{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_vg3rv_276:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_vg3rv_276>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}

package/dist/assets/index39.css

@@ -1 +1 @@
-._field_jlzbh_3{min-width:0;width:100%}._editor_jlzbh_8{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-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)}._editor_jlzbh_8 [role=textbox]{border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);box-sizing:border-box;line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_jlzbh_8 img{max-width:100%}@media (width <= 370px){._editor_jlzbh_8 button{padding-inline:var(--scale-12)}}._has-files_jlzbh_38 [role=textbox]{border-radius:0}._invalid_jlzbh_42{border-color:var(--colors-semantic-status-error-border)}._error_jlzbh_46{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_jlzbh_52{position:relative}._files_jlzbh_56{border-top:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;flex-wrap:wrap;gap:var(--scale-8);padding:var(--scale-8) var(--utils-tokens-unit)}._placeholder_jlzbh_64{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_jlzbh_72{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_jlzbh_79{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_jlzbh_79 ._content_jlzbh_52{min-height:0}._fill-editor_jlzbh_79 [role=textbox]{height:100%;max-height:none}._meta_jlzbh_95{align-items:center;display:grid;flex-basis:100%;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_jlzbh_95._active_jlzbh_104{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_jlzbh_95 input{border-radius:0;width:100%}._submit_jlzbh_116{margin-left:auto}._bold_jlzbh_120{font-weight:700}._italic_jlzbh_124{font-style:italic}._link_jlzbh_128{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_jlzbh_134,._paragraph_jlzbh_135{margin:var(--scale-8) 0}._list_jlzbh_134{list-style-type:disc!important}._list_jlzbh_134 li{list-style:inherit;margin-bottom:var(--scale-8);margin-left:var(--scale-16)}
+._field_x33uk_3{min-width:0;width:100%}._editor_x33uk_8{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-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)}._editor_x33uk_8 [role=textbox]{border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);box-sizing:border-box;line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_x33uk_8 img{max-width:100%}@media (width <= 370px){._editor_x33uk_8 button{padding-inline:var(--scale-12)}}._has-files_x33uk_38 [role=textbox]{border-radius:0}._invalid_x33uk_42{border-color:var(--colors-semantic-status-error-border)}._error_x33uk_46{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_x33uk_52{position:relative}._files_x33uk_56{border-top:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;flex-wrap:wrap;gap:var(--scale-8);padding:var(--scale-8) var(--utils-tokens-unit)}._placeholder_x33uk_64{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_x33uk_72{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_x33uk_79{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_x33uk_79 ._content_x33uk_52{min-height:0}._fill-editor_x33uk_79 [role=textbox]{height:100%;max-height:none}._meta_x33uk_95{align-items:center;display:grid;flex-basis:100%;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_x33uk_95._active_x33uk_104{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_x33uk_95 input{border-radius:0;width:100%}._submit_x33uk_116{margin-left:auto}._bold_x33uk_120{font-weight:700}._italic_x33uk_124{font-style:italic}._link_x33uk_128{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_x33uk_134,._paragraph_x33uk_135{margin:var(--scale-8) 0}._paragraph_x33uk_135:first-child{margin-top:0}._list_x33uk_134{list-style-type:disc!important}._list_x33uk_134 li{list-style:inherit;margin-bottom:var(--scale-8);margin-left:var(--scale-16)}

package/dist/assets/index47.css

@@ -1 +1 @@
-._controls_1n69k_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_1n69k_6{display:block}._horizontal_1n69k_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_1n69k_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_1n69k_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_1n69k_17 li>li,._list_1n69k_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_1n69k_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1n69k_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1n69k_17 li>section:last-of-type{border-bottom:none}._list_1n69k_17 li:has([data-span=all]){-moz-column-span:all;column-span:all}._list_1n69k_17 li:last-child{margin-bottom:0}._columns_1n69k_58{-moz-column-count:var(--list-columns, 2);column-count:var(--list-columns, 2);-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}@media (width <= 960px){._columns_1n69k_58{-moz-column-count:1;column-count:1}}._compact_1n69k_67 li{margin-bottom:var(--shape-spacing-xs)}
+._controls_17ti2_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_17ti2_6{display:block}._horizontal_17ti2_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_17ti2_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_17ti2_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_17ti2_17 li>li,._list_17ti2_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_17ti2_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_17ti2_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_17ti2_17 li>section:last-of-type{border-bottom:none}._list_17ti2_17 li:has([data-span=all]){grid-column:1 / -1}._list_17ti2_17 li:last-child{margin-bottom:0}._list_17ti2_17._columns_17ti2_57{display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr));-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}._list_17ti2_17._columns_17ti2_57 li{display:grid}._compact_17ti2_68 li{margin-bottom:var(--shape-spacing-xs)}@media (width <= 768px){._columns_17ti2_57{grid-template-columns:1fr}}

package/dist/components/dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),de=require("../../icons-Lq3pr85X.cjs"),X=require("../../index-BOiGSTKz.cjs"),pe=require("../list/index.cjs"),E=require("../../index-BlnG4Rbh.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function fe(t){return a.isValidElement(t)&&t.type==="option"}function me(t){return a.isValidElement(t)&&t.type==="optgroup"}function be(t){return a.isValidElement(t)&&t.type===a.Fragment}function _e(t){return a.isValidElement(t)&&t.type===E.Select}function W(t,i,r=!1){const s=[];return a.Children.forEach(t,n=>{if(be(n))s.push(...W(n.props.children,i,r));else if(fe(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.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 me(n)&&s.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),s}function he(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function ye(t,i){const r=he(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?s.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function xe(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function ge(t,i,r){var s,n;return i!=null?String(i):r!=null?String(r):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function je(t){if(_e(t)){const{children:i,placeholder:r,...s}=t.props;return{children:l.jsxs(l.Fragment,{children:[r&&l.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ve="_combobox_jkdyb_3",we="_dropdown_jkdyb_27",ke="_empty_jkdyb_30",Se="_group_jkdyb_31",Ne="_placeholder_jkdyb_32",Ce="_filter_jkdyb_40",Ee="_native_jkdyb_52",Ve="_option_jkdyb_62",Le="_options_jkdyb_84",Re="_panel_jkdyb_108",$e="_selected_jkdyb_132",Be="_text_jkdyb_136",Ie="_trigger_jkdyb_144",qe="_minimal_jkdyb_180",Pe="_inline_jkdyb_235",De="_label_jkdyb_267",o={combobox:ve,"combobox-input":"_combobox-input_jkdyb_12",dropdown:we,empty:ke,group:Se,placeholder:Ne,filter:Ce,native:Ee,option:Ve,options:Le,panel:Re,selected:$e,text:Be,trigger:Ie,minimal:qe,inline:Pe,label:De,"inline-field":"_inline-field_jkdyb_273"};function Y(t,i){return{"--icon-svg":de.iconSVG(t).replace("currentColor",i)}}const Fe=({children:t,className:i,combobox:r=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:h="default",...ee})=>{const R=je(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,j=E.sanitizeSelectProps(ne),{className:re,...se}=j,M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),y=W(R.children),x=B!=null,I=ge(y,B,te),[q,P]=a.useState(()=>I),[u,p]=a.useState(!1),[w,k]=a.useState(""),S=x?String(B):q,O={default:E.resolveColor("--colors-semantic-content-secondary"),white:E.resolveColor("--color-white","white")},T=h==="minimal"?O.white:O.default,N=xe(y,S),le=Y("chevron",T),oe=Y("search",T),A=ye(y,w),b=w.trim(),C=!!(r&&s&&b&&s.isValid(b)),ie=c&&h==="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(()=>{!x&&!y.some(e=>e.value===q)&&P(I)},[I,q,x,y]),a.useEffect(()=>{var e;if(!u){k("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var _;(_=Q.current)!=null&&_.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const ae=e=>{x||P(e.target.value),$==null||$(e)},D=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;k(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(b),K())},ce=e=>{var U;x||P(e);const d=z.current;if(!d){D();return}const _=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;_==null||_.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),r?K():D()},ue=e=>{e.key==="Escape"&&D(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=l.jsxs("div",{className:g.t(o.dropdown,h==="inline"&&o.inline,h==="minimal"&&o.minimal,i),onKeyDown:ue,ref:Q,...ee,children:[l.jsx("select",{...se,"aria-hidden":"true",className:g.t(o.native,re),onChange:ae,ref:z,tabIndex:-1,value:S,children:R.children}),r?l.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,l.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":j["aria-label"]??c??L,className:o["combobox-input"],disabled:j.disabled,onChange:e=>{k(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:w})]}):l.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:g.t(o.trigger,(N==null?void 0:N.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:j.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:l.jsx("span",{className:o.text,id:`${v}-value`,children:G(N)})}),u&&l.jsxs("div",{className:o.panel,children:[!r&&l.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>k(e.target.value),placeholder:L,ref:m,style:oe,type:"search",value:w}),l.jsxs(pe.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===S;return l.jsx("li",{"data-component":"dropdown",children:l.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:g.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ce(e.value),variant:"tertiary",children:[l.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&l.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&l.jsx("li",{children:l.jsx(F.Button,{"aria-label":V(s.render(b))||b,className:o.option,onClick:H,variant:"tertiary",children:l.jsx("span",{className:o.text,children:s.render(b)})})}),A.length===0&&!C&&l.jsx("li",{className:o.empty,children:n})]})]})]});return c?l.jsxs("div",{className:g.t(o.label,h==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[l.jsx("span",{id:v,children:ie}),J]}):J};exports.Dropdown=Fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),de=require("../../icons-Lq3pr85X.cjs"),X=require("../../index-BOiGSTKz.cjs"),pe=require("../list/index.cjs"),V=require("../../index-BlnG4Rbh.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 fe(t){return a.isValidElement(t)&&t.type==="option"}function me(t){return a.isValidElement(t)&&t.type==="optgroup"}function ve(t){return a.isValidElement(t)&&t.type===a.Fragment}function ge(t){return a.isValidElement(t)&&t.type===V.Select}function W(t,i,r=!1){const s=[];return a.Children.forEach(t,n=>{if(ve(n))s.push(...W(n.props.children,i,r));else if(fe(n)){const c=L(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.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 me(n)&&s.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const r=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?s.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function xe(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function be(t,i,r){var s,n;return i!=null?String(i):r!=null?String(r):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function ye(t){if(ge(t)){const{children:i,placeholder:r,...s}=t.props;return{children:l.jsxs(l.Fragment,{children:[r&&l.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:s}}return{children:t.props.children,props:t.props}}const je="_combobox_vg3rv_3",we="_dropdown_vg3rv_27",Se="_empty_vg3rv_32",Ne="_group_vg3rv_33",Ce="_placeholder_vg3rv_34",Ee="_filter_vg3rv_42",Ve="_native_vg3rv_53",Le="_option_vg3rv_63",Re="_options_vg3rv_85",$e="_panel_vg3rv_109",Be="_selected_vg3rv_134",Ie="_text_vg3rv_138",qe="_trigger_vg3rv_146",Pe="_minimal_vg3rv_183",De="_inline_vg3rv_238",ke="_label_vg3rv_270",o={combobox:je,"combobox-input":"_combobox-input_vg3rv_12",dropdown:we,empty:Se,group:Ne,placeholder:Ce,filter:Ee,native:Ve,option:Le,options:Re,panel:$e,selected:Be,text:Ie,trigger:qe,minimal:Pe,inline:De,label:ke,"inline-field":"_inline-field_vg3rv_276"};function Y(t,i){return{"--icon-svg":de.iconSVG(t).replace("currentColor",i)}}const Fe=({children:t,className:i,combobox:r=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:R="Filter",selectedItems:Z,variant:_="default",...ee})=>{const $=ye(t),{defaultValue:te,onChange:B,value:I,...ne}=$.props,y=V.sanitizeSelectProps(ne),{className:re,...se}=y,M=a.useRef(null),Q=a.useRef(null),j=a.useId(),z=a.useRef(null),m=a.useRef(null),h=W($.children),x=I!=null,q=be(h,I,te),[P,D]=a.useState(()=>q),[u,p]=a.useState(!1),[w,S]=a.useState(""),N=x?String(I):P,O={default:V.resolveColor("--colors-semantic-content-secondary"),white:V.resolveColor("--color-white","white")},T=_==="minimal"?O.white:O.default,C=xe(h,N),le=Y("chevron",T),oe=Y("search",T),A=he(h,w),v=w.trim(),E=!!(r&&s&&v&&s.isValid(v)),ie=c&&_==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===N,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!x&&!h.some(e=>e.value===P)&&D(q)},[q,P,x,h]),a.useEffect(()=>{var e;if(!u){S("");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 ae=e=>{x||D(e.target.value),B==null||B(e)},k=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;S(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!E||(s.onCreate(v),K())},ce=e=>{var U;x||D(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()},ue=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&E&&(e.preventDefault(),H())},J=l.jsxs("div",{className:b.t(o.dropdown,_==="inline"&&o.inline,_==="minimal"&&o.minimal,i),onKeyDown:ue,ref:Q,...ee,children:[l.jsx("select",{...se,"aria-hidden":"true",className:b.t(o.native,re),onChange:ae,ref:z,tabIndex:-1,value:N,children:$.children}),r?l.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,l.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":y["aria-label"]??c??R,className:o["combobox-input"],disabled:y.disabled,onChange:e=>{S(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:R||void 0,ref:m,role:"combobox",type:"text",value:w})]}):l.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${j} ${j}-value`:void 0,className:b.t(o.trigger,(C==null?void 0:C.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:y.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:l.jsx("span",{className:o.text,id:`${j}-value`,children:G(C)})}),u&&l.jsxs("div",{className:o.panel,children:[!r&&l.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>S(e.target.value),placeholder:R,ref:m,style:oe,type:"search",value:w}),l.jsxs(pe.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===N;return l.jsx("li",{"data-component":"dropdown",children:l.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:b.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ce(e.value),variant:"tertiary",children:[l.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&l.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),E&&s&&l.jsx("li",{children:l.jsx(F.Button,{"aria-label":L(s.render(v))||v,className:o.option,onClick:H,variant:"tertiary",children:l.jsx("span",{className:o.text,children:s.render(v)})})}),A.length===0&&!E&&l.jsx("li",{className:o.empty,children:n})]})]})]});return c?l.jsxs("div",{className:b.t(o.label,_==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[l.jsx("span",{id:j,children:ie}),J]}):J};exports.Dropdown=Fe;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dropdown/index.js

@@ -1,33 +1,33 @@
 import { jsxs as p, Fragment as me, jsx as i } from "react/jsx-runtime";
-import { t as v } from "../../classix-DG18itHa.js";
-import be, { Children as he, isValidElement as x, useRef as V, useId as _e, useState as Q, useEffect as z } from "react";
+import { t as y } from "../../classix-DG18itHa.js";
+import ve, { Children as ge, isValidElement as x, useRef as L, useId as he, useState as Q, useEffect as z } from "react";
 import { Button as M } from "../button/index.js";
-import { i as ye } from "../../icons-BkaMeh-J.js";
-import { f as ge, I as ve } from "../../index-DMGGDV9J.js";
+import { i as _e } from "../../icons-BkaMeh-J.js";
+import { f as be, I as ye } from "../../index-DMGGDV9J.js";
 import { List as xe } from "../list/index.js";
-import { S as ke, s as we, r as ee } from "../../index-BAxpgMzb.js";
-import '../../assets/index37.css';function I(t) {
-  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(I).join(" ") : x(t) ? I(t.props.children) : "";
+import { S as we, s as Ne, r as ee } from "../../index-BAxpgMzb.js";
+import '../../assets/index37.css';function $(t) {
+  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map($).join(" ") : x(t) ? $(t.props.children) : "";
 }
-function je(t) {
+function Se(t) {
   return x(t) && t.type === "option";
 }
-function Ne(t) {
+function Ce(t) {
   return x(t) && t.type === "optgroup";
 }
-function Se(t) {
-  return x(t) && t.type === be.Fragment;
+function Ee(t) {
+  return x(t) && t.type === ve.Fragment;
 }
-function Ce(t) {
-  return x(t) && t.type === ke;
+function Ve(t) {
+  return x(t) && t.type === we;
 }
 function A(t, s, r = !1) {
   const l = [];
-  return he.forEach(t, (n) => {
-    if (Se(n))
+  return ge.forEach(t, (n) => {
+    if (Ee(n))
       l.push(...A(n.props.children, s, r));
-    else if (je(n)) {
-      const a = I(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
+    else if (Se(n)) {
+      const a = $(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
       l.push({
         disabled: r || !!n.props.disabled,
         groupLabel: s,
@@ -38,28 +38,28 @@ function A(t, s, r = !1) {
         text: a,
         value: f
       });
-    } else Ne(n) && l.push(...A(n.props.children, n.props.label, r || !!n.props.disabled));
+    } else Ce(n) && l.push(...A(n.props.children, n.props.label, r || !!n.props.disabled));
   }), l;
 }
-function Ee(t) {
+function Ie(t) {
   const s = t.trim();
   if (!s) return null;
   const l = [.../[*?]/.test(s) ? s : `*${s}*`].map((n) => n === "*" ? ".*" : n === "?" ? "." : n.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
   return new RegExp(`^${l}$`, "i");
 }
-function Ve(t, s) {
-  const r = Ee(s), l = t.filter((n) => !n.hidden && !n.isPlaceholder);
+function Le(t, s) {
+  const r = Ie(s), 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 Ie(t, s) {
+function $e(t, s) {
   return t.find((r) => r.value === s) ?? t.find((r) => r.isPlaceholder) ?? t[0];
 }
-function Le(t, s, r) {
+function Be(t, s, r) {
   var l, n;
   return s != null ? String(s) : r != null ? String(r) : ((l = t.find((a) => a.selected)) == null ? void 0 : l.value) ?? ((n = t[0]) == null ? void 0 : n.value) ?? "";
 }
-function $e(t) {
-  if (Ce(t)) {
+function Pe(t) {
+  if (Ve(t)) {
     const {
       children: s,
       placeholder: r,
@@ -78,12 +78,12 @@ function $e(t) {
     props: t.props
   };
 }
-const Be = "_combobox_jkdyb_3", Pe = "_dropdown_jkdyb_27", De = "_empty_jkdyb_30", Re = "_group_jkdyb_31", Fe = "_placeholder_jkdyb_32", We = "_filter_jkdyb_40", Qe = "_native_jkdyb_52", ze = "_option_jkdyb_62", Me = "_options_jkdyb_84", Ae = "_panel_jkdyb_108", Ge = "_selected_jkdyb_132", Ke = "_text_jkdyb_136", Oe = "_trigger_jkdyb_144", Te = "_minimal_jkdyb_180", qe = "_inline_jkdyb_235", He = "_label_jkdyb_267", o = {
-  combobox: Be,
-  "combobox-input": "_combobox-input_jkdyb_12",
-  dropdown: Pe,
-  empty: De,
-  group: Re,
+const ke = "_combobox_vg3rv_3", De = "_dropdown_vg3rv_27", Re = "_empty_vg3rv_32", je = "_group_vg3rv_33", Fe = "_placeholder_vg3rv_34", We = "_filter_vg3rv_42", Qe = "_native_vg3rv_53", ze = "_option_vg3rv_63", Me = "_options_vg3rv_85", Ae = "_panel_vg3rv_109", Ge = "_selected_vg3rv_134", Ke = "_text_vg3rv_138", Oe = "_trigger_vg3rv_146", Te = "_minimal_vg3rv_183", qe = "_inline_vg3rv_238", He = "_label_vg3rv_270", o = {
+  combobox: ke,
+  "combobox-input": "_combobox-input_vg3rv_12",
+  dropdown: De,
+  empty: Re,
+  group: je,
   placeholder: Fe,
   filter: We,
   native: Qe,
@@ -96,11 +96,11 @@ const Be = "_combobox_jkdyb_3", Pe = "_dropdown_jkdyb_27", De = "_empty_jkdyb_30
   minimal: Te,
   inline: qe,
   label: He,
-  "inline-field": "_inline-field_jkdyb_273"
+  "inline-field": "_inline-field_vg3rv_276"
 };
 function te(t, s) {
   return {
-    "--icon-svg": ye(t).replace("currentColor", s)
+    "--icon-svg": _e(t).replace("currentColor", s)
   };
 }
 const rt = ({
@@ -111,101 +111,101 @@ const rt = ({
   emptyLabel: n = "No matches found",
   label: a,
   renderOption: f,
-  searchPlaceholder: L = "Filter",
+  searchPlaceholder: B = "Filter",
   selectedItems: ne,
-  variant: _ = "default",
+  variant: h = "default",
   ...re
 }) => {
-  const $ = $e(t), {
+  const P = Pe(t), {
     defaultValue: le,
-    onChange: B,
-    value: P,
+    onChange: k,
+    value: D,
     ...oe
-  } = $.props, k = we(oe), {
+  } = P.props, w = Ne(oe), {
     className: se,
     ...ie
-  } = k, G = V(null), K = V(null), w = _e(), O = V(null), m = V(null), y = A($.children), g = P != null, D = Le(y, P, le), [R, F] = Q(() => D), [c, u] = Q(!1), [j, N] = Q(""), S = g ? String(P) : R, T = {
+  } = w, G = L(null), K = L(null), N = he(), O = L(null), m = L(null), _ = A(P.children), b = D != null, R = Be(_, D, le), [j, F] = Q(() => R), [c, d] = Q(!1), [S, C] = Q(""), E = b ? String(D) : j, T = {
     default: ee("--colors-semantic-content-secondary"),
     white: ee("--color-white", "white")
-  }, q = _ === "minimal" ? T.white : T.default, C = Ie(y, S), ae = te("chevron", q), ce = te("search", q), H = Ve(y, j), b = j.trim(), E = !!(r && l && b && l.isValid(b)), de = a && _ === "inline" ? ge(a) : a, J = (e) => e ? (f == null ? void 0 : f({
+  }, q = h === "minimal" ? T.white : T.default, V = $e(_, E), ae = te("chevron", q), ce = te("search", q), H = Le(_, S), v = S.trim(), I = !!(r && l && v && l.isValid(v)), ue = a && h === "inline" ? be(a) : a, J = (e) => e ? (f == null ? void 0 : f({
     groupLabel: e.groupLabel,
-    isSelected: e.value === S,
+    isSelected: e.value === E,
     label: e.label,
     text: e.text,
     value: e.value
   })) ?? e.label : "Select an option";
   z(() => {
-    !g && !y.some((e) => e.value === R) && F(D);
-  }, [D, R, g, y]), z(() => {
+    !b && !_.some((e) => e.value === j) && F(R);
+  }, [R, j, b, _]), z(() => {
     var e;
     if (!c) {
-      N("");
+      C("");
       return;
     }
     (e = m.current) == null || e.focus();
   }, [c]), z(() => {
     if (!c)
       return;
-    const e = (d) => {
-      var h;
-      (h = K.current) != null && h.contains(d.target) || u(!1);
+    const e = (u) => {
+      var g;
+      (g = K.current) != null && g.contains(u.target) || d(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [c]);
-  const ue = (e) => {
-    g || F(e.target.value), B == null || B(e);
+  const de = (e) => {
+    b || F(e.target.value), k == null || k(e);
   }, W = () => {
     var e;
-    u(!1), r || (e = G.current) == null || e.focus();
+    d(!1), r || (e = G.current) == null || e.focus();
   }, U = () => {
     var e;
-    N(""), u(!0), (e = m.current) == null || e.focus();
+    C(""), d(!0), (e = m.current) == null || e.focus();
   }, X = () => {
-    !l || !E || (l.onCreate(b), U());
+    !l || !I || (l.onCreate(v), U());
   }, pe = (e) => {
     var Z;
-    g || F(e);
-    const d = O.current;
-    if (!d) {
+    b || F(e);
+    const u = O.current;
+    if (!u) {
       W();
       return;
     }
-    const h = (Z = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : Z.set;
-    h == null || h.call(d, e), d.dispatchEvent(new Event("change", {
+    const g = (Z = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : Z.set;
+    g == null || g.call(u, e), u.dispatchEvent(new Event("change", {
       bubbles: !0
     })), r ? U() : W();
   }, fe = (e) => {
-    e.key === "Escape" && W(), e.key === "Enter" && e.target === m.current && E && (e.preventDefault(), X());
-  }, Y = /* @__PURE__ */ p("div", { className: v(o.dropdown, _ === "inline" && o.inline, _ === "minimal" && o.minimal, s), onKeyDown: fe, ref: K, ...re, children: [
-    /* @__PURE__ */ i("select", { ...ie, "aria-hidden": "true", className: v(o.native, se), onChange: ue, ref: O, tabIndex: -1, value: S, children: $.children }),
+    e.key === "Escape" && W(), e.key === "Enter" && e.target === m.current && I && (e.preventDefault(), X());
+  }, Y = /* @__PURE__ */ p("div", { className: y(o.dropdown, h === "inline" && o.inline, h === "minimal" && o.minimal, s), onKeyDown: fe, ref: K, ...re, children: [
+    /* @__PURE__ */ i("select", { ...ie, "aria-hidden": "true", className: y(o.native, se), onChange: de, ref: O, tabIndex: -1, value: E, children: P.children }),
     r ? /* @__PURE__ */ p("div", { className: o.combobox, onClick: () => {
       var e;
       return (e = m.current) == null ? void 0 : e.focus();
     }, children: [
       ne,
-      /* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": k["aria-label"] ?? a ?? L, className: o["combobox-input"], disabled: k.disabled, onChange: (e) => {
-        N(e.target.value), u(!0);
-      }, onClick: () => u(!0), onFocus: () => u(!0), placeholder: L || void 0, ref: m, role: "combobox", type: "text", value: j })
-    ] }) : /* @__PURE__ */ i(M, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${w} ${w}-value` : void 0, className: v(o.trigger, (C == null ? void 0 : C.isPlaceholder) && o.placeholder), "data-open": c ? "true" : void 0, disabled: k.disabled, onClick: () => u((e) => !e), ref: G, style: ae, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, id: `${w}-value`, children: J(C) }) }),
+      /* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": w["aria-label"] ?? a ?? B, className: o["combobox-input"], disabled: w.disabled, onChange: (e) => {
+        C(e.target.value), d(!0);
+      }, onClick: () => d(!0), onFocus: () => d(!0), placeholder: B || void 0, ref: m, role: "combobox", type: "text", value: S })
+    ] }) : /* @__PURE__ */ i(M, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${N} ${N}-value` : void 0, className: y(o.trigger, (V == null ? void 0 : V.isPlaceholder) && o.placeholder), "data-open": c ? "true" : void 0, disabled: w.disabled, onClick: () => d((e) => !e), ref: G, style: ae, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, id: `${N}-value`, children: J(V) }) }),
     c && /* @__PURE__ */ p("div", { className: o.panel, children: [
-      !r && /* @__PURE__ */ i(ve, { "aria-label": "Filter", className: o.filter, icon: "search", onChange: (e) => N(e.target.value), placeholder: L, ref: m, style: ce, type: "search", value: j }),
+      !r && /* @__PURE__ */ i(ye, { "aria-label": "Filter", className: o.filter, icon: "search", onChange: (e) => C(e.target.value), placeholder: B, ref: m, style: ce, type: "search", value: S }),
       /* @__PURE__ */ p(xe, { "aria-label": "Dropdown", className: o.options, children: [
         H.map((e) => {
-          const d = e.value === S;
-          return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(M, { "aria-label": d ? `${e.text}, selected` : e.text, className: v(o.option, d && o.selected), disabled: e.disabled, onClick: () => pe(e.value), variant: "tertiary", children: [
+          const u = e.value === E;
+          return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(M, { "aria-label": u ? `${e.text}, selected` : e.text, className: y(o.option, u && o.selected), disabled: e.disabled, onClick: () => pe(e.value), variant: "tertiary", children: [
             /* @__PURE__ */ i("span", { className: o.text, children: J(e) }),
             e.groupLabel && /* @__PURE__ */ i("small", { className: o.group, children: e.groupLabel })
           ] }) }, `${e.groupLabel ?? "root"}-${e.value}`);
         }),
-        E && l && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(M, { "aria-label": I(l.render(b)) || b, className: o.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, children: l.render(b) }) }) }),
-        H.length === 0 && !E && /* @__PURE__ */ i("li", { className: o.empty, children: n })
+        I && l && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(M, { "aria-label": $(l.render(v)) || v, className: o.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, children: l.render(v) }) }) }),
+        H.length === 0 && !I && /* @__PURE__ */ i("li", { className: o.empty, children: n })
       ] })
     ] })
   ] });
-  return a ? /* @__PURE__ */ p("div", { className: v(o.label, _ === "inline" && o["inline-field"]), "data-component": "dropdown", children: [
-    /* @__PURE__ */ i("span", { id: w, children: de }),
+  return a ? /* @__PURE__ */ p("div", { className: y(o.label, h === "inline" && o["inline-field"]), "data-component": "dropdown", children: [
+    /* @__PURE__ */ i("span", { id: N, children: ue }),
     Y
   ] }) : Y;
 };