@solibo/solibo-ui 1.1.3 → 1.1.4

package/dist/assets/index10.css

@@ -1 +1 @@
-:root{--pseudo-selected-width: 3px}@keyframes _reveal_1co65_1{0%{opacity:0}to{opacity:1}}@property --portal-left{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-middle{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-right{inherits: true; initial-value: white; syntax: "<color>";}@property --gradient-angle{inherits: true; initial-value: 180deg; syntax: "<angle>";}._portal_1co65_41{align-self:start;animation:_reveal_1co65_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);background:linear-gradient(var(--gradient-angle),var(--portal-left) 7%,var(--portal-middle) 28%,var(--portal-middle) 68.5%,var(--portal-right) 90%);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-neutral-0);display:flex;flex-direction:column;height:calc(100vh - var(--utils-tokens-unit));margin:var(--shape-spacing-xs);padding:var(--shape-spacing-lg) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs);top:var(--shape-spacing-xs);transition:background var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),border-radius var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),margin var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),--portal-left calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-middle calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-right calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function);width:calc(var(--utils-tokens-unit) * 14);z-index:5}._portal_1co65_41:has(nav [data-portal=blue][data-active]),._portal_1co65_41:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_1co65_41:has(nav [data-portal=green][data-active]),._portal_1co65_41:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #166045;--portal-right: #022c22}._portal_1co65_41:has(nav [data-portal=red][data-active]),._portal_1co65_41:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_1co65_41 figure{align-self:center;display:flex;margin-bottom:calc(var(--utils-tokens-unit) - 4px)}._portal_1co65_41 figure figcaption{display:none}._portal_1co65_41 footer{border-top:solid var(--scale-1) var(--colors-translucent);padding-top:var(--shape-spacing-xs);width:calc(100% - var(--utils-tokens-unit))}._portal_1co65_41 nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1co65_41 nav a,._portal_1co65_41 nav summary{color:var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-regular);overflow:hidden;padding:var(--shape-spacing-xs);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._portal_1co65_41 nav a [data-component=icon],._portal_1co65_41 nav summary [data-component=icon]{background-color:var(--colors-semantic-bg-surface);margin-bottom:var(--scale-4);margin-right:var(--scale-8)}._portal_1co65_41 nav a[aria-current=page],._portal_1co65_41 nav summary[aria-current=page]{font-weight:var(--font-font-weight-bold)}._portal_1co65_41 nav details>summary{white-space:nowrap}._portal_1co65_41 nav details>summary [data-content=collapsible-summary]{overflow:hidden;text-overflow:ellipsis}._portal_1co65_41 nav details>summary [data-content=collapsible-indicator] [data-component=icon]{height:calc(var(--utils-tokens-unit) * 1.5);margin-bottom:0;margin-right:0;width:calc(var(--utils-tokens-unit) * 1.5)}._portal_1co65_41 nav details a{border-bottom-right-radius:var(--shape-border-radius-radius-sm);border-top-right-radius:var(--shape-border-radius-radius-sm);margin-left:calc(var(--utils-tokens-unit) + var(--scale-4));padding-left:var(--utils-tokens-unit);position:relative;width:calc(100% - var(--utils-tokens-unit) - var(--scale-8))}._portal_1co65_41 nav details a:before{background-color:var(--colors-neutral-0);content:"​";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:width var(--utils-tokens-transition-duration);width:var(--scale-1)}._portal_1co65_41 nav details a[aria-current=page]:before{left:-1px;width:var(--pseudo-selected-width)}._portal_1co65_41 nav details a[aria-current=page]{background-color:#00000017}._portal_1co65_41 nav details a:hover:not([aria-current=page]){background-color:#ffffff54}._portal_1co65_41 nav details a:last-child:not([aria-current=page]){margin-bottom:var(--utils-tokens-unit)}._portal_1co65_41 nav[data-orientation=horizontal]{align-items:center;border-bottom:solid var(--scale-1) var(--colors-semantic-border-strong);display:flex;flex:0 0 auto;flex-direction:row;gap:var(--shape-spacing-lg);justify-content:center;justify-self:center;margin-bottom:var(--utils-tokens-unit);width:100%}._portal_1co65_41 nav[data-orientation=horizontal] a{border-bottom:solid var(--scale-2) transparent;font-size:var(--typography-font-sizes-caption);padding:var(--scale-8) 0;transition:all}._portal_1co65_41 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid var(--scale-2) var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-bold)}._portal_1co65_41 nav[data-orientation=horizontal] a:hover:not([data-active]){color:var(--colors-semantic-bg-surface);text-decoration:none}._portal_1co65_41 nav [data-component=group]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@supports (-moz-appearance: none){._portal_1co65_41 nav [data-component=group]{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar-track{background-color:transparent}._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._portal_1co65_41 select{background-color:var(--colors-translucent);border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--utils-tokens-unit);padding-bottom:var(--scale-8);padding-top:var(--scale-8);width:100%}._portal_1co65_41 select:active,._portal_1co65_41 select:focus{outline:none}._portal_1co65_41 ._content_1co65_254{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1co65_41 ._toggle_1co65_261{display:none}@media (width <= 1024px){._portal_1co65_41{--gradient-angle: 90deg;border-radius:0;height:calc(var(--utils-tokens-unit) * 4);margin:0;padding-top:var(--shape-spacing-sm);position:fixed;top:0;transition:height var(--utils-tokens-transition-duration),width var(--utils-tokens-transition-duration),--gradient-angle var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw}._portal_1co65_41 ._content_1co65_254{max-height:0;opacity:0;overflow:hidden;transition:opacity var(--utils-tokens-transition-duration),visibility 0s var(--utils-tokens-transition-duration);visibility:hidden}._portal_1co65_41 ._toggle_1co65_261{align-self:end;background-color:#ffffff1a;display:block;padding:var(--shape-spacing-xs);width:-webkit-min-content;width:-moz-min-content;width:min-content}._portal_1co65_41 ._toggle_1co65_261 [data-component=icon]{background-color:var(--colors-semantic-bg-surface);opacity:1;transform:rotateY(0);transition:transform var(--utils-tokens-transition-duration)}._portal_1co65_41 [data-component=branding]{left:50%;position:absolute;top:var(--shape-spacing-xs);transform:translate(-50%)}._portal_1co65_41._open_1co65_314{--gradient-angle: 180deg;height:100vh;width:calc(var(--utils-tokens-unit) * 30)}._portal_1co65_41._open_1co65_314 ._content_1co65_254{margin-top:var(--utils-tokens-unit);max-height:calc(100vh - var(--utils-tokens-unit) * 4);opacity:1;overflow:auto;transition:opacity 1s,visibility 0s;visibility:visible}._portal_1co65_41._open_1co65_314 ._toggle_1co65_261>[data-component=icon]{transform:rotateY(180deg)}}@media (width <= 768px){._portal_1co65_41._open_1co65_314{width:100vw}}@media (width <= 1024px){._menu_1co65_347{padding:0}._menu_1co65_347>summary{left:var(--utils-tokens-unit);top:var(--utils-tokens-unit)}}
+:root{--pseudo-selected-width: 3px}@keyframes _reveal_1uwzy_1{0%{opacity:0}to{opacity:1}}@property --portal-left{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-middle{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-right{inherits: true; initial-value: white; syntax: "<color>";}@property --gradient-angle{inherits: true; initial-value: 180deg; syntax: "<angle>";}._portal_1uwzy_41{align-self:start;animation:_reveal_1uwzy_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);background:linear-gradient(var(--gradient-angle),var(--portal-left) 7%,var(--portal-middle) 28%,var(--portal-middle) 68.5%,var(--portal-right) 90%);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-neutral-0);display:flex;flex-direction:column;height:calc(100vh - var(--utils-tokens-unit));margin:var(--shape-spacing-xs);padding:var(--shape-spacing-lg) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs);top:var(--shape-spacing-xs);transition:background var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),border-radius var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),margin var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),--portal-left calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-middle calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-right calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function);width:calc(var(--utils-tokens-unit) * 14);z-index:5}._portal_1uwzy_41:has(nav [data-portal=blue][data-active]),._portal_1uwzy_41:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_1uwzy_41:has(nav [data-portal=green][data-active]),._portal_1uwzy_41:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #166045;--portal-right: #022c22}._portal_1uwzy_41:has(nav [data-portal=red][data-active]),._portal_1uwzy_41:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_1uwzy_41>button:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-hover)}._portal_1uwzy_41>button [data-component=icon]{transform:rotateY(90deg)}._portal_1uwzy_41 figure{align-self:center;display:flex;margin-bottom:calc(var(--utils-tokens-unit) - 4px)}._portal_1uwzy_41 figure figcaption{display:none}._portal_1uwzy_41 footer{border-top:solid var(--scale-1) var(--colors-translucent);padding-top:var(--shape-spacing-xs);width:calc(100% - var(--utils-tokens-unit))}._portal_1uwzy_41 nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1uwzy_41 nav a,._portal_1uwzy_41 nav summary{color:var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-regular);overflow:hidden;padding:var(--shape-spacing-xs);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._portal_1uwzy_41 nav a [data-component=icon],._portal_1uwzy_41 nav summary [data-component=icon]{background-color:var(--colors-semantic-bg-surface);margin-bottom:var(--scale-4);margin-right:var(--scale-8)}._portal_1uwzy_41 nav a[aria-current=page],._portal_1uwzy_41 nav summary[aria-current=page]{font-weight:var(--font-font-weight-bold)}._portal_1uwzy_41 nav details>summary{white-space:nowrap}._portal_1uwzy_41 nav details>summary [data-content=collapsible-summary]{overflow:hidden;text-overflow:ellipsis}._portal_1uwzy_41 nav details>summary [data-content=collapsible-indicator] [data-component=icon]{height:calc(var(--utils-tokens-unit) * 1.5);margin-bottom:0;margin-right:0;width:calc(var(--utils-tokens-unit) * 1.5)}._portal_1uwzy_41 nav details a{border-bottom-right-radius:var(--shape-border-radius-radius-sm);border-top-right-radius:var(--shape-border-radius-radius-sm);margin-left:calc(var(--utils-tokens-unit) + var(--scale-4));padding-left:var(--utils-tokens-unit);position:relative;width:calc(100% - var(--utils-tokens-unit) - var(--scale-8))}._portal_1uwzy_41 nav details a:before{background-color:var(--colors-neutral-0);content:"​";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:width var(--utils-tokens-transition-duration);width:var(--scale-1)}._portal_1uwzy_41 nav details a[aria-current=page]:before{left:-1px;width:var(--pseudo-selected-width)}._portal_1uwzy_41 nav details a[aria-current=page]{background-color:#00000017}._portal_1uwzy_41 nav details a:hover:not([aria-current=page]){background-color:#ffffff54}._portal_1uwzy_41 nav details a:last-child:not([aria-current=page]){margin-bottom:var(--utils-tokens-unit)}._portal_1uwzy_41 nav[data-orientation=horizontal]{align-items:center;border-bottom:solid var(--scale-1) var(--colors-semantic-border-strong);display:flex;flex:0 0 auto;flex-direction:row;gap:var(--shape-spacing-lg);justify-content:center;justify-self:center;margin-bottom:var(--utils-tokens-unit);width:100%}._portal_1uwzy_41 nav[data-orientation=horizontal] a{border-bottom:solid var(--scale-2) transparent;font-size:var(--typography-font-sizes-caption);padding:var(--scale-8) 0;transition:all}._portal_1uwzy_41 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid var(--scale-2) var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-bold)}._portal_1uwzy_41 nav[data-orientation=horizontal] a:hover:not([data-active]){color:var(--colors-semantic-bg-surface);text-decoration:none}._portal_1uwzy_41 nav [data-component=group]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@supports (-moz-appearance: none){._portal_1uwzy_41 nav [data-component=group]{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._portal_1uwzy_41 nav [data-component=group]::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._portal_1uwzy_41 nav [data-component=group]::-webkit-scrollbar-track{background-color:transparent}._portal_1uwzy_41 nav [data-component=group]::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._portal_1uwzy_41 select{background-color:var(--colors-translucent);border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--utils-tokens-unit);padding-bottom:var(--scale-8);padding-top:var(--scale-8);width:100%}._portal_1uwzy_41 select:active,._portal_1uwzy_41 select:focus{outline:none}._portal_1uwzy_41 ._content_1uwzy_264{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1uwzy_41 ._toggle_1uwzy_271{display:none}@media (width <= 1024px){._portal_1uwzy_41{--gradient-angle: 90deg;border-radius:0;height:calc(var(--utils-tokens-unit) * 4);margin:0;padding-top:var(--shape-spacing-sm);position:fixed;top:0;transition:height var(--utils-tokens-transition-duration),width var(--utils-tokens-transition-duration),--gradient-angle var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw}._portal_1uwzy_41 ._content_1uwzy_264{max-height:0;opacity:0;overflow:hidden;transition:opacity var(--utils-tokens-transition-duration),visibility 0s var(--utils-tokens-transition-duration);visibility:hidden}._portal_1uwzy_41 ._toggle_1uwzy_271{align-self:end;background-color:#ffffff1a;display:block;padding:var(--shape-spacing-xs);width:-webkit-min-content;width:-moz-min-content;width:min-content}._portal_1uwzy_41 ._toggle_1uwzy_271 [data-component=icon]{background-color:var(--colors-semantic-bg-surface);opacity:1;transform:rotateY(0);transition:transform var(--utils-tokens-transition-duration)}._portal_1uwzy_41 [data-component=branding]{left:50%;position:absolute;top:var(--shape-spacing-xs);transform:translate(-50%)}._portal_1uwzy_41._open_1uwzy_324{--gradient-angle: 180deg;height:100vh;width:calc(var(--utils-tokens-unit) * 30)}._portal_1uwzy_41._open_1uwzy_324 ._content_1uwzy_264{margin-top:var(--utils-tokens-unit);max-height:calc(100vh - var(--utils-tokens-unit) * 4);opacity:1;overflow:auto;transition:opacity 1s,visibility 0s;visibility:visible}._portal_1uwzy_41._open_1uwzy_324 ._toggle_1uwzy_271>[data-component=icon]{transform:rotateY(180deg)}}@media (width <= 768px){._portal_1uwzy_41._open_1uwzy_324{width:100vw}}@media (width <= 1024px){._menu_1uwzy_357{padding:0}._menu_1uwzy_357>summary{left:var(--utils-tokens-unit);top:var(--utils-tokens-unit)}}

package/dist/assets/index29.css

@@ -1 +1 @@
-._button_y6cfv_1{align-items:center;background-color:var(--colors-semantic-bg-page);border:none;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-secondary);cursor:pointer;display:inline-flex;font-family:var(--utils-tokens-font-family);font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);padding:calc(var(--utils-tokens-unit) - var(--scale-2));transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_y6cfv_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_y6cfv_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._simple_y6cfv_29{background-color:transparent;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}._danger_y6cfv_38{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_y6cfv_38:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._tertiary_y6cfv_47{background-color:transparent;border:none;border-radius:var(--shape-border-radius-radius-md);box-shadow:none}._primary_y6cfv_54{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_y6cfv_54:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_y6cfv_63{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_y6cfv_63:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}@media (width <= 768px){[data-component=button]{justify-content:center}}
+._button_uik79_1{align-items:center;background-color:var(--colors-semantic-bg-page);border:none;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-secondary);cursor:pointer;display:inline-flex;font-family:var(--utils-tokens-font-family);font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);gap:var(--shape-spacing-xs);padding:var(--shape-spacing-sm);transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_uik79_1._large_uik79_20{font-size:var(--typography-font-sizes-label-lg)}._button_uik79_1._small_uik79_24{font-size:var(--typography-font-sizes-label-sm);padding:var(--shape-spacing-xs)}._button_uik79_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._button_uik79_1._danger_uik79_34 [data-component=loading]{border-color:var(--colors-semantic-status-error-bg);border-bottom-color:var(--colors-semantic-status-error-content)}._simple_uik79_40{background-color:transparent;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}._primary_uik79_49{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_uik79_49:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)}._secondary_uik79_58{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_uik79_58:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}._primary_uik79_49._danger_uik79_34,._secondary_uik79_58._danger_uik79_34{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._primary_uik79_49._danger_uik79_34:not([disabled]):hover,._secondary_uik79_58._danger_uik79_34:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover);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)}._tertiary_uik79_81{background-color:transparent;border:none;border-radius:var(--shape-border-radius-radius-md);box-shadow:none}._tertiary_uik79_81:not([disabled]):hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._tertiary_uik79_81._danger_uik79_34{color:var(--colors-semantic-content-destructive)}._tertiary_uik79_81._danger_uik79_34:not([disabled]):active{outline:var(--shape-outline-selected) solid var(--colors-semantic-status-error-border)}._tertiary_uik79_81._danger_uik79_34:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-destructive-hover)}._primary_uik79_49:not([disabled]):active,._secondary_uik79_58:not([disabled]):active,._tertiary_uik79_81:not([disabled]):active{outline:var(--shape-outline-selected) solid var(--colors-semantic-primary-primary-subtle-border)}._primary_uik79_49:not([disabled]):focus,._secondary_uik79_58:not([disabled]):focus,._tertiary_uik79_81:not([disabled]):focus{outline:var(--shape-outline-focus) solid var(--colors-semantic-border-focus)}@media (width <= 768px){[data-component=button]{justify-content:center}}

package/dist/assets/index31.css

@@ -1 +1 @@
-._checkbox_fv4yk_3{align-items:center;cursor:pointer;display:inline-flex;gap:var(--shape-spacing-xs);position:relative}._checkbox_fv4yk_3:after{content:"";inset:var(--utils-tokens-negative-unit);position:absolute}._checkbox_fv4yk_3 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid var(--scale-1) var(--colors-semantic-border-default);border-bottom-color:var(--colors-semantic-border-subtle);border-radius:var(--shape-border-radius-radius-sm);border-right-color:var(--colors-semantic-border-subtle);box-shadow:1px 1px 2px 0 var(--shape-box-shadow-xs-color) inset;height:var(--utils-tokens-unit);width:var(--utils-tokens-unit)}._checkbox_fv4yk_3 input[type=checkbox]:checked{background-color:var(--colors-semantic-primary-primary)}._checkbox_fv4yk_3 input[type=checkbox]:checked:after{background-color:var(--colors-semantic-bg-surface);content:"";display:block;height:100%;-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);width:100%}._checkbox_fv4yk_3 input[type=checkbox]:disabled{background-color:var(--colors-semantic-interactive-disabled);border-color:var(--colors-semantic-interactive-disabled);box-shadow:none}._checkbox_fv4yk_3 input[type=checkbox]:disabled:after{background-color:var(--colors-semantic-interactive-disabled)}._checkbox_fv4yk_3 input[type=checkbox]:focus{outline:solid var(--shape-outline-focus) var(--colors-semantic-border-focus);outline-offset:var(--shape-spacing-3xs)}
+._checkbox_qf257_3{align-items:center;cursor:pointer;display:inline-flex;gap:var(--shape-spacing-xs);position:relative}._checkbox_qf257_3:after{content:"";inset:var(--utils-tokens-negative-unit);position:absolute}._checkbox_qf257_3 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid var(--scale-1) var(--colors-semantic-border-default);border-bottom-color:var(--colors-semantic-border-subtle);border-radius:var(--shape-border-radius-radius-sm);border-right-color:var(--colors-semantic-border-subtle);box-shadow:1px 1px 2px 0 var(--shape-box-shadow-xs-color) inset;height:var(--utils-tokens-unit);margin:0;width:var(--utils-tokens-unit)}._checkbox_qf257_3 input[type=checkbox]:checked{background-color:var(--colors-semantic-primary-primary)}._checkbox_qf257_3 input[type=checkbox]:checked:after{background-color:var(--colors-semantic-bg-surface);content:"";display:block;height:100%;-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);width:100%}._checkbox_qf257_3 input[type=checkbox]:disabled{background-color:var(--colors-semantic-interactive-disabled);border-color:var(--colors-semantic-interactive-disabled);box-shadow:none}._checkbox_qf257_3 input[type=checkbox]:disabled:after{background-color:var(--colors-semantic-interactive-disabled)}._checkbox_qf257_3 input[type=checkbox]:focus{outline:solid var(--shape-outline-focus) var(--colors-semantic-border-focus);outline-offset:var(--shape-spacing-3xs)}

package/dist/assets/index37.css

@@ -1 +1 @@
-._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}
+._combobox_149jz_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_149jz_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_149jz_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_149jz_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_149jz_27{min-width:0;position:relative;width:100%}._dropdown_149jz_27 ._empty_149jz_32,._dropdown_149jz_27 ._group_149jz_33,._dropdown_149jz_27 ._placeholder_149jz_34{color:var(--colors-semantic-content-secondary)}._dropdown_149jz_27 ._empty_149jz_32{padding:var(--scale-4) var(--scale-8)}._dropdown_149jz_27 ._filter_149jz_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_149jz_27 ._group_149jz_33{flex-shrink:0}._dropdown_149jz_27 ._native_149jz_53{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_149jz_27 ._option_149jz_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;text-align:left;white-space:nowrap;width:100%}._dropdown_149jz_27 ._option_149jz_63:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_149jz_27 ._options_149jz_84{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_149jz_27 ._options_149jz_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_149jz_27 ._options_149jz_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_149jz_27 ._options_149jz_84::-webkit-scrollbar-track{background:transparent}._dropdown_149jz_27 ._panel_149jz_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;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_149jz_27 ._placeholder_149jz_34{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_149jz_27 ._selected_149jz_133{font-weight:var(--font-font-weight-semibold)}._dropdown_149jz_27 ._text_149jz_137{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_149jz_27 ._trigger_149jz_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);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_149jz_27 ._trigger_149jz_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_149jz_27 ._trigger_149jz_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_149jz_27 ._trigger_149jz_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_149jz_27 ._trigger_149jz_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_149jz_27 ._trigger_149jz_145[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_149jz_27._minimal_149jz_182{--dropdown-background: rgb(0 0 0 / 85%);--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_149jz_27._minimal_149jz_182 ._empty_149jz_32,._dropdown_149jz_27._minimal_149jz_182 ._group_149jz_33{color:var(--dropdown-muted)}._dropdown_149jz_27._minimal_149jz_182 ._filter_149jz_42{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_149jz_27._minimal_149jz_182 ._option_149jz_63{color:var(--colors-semantic-bg-surface)}._dropdown_149jz_27._minimal_149jz_182 ._option_149jz_63:disabled{color:#ffffff73}._dropdown_149jz_27._minimal_149jz_182 ._option_149jz_63:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-hover)}._dropdown_149jz_27._minimal_149jz_182 ._panel_149jz_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_149jz_27._minimal_149jz_182 ._panel_149jz_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_149jz_27._minimal_149jz_182 ._panel_149jz_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_149jz_27._minimal_149jz_182 ._panel_149jz_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_149jz_27._minimal_149jz_182 ._placeholder_149jz_34{color:var(--dropdown-placeholder)}._dropdown_149jz_27._minimal_149jz_182 ._trigger_149jz_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_149jz_27._inline_149jz_241{flex:1 1 auto;min-width:0}._dropdown_149jz_27._inline_149jz_241 ._combobox_149jz_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_149jz_27._inline_149jz_241 ._combobox-input_149jz_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_149jz_27._inline_149jz_241 ._text_149jz_137{font-size:var(--typography-font-sizes-body-md)}._dropdown_149jz_27._inline_149jz_241 ._trigger_149jz_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_149jz_273{display:grid;gap:var(--scale-8);width:100%}._inline-field_149jz_279{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_149jz_279:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_149jz_279>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}

package/dist/assets/index39.css

@@ -1 +1 @@
-._field_1f8jx_3{min-width:0;width:100%}._editor_1f8jx_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_1f8jx_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_1f8jx_8 img{max-width:100%}@media (width <= 370px){._editor_1f8jx_8 button{padding-inline:var(--scale-12)}}._has-files_1f8jx_38 [role=textbox]{border-radius:0}._invalid_1f8jx_42{border-color:var(--colors-semantic-status-error-border)}._error_1f8jx_46{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_1f8jx_52{position:relative}._files_1f8jx_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_1f8jx_64{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_1f8jx_72{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_1f8jx_79{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_1f8jx_79 ._content_1f8jx_52{min-height:0}._fill-editor_1f8jx_79 [role=textbox]{height:100%;max-height:none}._meta_1f8jx_95{align-items:center;display:grid;flex-basis:100%;grid-template-columns:minmax(0,1fr) auto auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_1f8jx_95._active_1f8jx_104{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_1f8jx_95 input{border-radius:0;width:100%}._image-sizes_1f8jx_116{display:flex;flex-wrap:wrap;gap:var(--scale-4);padding:var(--scale-4)}._submit_1f8jx_123{margin-left:auto}._bold_1f8jx_127{font-weight:700}._italic_1f8jx_131{font-style:italic}._link_1f8jx_135{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_1f8jx_141,._paragraph_1f8jx_142{margin:var(--scale-8) 0}._paragraph_1f8jx_142:first-child{margin-top:0}._list_1f8jx_141{list-style-type:disc!important}._list_1f8jx_141 li{list-style:inherit;margin-bottom:var(--scale-8);margin-left:var(--scale-16)}
+._field_h3lp5_3{min-width:0;width:100%}._editor_h3lp5_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_h3lp5_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_h3lp5_8 img{max-width:100%}@media (width <= 370px){._editor_h3lp5_8 [data-component=toolbar]:first-of-type{justify-content:space-between}._editor_h3lp5_8 button{padding-inline:calc(var(--scale-12) - var(--scale-1))!important}}._has-files_h3lp5_42 [role=textbox]{border-radius:0}._invalid_h3lp5_46{border-color:var(--colors-semantic-status-error-border)}._error_h3lp5_50{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_h3lp5_56{position:relative}._files_h3lp5_60{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_h3lp5_68{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_h3lp5_76{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_h3lp5_83{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_h3lp5_83 ._content_h3lp5_56{min-height:0}._fill-editor_h3lp5_83 [role=textbox]{height:100%;max-height:none}._meta_h3lp5_99{align-items:center;display:grid;flex-basis:100%;grid-template-columns:minmax(0,1fr) auto auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_h3lp5_99._active_h3lp5_108{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_h3lp5_99 input{border-radius:0;width:100%}._image-sizes_h3lp5_120{display:flex;flex-wrap:wrap;gap:var(--scale-4);padding:var(--scale-4)}._submit_h3lp5_127{margin-left:auto!important}._bold_h3lp5_131{font-weight:700}._italic_h3lp5_135{font-style:italic}._underline_h3lp5_139{text-decoration:underline}._link_h3lp5_143{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_h3lp5_149,._paragraph_h3lp5_150{margin:var(--scale-8) 0}._paragraph_h3lp5_150:first-child{margin-top:0}._list_h3lp5_149{list-style-type:disc!important}._list_h3lp5_149 li{list-style:inherit;margin-bottom:var(--scale-8);margin-left:var(--scale-16)}@media (width < 480px){._image-sizes_h3lp5_120{grid-row:1;grid-column:1 / 5}}

package/dist/assets/index47.css

@@ -1 +1 @@
-._controls_1ywr2_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_1ywr2_6{display:block}._horizontal_1ywr2_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_1ywr2_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_1ywr2_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_1ywr2_17 li>li,._list_1ywr2_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_1ywr2_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1ywr2_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1ywr2_17 li>section:last-of-type{border-bottom:none}._list_1ywr2_17 li:has([data-span=all]){grid-column:1 / -1}._list_1ywr2_17._columns_1ywr2_53{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_1ywr2_17._columns_1ywr2_53 li{display:grid}._list_1ywr2_17:not(._columns_1ywr2_53) li:last-child{margin-bottom:0}._compact_1ywr2_70 li{margin-bottom:var(--shape-spacing-xs)}@media (width <= 1024px){._columns_1ywr2_53{grid-template-columns:1fr!important}}
+._controls_1i7ll_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_1i7ll_6{display:block}._horizontal_1i7ll_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_1i7ll_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_1i7ll_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_1i7ll_17 li>li,._list_1i7ll_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_1i7ll_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1i7ll_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_1i7ll_17 li>section:last-of-type{border-bottom:none}._list_1i7ll_17 li:has([data-span=all]){grid-column:1 / -1}._list_1i7ll_17 li[data-component=dropdown]{margin-bottom:var(--shape-spacing-2xs)}._list_1i7ll_17._columns_1i7ll_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_1i7ll_17._columns_1i7ll_57 li{display:grid}._list_1i7ll_17:not(._columns_1i7ll_57) li:last-child{margin-bottom:0}._compact_1i7ll_74 li{margin-bottom:var(--shape-spacing-xs)}@media (width <= 1024px){._columns_1i7ll_57{grid-template-columns:1fr!important}}

package/dist/assets/index48.css

@@ -1 +1 @@
-@keyframes _ping_1csd4_39{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes _spin_1csd4_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1csd4_23{display:inline-block;overflow:hidden}._default_1csd4_28{animation:_spin_1csd4_1 1s linear infinite;border:var(--border-size, var(--scale-4)) solid var(--colors-semantic-primary-primary-subtle);border-bottom-color:var(--colors-semantic-primary-primary);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size, calc(var(--utils-tokens-unit) * 2));width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_1csd4_39{display:inline-block;height:var(--size, calc(var(--utils-tokens-unit) * 2));position:relative;width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_1csd4_39:after,._ping_1csd4_39:before{animation:_ping_1csd4_39 2s linear infinite;border:var(--border-size, var(--scale-4)) solid var(--colors-semantic-primary-primary);border-radius:50%;box-sizing:border-box;content:"";height:var(--size, calc(var(--utils-tokens-unit) * 2));left:0;position:absolute;top:0;width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_1csd4_39:after{animation-delay:1s;opacity:0}._sticky_1csd4_65{position:absolute;top:0}
+@keyframes _ping_107mr_52{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes _spin_107mr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_107mr_23{display:inline-block;line-height:0;overflow:hidden}._default_107mr_29{animation:_spin_107mr_1 1s linear infinite;border:var(--scale-4) solid var(--colors-semantic-primary-primary-subtle-border);border-bottom-color:var(--colors-semantic-primary-primary-hover);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--utils-tokens-icon-medium);width:var(--utils-tokens-icon-medium)}._small_107mr_40{border-width:calc(var(--scale-4) - var(--scale-1));height:var(--utils-tokens-icon-small);width:var(--utils-tokens-icon-small)}._large_107mr_46{border-width:calc(var(--scale-4) + var(--scale-1));height:var(--utils-tokens-icon-large);width:var(--utils-tokens-icon-large)}._ping_107mr_52{display:inline-block;height:var(--utils-tokens-icon-medium);position:relative;width:var(--utils-tokens-icon-medium)}._ping_107mr_52:after,._ping_107mr_52:before{animation:_ping_107mr_52 2s linear infinite;border:var(--scale-4) solid var(--colors-semantic-primary-primary);border-radius:50%;box-sizing:border-box;content:"";height:var(--utils-tokens-icon-medium);left:0;position:absolute;top:0;width:var(--utils-tokens-icon-medium)}._ping_107mr_52:after{animation-delay:1s;opacity:0}._sticky_107mr_78{position:absolute;top:0}

package/dist/assets/index51.css

@@ -1 +1 @@
-._toolbar_p4e6w_1{-webkit-backdrop-filter:blur(var(--scale-4));backdrop-filter:blur(var(--scale-4));background-color:var(--colors-translucent);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);position:absolute;right:var(--scale-4);top:var(--scale-4)}._toolbar_p4e6w_1 [data-component=button][data-active=true]{background-color:var(--colors-semantic-interactive-selected);box-shadow:inset 0 0 var(--scale-2) var(--colors-semantic-primary-primary-active)}._toolbar_p4e6w_1 [data-component=button][data-active=true] [data-component=icon]{background-color:var(--colors-semantic-primary-primary-active)}._toolbar_p4e6w_1 [data-component=button]:not([disabled]):hover{background-color:var(--colors-semantic-interactive-selected)}._default_p4e6w_26 button{border-radius:var(--shape-border-radius-radius-md);display:inline-block}._editor_p4e6w_33{align-items:center;background-color:var(--colors-semantic-bg-page);border:none;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;display:flex;flex-wrap:wrap;overflow:hidden;position:initial;right:0;top:0}._editor_p4e6w_33 button{display:inline-block}._editor_p4e6w_33 button:first-child{border-top-left-radius:var(--shape-border-radius-radius-md)}
+._toolbar_vp38k_1{-webkit-backdrop-filter:blur(var(--scale-4));backdrop-filter:blur(var(--scale-4));background-color:var(--colors-translucent);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);position:absolute;right:var(--scale-4);top:var(--scale-4)}._toolbar_vp38k_1 [data-component=button]{margin:var(--shape-outline-focus) calc(var(--shape-outline-focus) / 2)}._toolbar_vp38k_1 [data-component=button]:first-of-type{margin-left:var(--shape-outline-focus)}._toolbar_vp38k_1 [data-component=button][data-active=true]{background-color:var(--colors-semantic-interactive-selected);box-shadow:inset 0 0 var(--scale-2) var(--colors-semantic-primary-primary-active)}._toolbar_vp38k_1 [data-component=button][data-active=true] [data-component=icon]{background-color:var(--colors-semantic-primary-primary-active)}._default_vp38k_28 button{border-radius:var(--shape-border-radius-radius-md)}._editor_vp38k_34{align-items:center;background-color:var(--colors-semantic-bg-page);border:none;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;display:flex;flex-wrap:wrap;overflow:hidden;position:initial;right:0;top:0}._editor_vp38k_34>[data-component=button]:last-of-type{margin-right:var(--shape-spacing-2xs)}@media (width < 480px){._editor_vp38k_34>[data-component=button]:last-of-type *{display:none}._editor_vp38k_34>[data-component=button]:last-of-type [data-component=icon]{display:block}}

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),m=require("../badge/index.cjs"),l=require("../icon/index.cjs"),p="_button_y6cfv_1",g="_simple_y6cfv_29",b="_danger_y6cfv_38",v="_tertiary_y6cfv_47",f="_primary_y6cfv_54",x="_secondary_y6cfv_63",t={button:p,simple:g,danger:b,tertiary:v,primary:f,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:y,variant:_="secondary",...d}){return e.jsxs("button",{className:u.t(t.button,h[_],o),disabled:a,onClick:c,ref:y,type:"button",...d,"data-component":"button",children:[r&&e.jsx(l.Icon,{gap:n?"right":void 0,name:r,size:i}),n,e.jsx(m.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const t=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),y=require("../loading/index.cjs"),p=require("../badge/index.cjs"),b=require("../icon/index.cjs"),x="_button_uik79_1",k="_large_uik79_20",j="_small_uik79_24",f="_danger_uik79_34",h="_simple_uik79_40",q="_primary_uik79_49",v="_secondary_uik79_58",B="_tertiary_uik79_81",e={button:x,large:k,small:j,danger:f,simple:h,primary:q,secondary:v,tertiary:B},S={primary:e.primary,secondary:e.secondary,simple:e.simple,tertiary:e.tertiary},z={large:e.large,medium:e.medium,small:e.small};function I({badge:s,children:a,className:i,disabled:o=!1,icon:r,intent:l="default",isLoading:m=!1,onClick:c,ref:u,size:n="medium",variant:_="secondary",...d}){return t.jsxs("button",{className:g.t(e.button,S[_],z[n],i,l==="danger"&&e.danger),disabled:o,onClick:c,ref:u,type:"button",...d,"data-component":"button",children:[m?t.jsx(y.Loading,{size:n==="large"?"medium":"small"}):r&&t.jsx(b.Icon,{name:r,size:n==="large"?"medium":"small"}),a,t.jsx(p.Badge,{variant:"highlight",children:s})]})}exports.Button=I;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconName, type IconProps } from '../icon';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  iconSize?: IconProps['size'];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  iconSize = 'small',\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size={iconSize}\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"+ZAMMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,OAAQH,EAAOG,OACfC,SAAUJ,EAAOI,QACnB,EAaO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,SAAAA,EAAW,QACXC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGhB,EAAOiB,OAAQnB,EAASgB,CAAO,EAAGN,CAAS,EACzD,SAAAC,EACA,QAAAG,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETL,SAAAA,CAAAA,GACCQ,EAAAA,IAACC,QACC,IAAKZ,EAAW,QAAUa,OAC1B,KAAMV,EACN,KAAMC,CAAAA,CAAS,EAGlBJ,EACDW,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAaf,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Loading } from '@/components/loading';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconName } from '../icon';\nimport styles from './styles.module.css';\n\nconst variants = {\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  intent?: 'default' | 'danger';\n  isLoading?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  intent = 'default',\n  isLoading = false,\n  onClick,\n  ref,\n  size = 'medium',\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(\n        styles.button,\n        variants[variant],\n        sizes[size],\n        className,\n        intent === 'danger' && styles.danger\n      )}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {isLoading ? (\n        <Loading size={size === 'large' ? 'medium' : 'small'} />\n      ) : (\n        icon && (\n          <Icon\n            name={icon}\n            size={size === 'large' ? 'medium' : 'small'}\n          />\n        )\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","primary","styles","secondary","simple","tertiary","sizes","large","medium","small","Button","badge","children","className","disabled","icon","intent","isLoading","onClick","ref","size","variant","props","jsxs","cx","button","danger","Loading","jsx","Icon","Badge"],"mappings":"yfAQMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,UAAWD,EAAOC,UAClBC,OAAQF,EAAOE,OACfC,SAAUH,EAAOG,QACnB,EAEMC,EAAQ,CACZC,MAAOL,EAAOK,MACdC,OAAQN,EAAOM,OACfC,MAAOP,EAAOO,KAChB,EAeO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,OAAAA,EAAS,UACTC,UAAAA,EAAY,GACZC,QAAAA,EACAC,IAAAA,EACAC,KAAAA,EAAO,SACPC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,OACEC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EACTtB,EAAOuB,OACPzB,EAASqB,CAAO,EAChBf,EAAMc,CAAI,EACVP,EACAG,IAAW,UAAYd,EAAOwB,MAChC,EACA,SAAAZ,EACA,QAAAI,EACA,IAAAC,EACA,KAAK,SACL,GAAIG,EAAM,iBAAA,SAETL,SAAAA,CAAAA,QACEU,EAAAA,QAAA,CAAQ,KAAMP,IAAS,QAAU,SAAW,OAAA,GAE7CL,GACEa,EAAAA,IAACC,EAAAA,MACC,KAAMd,EACN,KAAMK,IAAS,QAAU,SAAW,QAAQ,EAIjDR,EACDgB,EAAAA,IAACE,EAAAA,MAAA,CAAM,QAAQ,YAAanB,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}

package/dist/components/button/index.js

@@ -1,40 +1,48 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { t as y } from "../../classix-DG18itHa.js";
+import { Loading as g } from "../loading/index.js";
 import { Badge as f } from "../badge/index.js";
-import { Icon as l } from "../icon/index.js";
-import '../../assets/index29.css';const g = "_button_y6cfv_1", u = "_simple_y6cfv_29", v = "_danger_y6cfv_38", b = "_tertiary_y6cfv_47", h = "_primary_y6cfv_54", x = "_secondary_y6cfv_63", t = {
-  button: g,
-  simple: u,
-  danger: v,
-  tertiary: b,
-  primary: h,
-  secondary: x
-}, j = {
-  danger: t.danger,
-  primary: t.primary,
-  secondary: t.secondary,
-  simple: t.simple,
-  tertiary: t.tertiary
+import { Icon as k } from "../icon/index.js";
+import '../../assets/index29.css';const b = "_button_uik79_1", h = "_large_uik79_20", x = "_small_uik79_24", j = "_danger_uik79_34", v = "_simple_uik79_40", B = "_primary_uik79_49", z = "_secondary_uik79_58", I = "_tertiary_uik79_81", r = {
+  button: b,
+  large: h,
+  small: x,
+  danger: j,
+  simple: v,
+  primary: B,
+  secondary: z,
+  tertiary: I
+}, L = {
+  primary: r.primary,
+  secondary: r.secondary,
+  simple: r.simple,
+  tertiary: r.tertiary
+}, N = {
+  large: r.large,
+  medium: r.medium,
+  small: r.small
 };
-function k({
-  badge: a,
-  children: r,
-  className: e,
-  disabled: s = !1,
-  icon: n,
-  iconSize: i = "small",
-  onClick: c,
-  ref: y,
-  variant: m = "secondary",
-  ...p
+function E({
+  badge: i,
+  children: n,
+  className: s,
+  disabled: m = !1,
+  icon: e,
+  intent: o = "default",
+  isLoading: l = !1,
+  onClick: u,
+  ref: _,
+  size: t = "medium",
+  variant: c = "secondary",
+  ...d
 }) {
-  return /* @__PURE__ */ _("button", { className: d(t.button, j[m], e), disabled: s, onClick: c, ref: y, type: "button", ...p, "data-component": "button", children: [
-    n && /* @__PURE__ */ o(l, { gap: r ? "right" : void 0, name: n, size: i }),
-    r,
-    /* @__PURE__ */ o(f, { variant: "highlight", children: a })
+  return /* @__PURE__ */ p("button", { className: y(r.button, L[c], N[t], s, o === "danger" && r.danger), disabled: m, onClick: u, ref: _, type: "button", ...d, "data-component": "button", children: [
+    l ? /* @__PURE__ */ a(g, { size: t === "large" ? "medium" : "small" }) : e && /* @__PURE__ */ a(k, { name: e, size: t === "large" ? "medium" : "small" }),
+    n,
+    /* @__PURE__ */ a(f, { variant: "highlight", children: i })
   ] });
 }
 export {
-  k as Button
+  E as Button
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconName, type IconProps } from '../icon';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  iconSize?: IconProps['size'];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  iconSize = 'small',\n  onClick,\n  ref,\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap={children ? 'right' : undefined}\n          name={icon}\n          size={iconSize}\n        />\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;;GAMMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,QAAQH,EAAOG;AAAAA,EACfC,UAAUJ,EAAOI;AACnB;AAaO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGhB,EAAOiB,QAAQnB,EAASgB,CAAO,GAAGN,CAAS,GACzD,UAAAC,GACA,SAAAG,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETL,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,KACC,KAAKZ,IAAW,UAAUa,QAC1B,MAAMV,GACN,MAAMC,EAAAA,CAAS;AAAA,IAGlBJ;AAAAA,IACD,gBAAAW,EAACG,GAAA,EAAM,SAAQ,aAAaf,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Loading } from '@/components/loading';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconName } from '../icon';\nimport styles from './styles.module.css';\n\nconst variants = {\n  primary: styles.primary,\n  secondary: styles.secondary,\n  simple: styles.simple,\n  tertiary: styles.tertiary,\n};\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  badge?: BadgeProps['children'];\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  intent?: 'default' | 'danger';\n  isLoading?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  badge,\n  children,\n  className,\n  disabled = false,\n  icon,\n  intent = 'default',\n  isLoading = false,\n  onClick,\n  ref,\n  size = 'medium',\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(\n        styles.button,\n        variants[variant],\n        sizes[size],\n        className,\n        intent === 'danger' && styles.danger\n      )}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {isLoading ? (\n        <Loading size={size === 'large' ? 'medium' : 'small'} />\n      ) : (\n        icon && (\n          <Icon\n            name={icon}\n            size={size === 'large' ? 'medium' : 'small'}\n          />\n        )\n      )}\n      {children}\n      <Badge variant='highlight'>{badge}</Badge>\n    </button>\n  );\n}\n"],"names":["variants","primary","styles","secondary","simple","tertiary","sizes","large","medium","small","Button","badge","children","className","disabled","icon","intent","isLoading","onClick","ref","size","variant","props","jsxs","cx","button","danger","Loading","jsx","Icon","Badge"],"mappings":";;;;;;;;;;;;;;GAQMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,WAAWD,EAAOC;AAAAA,EAClBC,QAAQF,EAAOE;AAAAA,EACfC,UAAUH,EAAOG;AACnB,GAEMC,IAAQ;AAAA,EACZC,OAAOL,EAAOK;AAAAA,EACdC,QAAQN,EAAOM;AAAAA,EACfC,OAAOP,EAAOO;AAChB;AAeO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,QAAAA,IAAS;AAAA,EACTC,WAAAA,IAAY;AAAA,EACZC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,SACE,gBAAAC,EAAC,UAAA,EACC,WAAWC,EACTtB,EAAOuB,QACPzB,EAASqB,CAAO,GAChBf,EAAMc,CAAI,GACVP,GACAG,MAAW,YAAYd,EAAOwB,MAChC,GACA,UAAAZ,GACA,SAAAI,GACA,KAAAC,GACA,MAAK,UACL,GAAIG,GAAM,kBAAA,UAETL,UAAAA;AAAAA,IAAAA,sBACEU,GAAA,EAAQ,MAAMP,MAAS,UAAU,WAAW,QAAA,KAE7CL,KACE,gBAAAa,EAACC,KACC,MAAMd,GACN,MAAMK,MAAS,UAAU,WAAW,SAAQ;AAAA,IAIjDR;AAAAA,IACD,gBAAAgB,EAACE,GAAA,EAAM,SAAQ,aAAanB,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),x=require("../../icons-DLOPU0OZ.cjs"),b=require("../loading/index.cjs"),h="_checkbox_fv4yk_3",k={checkbox:h},u=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("Check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),x=require("../../icons-DTP9D75O.cjs"),b=require("../loading/index.cjs"),h="_checkbox_qf257_3",l={checkbox:h},a=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("Check")};return e.jsxs("label",{className:l.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:"small",sticky:!0}),o&&o]})};exports.Checkbox=a;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('Check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {isLoading && (\n        <Loading\n          size={16}\n          sticky\n        />\n      )}\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":"kOAYaA,EAAWA,CAAC,CACvBC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACU,IAAM,CAKnB,MAAMC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,OAAO,CAAA,EAG/B,cACG,QAAA,CAAM,UAAWC,EAAOC,SAAS,iBAAA,WAChC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WACL,MAAOE,EACP,GAAID,CAAAA,CAAM,EAEXH,GACCQ,EAAAA,IAACC,UAAA,CACC,KAAM,GACN,OAAM,GAAA,EAGTR,GAASA,CAAAA,EACZ,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('Check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {isLoading && (\n        <Loading\n          size={'small'}\n          sticky\n        />\n      )}\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":"kOAYaA,EAAWA,CAAC,CACvBC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACU,IAAM,CAKnB,MAAMC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,OAAO,CAAA,EAG/B,cACG,QAAA,CAAM,UAAWC,EAAOC,SAAS,iBAAA,WAChC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WACL,MAAOE,EACP,GAAID,CAAAA,CAAM,EAEXH,GACCQ,EAAAA,IAACC,UAAA,CACC,KAAM,QACN,OAAM,GAAA,EAGTR,GAASA,CAAAA,EACZ,CAEJ"}

package/dist/components/checkbox/index.js

@@ -1,26 +1,26 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { i as k } from "../../icons-DKV6nOkW.js";
-import { Loading as x } from "../loading/index.js";
-import '../../assets/index31.css';const b = "_checkbox_fv4yk_3", m = {
-  checkbox: b
-}, y = ({
-  checked: t,
-  disabled: s,
+import { i as x } from "../../icons-BpYV3Qdj.js";
+import { Loading as k } from "../loading/index.js";
+import '../../assets/index31.css';const m = "_checkbox_qf257_3", a = {
+  checkbox: m
+}, d = ({
+  checked: s,
+  disabled: t,
   isLoading: c,
   label: o,
   onChange: r,
   ...i
 }) => {
   const n = {
-    "--icon-svg": k("Check")
+    "--icon-svg": x("Check")
   };
-  return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
-    /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),
-    c && /* @__PURE__ */ e(x, { size: 16, sticky: !0 }),
+  return /* @__PURE__ */ h("label", { className: a.checkbox, "data-component": "checkbox", children: [
+    /* @__PURE__ */ e("input", { checked: s, disabled: t || c, onChange: r, type: "checkbox", style: n, ...i }),
+    c && /* @__PURE__ */ e(k, { size: "small", sticky: !0 }),
     o && o
   ] });
 };
 export {
-  y as Checkbox
+  d as Checkbox
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('Check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {isLoading && (\n        <Loading\n          size={16}\n          sticky\n        />\n      )}\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAChC,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXH,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,IACN,QAAM,IAAA;AAAA,IAGTR,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('Check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {isLoading && (\n        <Loading\n          size={'small'}\n          sticky\n        />\n      )}\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAChC,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXH,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,SACN,QAAM,IAAA;AAAA,IAGTR,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='X'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='X'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZA6BaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,UAAAA,EAAWC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE1FC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,SAAAA,EACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMV,CAAS,EACpC,GAAII,EAEJ,SAAA,CAAAC,MAACM,EAAAA,KAAA,CACC,UAAWH,EAAAA,EAAGC,EAAOP,KAAMO,EAAOG,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWQ,EAAOM,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYjB,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOQ,OAAQR,EAAOG,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,OAAC,SAAA,IACMH,EACL,aAAYL,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOC,KAAMD,EAAOG,UAAWZ,CAAS,EACtD,QAAUa,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,KAAK,SAEJF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({\n  accessibleLabel,\n  className,\n  label,\n  link,\n  onDelete,\n  ...props\n}: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='X'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='X'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZA6BaA,EAAOA,CAAC,CACnBC,gBAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,SAAAA,EACA,GAAGC,CACM,IAEPC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,SAAAA,EACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMV,CAAS,EACpC,GAAII,EAEJ,SAAA,CAAAC,MAACM,EAAAA,KAAA,CACC,UAAWH,EAAAA,EAAGC,EAAOP,KAAMO,EAAOG,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWQ,EAAOM,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYjB,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOQ,OAAQR,EAAOG,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,OAAC,SAAA,IACMH,EACL,aAAYL,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOC,KAAMD,EAAOG,UAAWZ,CAAS,EACtD,QAAUa,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,KAAK,SAEJF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='X'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='X'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GA6BaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE1F,gBAAAC,EAAAC,GAAA,EACGJ,UAAAA,IACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMV,CAAS,GACpC,GAAII,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACM,GAAA,EACC,WAAWH,EAAGC,EAAOP,MAAMO,EAAOG,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWQ,EAAOM,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYjB,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOQ,QAAQR,EAAOG,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,UAAA,KACMH,GACL,cAAYL,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOC,MAAMD,EAAOG,WAAWZ,CAAS,GACtD,SAAUa,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,MAAK,UAEJF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({\n  accessibleLabel,\n  className,\n  label,\n  link,\n  onDelete,\n  ...props\n}: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='X'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='X'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GA6BaA,IAAOA,CAAC;AAAA,EACnBC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACM,MAEP,gBAAAC,EAAAC,GAAA,EACGJ,UAAAA,IACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMV,CAAS,GACpC,GAAII,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACM,GAAA,EACC,WAAWH,EAAGC,EAAOP,MAAMO,EAAOG,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWQ,EAAOM,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYjB,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOQ,QAAQR,EAAOG,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,UAAA,KACMH,GACL,cAAYL,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOC,MAAMD,EAAOG,WAAWZ,CAAS,GACtD,SAAUa,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,MAAK,UAEJF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const b=require("react/jsx-runtime"),U=require("../../classix-5H4IWnMA.cjs"),m=require("react"),X=require("../button/index.cjs"),A=require("../../menu-popover-CM3v5s-5.cjs"),Y="_controls_t1re6_13",Z="_inline_t1re6_43",ee="_embedded_t1re6_48",te="_fixed_t1re6_49",ne="_adaptive_t1re6_60",ie="_measurement_t1re6_65",h={controls:Y,default:"_default_t1re6_28",inline:Z,embedded:ee,fixed:te,adaptive:ne,measurement:ie,"non-button-content":"_non-button-content_t1re6_99","overflow-trigger":"_overflow-trigger_t1re6_128"},re={primary:3,danger:2,secondary:1,tertiary:0,simple:0},oe={default:h.default,embedded:h.embedded,fixed:h.fixed,inline:h.inline},de=d=>re[d.props.variant??"secondary"];function se({buttons:d,menuAccessibleLabel:i,triggerAccessibleLabel:n}){const x=d.map(o=>({button:o,isDanger:o.props.variant==="danger",value:o}));return b.jsx(A.MenuPopover,{triggerAccessibleLabel:n,"data-component":"overflowmenu",children:({close:o,initialFocus:r})=>b.jsx(A.MenuActionList,{actions:x,initialFocus:r,menuAccessibleLabel:i,onSelect:()=>o(),usesMenuSemantics:!0})})}const g=(d,i)=>{const n=Number.parseFloat(String(d[i]));return Number.isFinite(n)?n:0},ce=d=>{if(!d.trim().endsWith("px"))return;const i=Number.parseFloat(d);return Number.isFinite(i)?i:void 0},ae=(d,i)=>{const n=d.parentElement;if(!n)return;const x=n.getBoundingClientRect(),o=getComputedStyle(n),r=x.width||n.clientWidth,C=x.left+g(o,"borderLeftWidth")+g(o,"paddingLeft"),M=x.left+r-g(o,"borderRightWidth")-g(o,"paddingRight"),_=Array.from(n.children).slice(0,Array.from(n.children).indexOf(d)),R=_.reduce((f,l)=>Math.max(f,l.getBoundingClientRect().right),C),c=_.length>0?g(o,"columnGap"):0,a=Math.max(0,M-R-c),W=(i==null?void 0:i.parent)===n?Math.max(0,r-i.parentWidth):0;return{availableWidth:W>0?Math.max(a,((i==null?void 0:i.availableWidth)??0)+W):a,parent:n,parentWidth:r}},le=({children:d,className:i,maxVisibleButtons:n,overflow:x,overflowAccessibleLabel:o="More actions",variant:r="default",...C})=>{const M=m.Children.toArray(d),_=[],R=[];M.forEach(e=>{m.isValidElement(e)&&e.type===X.Button?_.push(e):R.push(e)});const c=_.map((e,s)=>({button:e,index:s,rank:de(e)})).sort((e,s)=>e.rank-s.rank||e.index-s.index).map(({button:e,index:s})=>m.cloneElement(e,{key:e.key??s})),a=r==="embedded"||r==="fixed"&&x==="menu",W=typeof n=="number"&&Number.isFinite(n)?Math.floor(n):0,f=r==="embedded"&&W>0?Math.min(c.length,W):c.length,l=m.useRef(null),N=m.useRef(void 0),j=m.useRef(null),B=m.useRef(null),[z,S]=m.useState(f),p=m.useCallback(()=>{var L,I,T;if(!a){S(f);return}const e=l.current,s=j.current;if(!e||!s)return;const w=Array.from(s.querySelectorAll('[data-component="button"]')),y=w.at(-1);if(!y)return;const v=w.slice(0,c.length).map(t=>t.getBoundingClientRect().width);if(v.length!==c.length)return;const u=getComputedStyle(e),G=g(u,"paddingLeft")+g(u,"paddingRight")+g(u,"borderLeftWidth")+g(u,"borderRightWidth"),$=ce(u.maxWidth),E=r==="embedded"?ae(e,N.current):void 0;E&&(N.current=E);const H=(E==null?void 0:E.availableWidth)??((L=e.parentElement)==null?void 0:L.clientWidth)??0,J=((I=window.visualViewport)==null?void 0:I.width)??document.documentElement.clientWidth,O=Math.min(...[$,H,J].filter(t=>typeof t=="number"&&Number.isFinite(t)&&t>0));if(!Number.isFinite(O))return;const V=Math.max(0,O-G),q=((T=B.current)==null?void 0:T.getBoundingClientRect().width)??0,K=v.reduce((t,Q)=>t+Q,0);if(f===c.length&&q+K<=V){S(t=>t===f?t:f);return}let P=q+y.getBoundingClientRect().width,k=0;for(let t=0;t<f&&!(P+v[t]>V);t+=1)P+=v[t],k=t+1;S(t=>t===k?t:k)},[a,c.length,r,f]);if(m.useLayoutEffect(()=>{var s,w,y,v;if(p(),!a)return;const e=typeof ResizeObserver>"u"?void 0:new ResizeObserver(p);return l.current&&(e==null||e.observe(l.current)),(s=l.current)!=null&&s.parentElement&&(e==null||e.observe(l.current.parentElement)),r==="embedded"&&((w=l.current)!=null&&w.parentElement)&&Array.from(l.current.parentElement.children).forEach(u=>{u!==l.current&&(e==null||e.observe(u))}),B.current&&(e==null||e.observe(B.current)),window.addEventListener("resize",p),(y=window.visualViewport)==null||y.addEventListener("resize",p),(v=document.fonts)==null||v.ready.then(p),()=>{var u;e==null||e.disconnect(),window.removeEventListener("resize",p),(u=window.visualViewport)==null||u.removeEventListener("resize",p)}},[a,d,p,r]),M.length===0)return null;const D=a?c.slice(0,z):c,F=a?c.slice(z):[];return b.jsxs("div",{"data-component":"controls","data-dynamic-position":r==="fixed"?!0:void 0,"data-adaptive":a?!0:void 0,className:U.t(h.controls,oe[r],a&&h.adaptive,i),ref:l,...C,children:[a&&b.jsxs("div",{"aria-hidden":"true",className:h.measurement,ref:j,children:[c.map((e,s)=>m.cloneElement(e,{"aria-hidden":!0,id:void 0,key:`measure-${String(e.key??s)}`,onClick:void 0,ref:void 0,tabIndex:-1})),b.jsx(A.MenuPopover,{triggerAccessibleLabel:o,children:null})]}),r!=="embedded"&&R.length>0&&b.jsx("span",{className:h["non-button-content"],ref:B,children:R}),D,F.length>0&&b.jsx("span",{className:h["overflow-trigger"],children:b.jsx(se,{buttons:F,menuAccessibleLabel:o,triggerAccessibleLabel:o})})]})};exports.Controls=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const b=require("react/jsx-runtime"),U=require("../../classix-5H4IWnMA.cjs"),m=require("react"),X=require("../button/index.cjs"),A=require("../../menu-popover-CM3v5s-5.cjs"),Y="_controls_t1re6_13",Z="_inline_t1re6_43",ee="_embedded_t1re6_48",te="_fixed_t1re6_49",ne="_adaptive_t1re6_60",ie="_measurement_t1re6_65",h={controls:Y,default:"_default_t1re6_28",inline:Z,embedded:ee,fixed:te,adaptive:ne,measurement:ie,"non-button-content":"_non-button-content_t1re6_99","overflow-trigger":"_overflow-trigger_t1re6_128"},re={primary:2,secondary:1,tertiary:0,simple:0},oe={default:h.default,embedded:h.embedded,fixed:h.fixed,inline:h.inline},de=d=>re[d.props.variant??"secondary"];function se({buttons:d,menuAccessibleLabel:i,triggerAccessibleLabel:n}){const x=d.map(o=>({button:o,isDanger:o.props.intent==="danger",value:o}));return b.jsx(A.MenuPopover,{triggerAccessibleLabel:n,"data-component":"overflowmenu",children:({close:o,initialFocus:r})=>b.jsx(A.MenuActionList,{actions:x,initialFocus:r,menuAccessibleLabel:i,onSelect:()=>o(),usesMenuSemantics:!0})})}const p=(d,i)=>{const n=Number.parseFloat(String(d[i]));return Number.isFinite(n)?n:0},ce=d=>{if(!d.trim().endsWith("px"))return;const i=Number.parseFloat(d);return Number.isFinite(i)?i:void 0},le=(d,i)=>{const n=d.parentElement;if(!n)return;const x=n.getBoundingClientRect(),o=getComputedStyle(n),r=x.width||n.clientWidth,C=x.left+p(o,"borderLeftWidth")+p(o,"paddingLeft"),M=x.left+r-p(o,"borderRightWidth")-p(o,"paddingRight"),_=Array.from(n.children).slice(0,Array.from(n.children).indexOf(d)),R=_.reduce((f,a)=>Math.max(f,a.getBoundingClientRect().right),C),c=_.length>0?p(o,"columnGap"):0,l=Math.max(0,M-R-c),W=(i==null?void 0:i.parent)===n?Math.max(0,r-i.parentWidth):0;return{availableWidth:W>0?Math.max(l,((i==null?void 0:i.availableWidth)??0)+W):l,parent:n,parentWidth:r}},ae=({children:d,className:i,maxVisibleButtons:n,overflow:x,overflowAccessibleLabel:o="More actions",variant:r="default",...C})=>{const M=m.Children.toArray(d),_=[],R=[];M.forEach(e=>{m.isValidElement(e)&&e.type===X.Button?_.push(e):R.push(e)});const c=_.map((e,s)=>({button:e,index:s,rank:de(e)})).sort((e,s)=>e.rank-s.rank||e.index-s.index).map(({button:e,index:s})=>m.cloneElement(e,{key:e.key??s})),l=r==="embedded"||r==="fixed"&&x==="menu",W=typeof n=="number"&&Number.isFinite(n)?Math.floor(n):0,f=r==="embedded"&&W>0?Math.min(c.length,W):c.length,a=m.useRef(null),N=m.useRef(void 0),j=m.useRef(null),B=m.useRef(null),[z,S]=m.useState(f),g=m.useCallback(()=>{var L,I,T;if(!l){S(f);return}const e=a.current,s=j.current;if(!e||!s)return;const w=Array.from(s.querySelectorAll('[data-component="button"]')),y=w.at(-1);if(!y)return;const v=w.slice(0,c.length).map(t=>t.getBoundingClientRect().width);if(v.length!==c.length)return;const u=getComputedStyle(e),G=p(u,"paddingLeft")+p(u,"paddingRight")+p(u,"borderLeftWidth")+p(u,"borderRightWidth"),$=ce(u.maxWidth),E=r==="embedded"?le(e,N.current):void 0;E&&(N.current=E);const H=(E==null?void 0:E.availableWidth)??((L=e.parentElement)==null?void 0:L.clientWidth)??0,J=((I=window.visualViewport)==null?void 0:I.width)??document.documentElement.clientWidth,O=Math.min(...[$,H,J].filter(t=>typeof t=="number"&&Number.isFinite(t)&&t>0));if(!Number.isFinite(O))return;const V=Math.max(0,O-G),q=((T=B.current)==null?void 0:T.getBoundingClientRect().width)??0,K=v.reduce((t,Q)=>t+Q,0);if(f===c.length&&q+K<=V){S(t=>t===f?t:f);return}let P=q+y.getBoundingClientRect().width,k=0;for(let t=0;t<f&&!(P+v[t]>V);t+=1)P+=v[t],k=t+1;S(t=>t===k?t:k)},[l,c.length,r,f]);if(m.useLayoutEffect(()=>{var s,w,y,v;if(g(),!l)return;const e=typeof ResizeObserver>"u"?void 0:new ResizeObserver(g);return a.current&&(e==null||e.observe(a.current)),(s=a.current)!=null&&s.parentElement&&(e==null||e.observe(a.current.parentElement)),r==="embedded"&&((w=a.current)!=null&&w.parentElement)&&Array.from(a.current.parentElement.children).forEach(u=>{u!==a.current&&(e==null||e.observe(u))}),B.current&&(e==null||e.observe(B.current)),window.addEventListener("resize",g),(y=window.visualViewport)==null||y.addEventListener("resize",g),(v=document.fonts)==null||v.ready.then(g),()=>{var u;e==null||e.disconnect(),window.removeEventListener("resize",g),(u=window.visualViewport)==null||u.removeEventListener("resize",g)}},[l,d,g,r]),M.length===0)return null;const D=l?c.slice(0,z):c,F=l?c.slice(z):[];return b.jsxs("div",{"data-component":"controls","data-dynamic-position":r==="fixed"?!0:void 0,"data-adaptive":l?!0:void 0,className:U.t(h.controls,oe[r],l&&h.adaptive,i),ref:a,...C,children:[l&&b.jsxs("div",{"aria-hidden":"true",className:h.measurement,ref:j,children:[c.map((e,s)=>m.cloneElement(e,{"aria-hidden":!0,id:void 0,key:`measure-${String(e.key??s)}`,onClick:void 0,ref:void 0,tabIndex:-1})),b.jsx(A.MenuPopover,{triggerAccessibleLabel:o,children:null})]}),r!=="embedded"&&R.length>0&&b.jsx("span",{className:h["non-button-content"],ref:B,children:R}),D,F.length>0&&b.jsx("span",{className:h["overflow-trigger"],children:b.jsx(se,{buttons:F,menuAccessibleLabel:o,triggerAccessibleLabel:o})})]})};exports.Controls=ae;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { type MenuAction, MenuActionList } from '../menu/action-list';\nimport { MenuPopover } from '../menu/menu-popover';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n  primary: 3,\n  danger: 2,\n  secondary: 1,\n  tertiary: 0,\n  simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n  default: styles.default,\n  embedded: styles.embedded,\n  fixed: styles.fixed,\n  inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children?: React.ReactNode;\n  maxVisibleButtons?: number;\n  overflow?: 'menu';\n  overflowAccessibleLabel?: string;\n  variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n  buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nfunction OverflowMenu({\n  buttons,\n  menuAccessibleLabel,\n  triggerAccessibleLabel,\n}: {\n  buttons: React.ReactElement<ButtonProps>[];\n  menuAccessibleLabel: string;\n  triggerAccessibleLabel: string;\n}) {\n  const actions: MenuAction<React.ReactElement<ButtonProps>>[] = buttons.map((button) => ({\n    button,\n    isDanger: button.props.variant === 'danger',\n    value: button,\n  }));\n\n  return (\n    <MenuPopover triggerAccessibleLabel={triggerAccessibleLabel}>\n      {({ close, initialFocus }) => (\n        <MenuActionList\n          actions={actions}\n          initialFocus={initialFocus}\n          menuAccessibleLabel={menuAccessibleLabel}\n          onSelect={() => close()}\n          usesMenuSemantics\n        />\n      )}\n    </MenuPopover>\n  );\n}\n\nconst numericStyle = (style: CSSStyleDeclaration, property: keyof CSSStyleDeclaration) => {\n  const value = Number.parseFloat(String(style[property]));\n  return Number.isFinite(value) ? value : 0;\n};\n\nconst pixelStyle = (value: string) => {\n  if (!value.trim().endsWith('px')) return undefined;\n  const parsedValue = Number.parseFloat(value);\n  return Number.isFinite(parsedValue) ? parsedValue : undefined;\n};\n\ntype EmbeddedLayout = {\n  availableWidth: number;\n  parent: HTMLElement;\n  parentWidth: number;\n};\n\nconst availableWidthToRight = (\n  controls: HTMLDivElement,\n  previousLayout?: EmbeddedLayout\n): EmbeddedLayout | undefined => {\n  const parent = controls.parentElement;\n  if (!parent) return undefined;\n\n  const parentRect = parent.getBoundingClientRect();\n  const parentStyle = getComputedStyle(parent);\n  const parentWidth = parentRect.width || parent.clientWidth;\n  const contentLeft =\n    parentRect.left +\n    numericStyle(parentStyle, 'borderLeftWidth') +\n    numericStyle(parentStyle, 'paddingLeft');\n  const contentRight =\n    parentRect.left +\n    parentWidth -\n    numericStyle(parentStyle, 'borderRightWidth') -\n    numericStyle(parentStyle, 'paddingRight');\n  const precedingSiblings = Array.from(parent.children).slice(\n    0,\n    Array.from(parent.children).indexOf(controls)\n  );\n  const occupiedRight = precedingSiblings.reduce(\n    (right, sibling) => Math.max(right, sibling.getBoundingClientRect().right),\n    contentLeft\n  );\n  const gap = precedingSiblings.length > 0 ? numericStyle(parentStyle, 'columnGap') : 0;\n\n  const measuredAvailableWidth = Math.max(0, contentRight - occupiedRight - gap);\n  const parentWidthIncrease =\n    previousLayout?.parent === parent ? Math.max(0, parentWidth - previousLayout.parentWidth) : 0;\n\n  return {\n    availableWidth:\n      parentWidthIncrease > 0\n        ? Math.max(\n            measuredAvailableWidth,\n            (previousLayout?.availableWidth ?? 0) + parentWidthIncrease\n          )\n        : measuredAvailableWidth,\n    parent,\n    parentWidth,\n  };\n};\n\nexport const Controls = ({\n  children,\n  className,\n  maxVisibleButtons,\n  overflow,\n  overflowAccessibleLabel = 'More actions',\n  variant = 'default',\n  ...props\n}: ControlsProps) => {\n  const childArray = Children.toArray(children);\n  const buttons: React.ReactElement<ButtonProps>[] = [];\n  const nonButtons: React.ReactNode[] = [];\n\n  childArray.forEach((child) => {\n    if (isValidElement<ButtonProps>(child) && child.type === Button) {\n      buttons.push(child);\n    } else {\n      nonButtons.push(child);\n    }\n  });\n\n  const sortedButtons = buttons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  const adaptive = variant === 'embedded' || (variant === 'fixed' && overflow === 'menu');\n  const normalizedMaxVisibleButtons =\n    typeof maxVisibleButtons === 'number' && Number.isFinite(maxVisibleButtons)\n      ? Math.floor(maxVisibleButtons)\n      : 0;\n  const visibleButtonLimit =\n    variant === 'embedded' && normalizedMaxVisibleButtons > 0\n      ? Math.min(sortedButtons.length, normalizedMaxVisibleButtons)\n      : sortedButtons.length;\n  const controlsRef = useRef<HTMLDivElement>(null);\n  const embeddedLayoutRef = useRef<EmbeddedLayout>(undefined);\n  const measurementRef = useRef<HTMLDivElement>(null);\n  const nonButtonsRef = useRef<HTMLSpanElement>(null);\n  const [visibleButtonCount, setVisibleButtonCount] = useState(visibleButtonLimit);\n\n  const updateOverflow = useCallback(() => {\n    if (!adaptive) {\n      setVisibleButtonCount(visibleButtonLimit);\n      return;\n    }\n\n    const controls = controlsRef.current;\n    const measurement = measurementRef.current;\n    if (!controls || !measurement) return;\n\n    const measurementButtons = Array.from(\n      measurement.querySelectorAll<HTMLElement>('[data-component=\"button\"]')\n    );\n    const trigger = measurementButtons.at(-1);\n    if (!trigger) return;\n\n    const buttonWidths = measurementButtons\n      .slice(0, sortedButtons.length)\n      .map((button) => button.getBoundingClientRect().width);\n    if (buttonWidths.length !== sortedButtons.length) return;\n\n    const style = getComputedStyle(controls);\n    const horizontalChrome =\n      numericStyle(style, 'paddingLeft') +\n      numericStyle(style, 'paddingRight') +\n      numericStyle(style, 'borderLeftWidth') +\n      numericStyle(style, 'borderRightWidth');\n    const configuredMaxWidth = pixelStyle(style.maxWidth);\n    const embeddedLayout =\n      variant === 'embedded'\n        ? availableWidthToRight(controls, embeddedLayoutRef.current)\n        : undefined;\n    if (embeddedLayout) embeddedLayoutRef.current = embeddedLayout;\n    const layoutWidth = embeddedLayout?.availableWidth ?? controls.parentElement?.clientWidth ?? 0;\n    const viewportWidth = window.visualViewport?.width ?? document.documentElement.clientWidth;\n    const outerAvailableWidth = Math.min(\n      ...[configuredMaxWidth, layoutWidth, viewportWidth].filter(\n        (width): width is number => typeof width === 'number' && Number.isFinite(width) && width > 0\n      )\n    );\n    if (!Number.isFinite(outerAvailableWidth)) return;\n\n    const availableWidth = Math.max(0, outerAvailableWidth - horizontalChrome);\n    const prefixWidth = nonButtonsRef.current?.getBoundingClientRect().width ?? 0;\n    const actionWidth = buttonWidths.reduce((total, width) => total + width, 0);\n\n    if (\n      visibleButtonLimit === sortedButtons.length &&\n      prefixWidth + actionWidth <= availableWidth\n    ) {\n      setVisibleButtonCount((current) =>\n        current === visibleButtonLimit ? current : visibleButtonLimit\n      );\n      return;\n    }\n\n    let usedWidth = prefixWidth + trigger.getBoundingClientRect().width;\n    let nextVisibleButtonCount = 0;\n    for (let index = 0; index < visibleButtonLimit; index += 1) {\n      if (usedWidth + buttonWidths[index] > availableWidth) break;\n      usedWidth += buttonWidths[index];\n      nextVisibleButtonCount = index + 1;\n    }\n\n    setVisibleButtonCount((current) =>\n      current === nextVisibleButtonCount ? current : nextVisibleButtonCount\n    );\n  }, [adaptive, sortedButtons.length, variant, visibleButtonLimit]);\n\n  useLayoutEffect(() => {\n    updateOverflow();\n\n    if (!adaptive) return undefined;\n\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(updateOverflow);\n    if (controlsRef.current) observer?.observe(controlsRef.current);\n    if (controlsRef.current?.parentElement) observer?.observe(controlsRef.current.parentElement);\n    if (variant === 'embedded' && controlsRef.current?.parentElement) {\n      Array.from(controlsRef.current.parentElement.children).forEach((sibling) => {\n        if (sibling !== controlsRef.current) observer?.observe(sibling);\n      });\n    }\n    if (nonButtonsRef.current) observer?.observe(nonButtonsRef.current);\n\n    window.addEventListener('resize', updateOverflow);\n    window.visualViewport?.addEventListener('resize', updateOverflow);\n    void document.fonts?.ready.then(updateOverflow);\n\n    return () => {\n      observer?.disconnect();\n      window.removeEventListener('resize', updateOverflow);\n      window.visualViewport?.removeEventListener('resize', updateOverflow);\n    };\n  }, [adaptive, children, updateOverflow, variant]);\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  const visibleButtons = adaptive ? sortedButtons.slice(0, visibleButtonCount) : sortedButtons;\n  const overflowedButtons = adaptive ? sortedButtons.slice(visibleButtonCount) : [];\n\n  return (\n    <div\n      data-component='controls'\n      data-dynamic-position={variant === 'fixed' ? true : undefined}\n      data-adaptive={adaptive ? true : undefined}\n      className={cx(styles.controls, variants[variant], adaptive && styles.adaptive, className)}\n      ref={controlsRef}\n      {...props}\n    >\n      {adaptive && (\n        <div\n          aria-hidden='true'\n          className={styles.measurement}\n          ref={measurementRef}\n        >\n          {sortedButtons.map((button, index) =>\n            cloneElement(button, {\n              'aria-hidden': true,\n              id: undefined,\n              key: `measure-${String(button.key ?? index)}`,\n              onClick: undefined,\n              ref: undefined,\n              tabIndex: -1,\n            })\n          )}\n          <MenuPopover triggerAccessibleLabel={overflowAccessibleLabel}>{null}</MenuPopover>\n        </div>\n      )}\n      {variant !== 'embedded' && nonButtons.length > 0 && (\n        <span\n          className={styles['non-button-content']}\n          ref={nonButtonsRef}\n        >\n          {nonButtons}\n        </span>\n      )}\n      {visibleButtons}\n      {overflowedButtons.length > 0 && (\n        <span className={styles['overflow-trigger']}>\n          <OverflowMenu\n            buttons={overflowedButtons}\n            menuAccessibleLabel={overflowAccessibleLabel}\n            triggerAccessibleLabel={overflowAccessibleLabel}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","embedded","fixed","inline","getButtonRank","button","props","variant","OverflowMenu","buttons","menuAccessibleLabel","triggerAccessibleLabel","actions","map","isDanger","value","jsx","MenuPopover","close","initialFocus","MenuActionList","numericStyle","style","property","Number","parseFloat","String","isFinite","pixelStyle","trim","endsWith","parsedValue","undefined","availableWidthToRight","controls","previousLayout","parent","parentElement","parentRect","getBoundingClientRect","parentStyle","getComputedStyle","parentWidth","width","clientWidth","contentLeft","left","contentRight","precedingSiblings","Array","from","children","slice","indexOf","occupiedRight","reduce","right","sibling","Math","max","gap","length","measuredAvailableWidth","parentWidthIncrease","availableWidth","Controls","className","maxVisibleButtons","overflow","overflowAccessibleLabel","childArray","Children","toArray","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","index","rank","sort","a","b","cloneElement","key","adaptive","normalizedMaxVisibleButtons","floor","visibleButtonLimit","min","controlsRef","useRef","embeddedLayoutRef","measurementRef","nonButtonsRef","visibleButtonCount","setVisibleButtonCount","useState","updateOverflow","useCallback","current","measurement","measurementButtons","querySelectorAll","trigger","at","buttonWidths","horizontalChrome","configuredMaxWidth","maxWidth","embeddedLayout","layoutWidth","viewportWidth","window","visualViewport","document","documentElement","outerAvailableWidth","filter","prefixWidth","actionWidth","total","usedWidth","nextVisibleButtonCount","useLayoutEffect","observer","ResizeObserver","observe","addEventListener","fonts","ready","then","disconnect","removeEventListener","visibleButtons","overflowedButtons","jsxs","cx","id","onClick","ref","tabIndex"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { type MenuAction, MenuActionList } from '../menu/action-list';\nimport { MenuPopover } from '../menu/menu-popover';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n  primary: 2,\n  secondary: 1,\n  tertiary: 0,\n  simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n  default: styles.default,\n  embedded: styles.embedded,\n  fixed: styles.fixed,\n  inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children?: React.ReactNode;\n  maxVisibleButtons?: number;\n  overflow?: 'menu';\n  overflowAccessibleLabel?: string;\n  variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n  buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nfunction OverflowMenu({\n  buttons,\n  menuAccessibleLabel,\n  triggerAccessibleLabel,\n}: {\n  buttons: React.ReactElement<ButtonProps>[];\n  menuAccessibleLabel: string;\n  triggerAccessibleLabel: string;\n}) {\n  const actions: MenuAction<React.ReactElement<ButtonProps>>[] = buttons.map((button) => ({\n    button,\n    isDanger: button.props.intent === 'danger',\n    value: button,\n  }));\n\n  return (\n    <MenuPopover triggerAccessibleLabel={triggerAccessibleLabel}>\n      {({ close, initialFocus }) => (\n        <MenuActionList\n          actions={actions}\n          initialFocus={initialFocus}\n          menuAccessibleLabel={menuAccessibleLabel}\n          onSelect={() => close()}\n          usesMenuSemantics\n        />\n      )}\n    </MenuPopover>\n  );\n}\n\nconst numericStyle = (style: CSSStyleDeclaration, property: keyof CSSStyleDeclaration) => {\n  const value = Number.parseFloat(String(style[property]));\n  return Number.isFinite(value) ? value : 0;\n};\n\nconst pixelStyle = (value: string) => {\n  if (!value.trim().endsWith('px')) return undefined;\n  const parsedValue = Number.parseFloat(value);\n  return Number.isFinite(parsedValue) ? parsedValue : undefined;\n};\n\ntype EmbeddedLayout = {\n  availableWidth: number;\n  parent: HTMLElement;\n  parentWidth: number;\n};\n\nconst availableWidthToRight = (\n  controls: HTMLDivElement,\n  previousLayout?: EmbeddedLayout\n): EmbeddedLayout | undefined => {\n  const parent = controls.parentElement;\n  if (!parent) return undefined;\n\n  const parentRect = parent.getBoundingClientRect();\n  const parentStyle = getComputedStyle(parent);\n  const parentWidth = parentRect.width || parent.clientWidth;\n  const contentLeft =\n    parentRect.left +\n    numericStyle(parentStyle, 'borderLeftWidth') +\n    numericStyle(parentStyle, 'paddingLeft');\n  const contentRight =\n    parentRect.left +\n    parentWidth -\n    numericStyle(parentStyle, 'borderRightWidth') -\n    numericStyle(parentStyle, 'paddingRight');\n  const precedingSiblings = Array.from(parent.children).slice(\n    0,\n    Array.from(parent.children).indexOf(controls)\n  );\n  const occupiedRight = precedingSiblings.reduce(\n    (right, sibling) => Math.max(right, sibling.getBoundingClientRect().right),\n    contentLeft\n  );\n  const gap = precedingSiblings.length > 0 ? numericStyle(parentStyle, 'columnGap') : 0;\n\n  const measuredAvailableWidth = Math.max(0, contentRight - occupiedRight - gap);\n  const parentWidthIncrease =\n    previousLayout?.parent === parent ? Math.max(0, parentWidth - previousLayout.parentWidth) : 0;\n\n  return {\n    availableWidth:\n      parentWidthIncrease > 0\n        ? Math.max(\n            measuredAvailableWidth,\n            (previousLayout?.availableWidth ?? 0) + parentWidthIncrease\n          )\n        : measuredAvailableWidth,\n    parent,\n    parentWidth,\n  };\n};\n\nexport const Controls = ({\n  children,\n  className,\n  maxVisibleButtons,\n  overflow,\n  overflowAccessibleLabel = 'More actions',\n  variant = 'default',\n  ...props\n}: ControlsProps) => {\n  const childArray = Children.toArray(children);\n  const buttons: React.ReactElement<ButtonProps>[] = [];\n  const nonButtons: React.ReactNode[] = [];\n\n  childArray.forEach((child) => {\n    if (isValidElement<ButtonProps>(child) && child.type === Button) {\n      buttons.push(child);\n    } else {\n      nonButtons.push(child);\n    }\n  });\n\n  const sortedButtons = buttons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  const adaptive = variant === 'embedded' || (variant === 'fixed' && overflow === 'menu');\n  const normalizedMaxVisibleButtons =\n    typeof maxVisibleButtons === 'number' && Number.isFinite(maxVisibleButtons)\n      ? Math.floor(maxVisibleButtons)\n      : 0;\n  const visibleButtonLimit =\n    variant === 'embedded' && normalizedMaxVisibleButtons > 0\n      ? Math.min(sortedButtons.length, normalizedMaxVisibleButtons)\n      : sortedButtons.length;\n  const controlsRef = useRef<HTMLDivElement>(null);\n  const embeddedLayoutRef = useRef<EmbeddedLayout>(undefined);\n  const measurementRef = useRef<HTMLDivElement>(null);\n  const nonButtonsRef = useRef<HTMLSpanElement>(null);\n  const [visibleButtonCount, setVisibleButtonCount] = useState(visibleButtonLimit);\n\n  const updateOverflow = useCallback(() => {\n    if (!adaptive) {\n      setVisibleButtonCount(visibleButtonLimit);\n      return;\n    }\n\n    const controls = controlsRef.current;\n    const measurement = measurementRef.current;\n    if (!controls || !measurement) return;\n\n    const measurementButtons = Array.from(\n      measurement.querySelectorAll<HTMLElement>('[data-component=\"button\"]')\n    );\n    const trigger = measurementButtons.at(-1);\n    if (!trigger) return;\n\n    const buttonWidths = measurementButtons\n      .slice(0, sortedButtons.length)\n      .map((button) => button.getBoundingClientRect().width);\n    if (buttonWidths.length !== sortedButtons.length) return;\n\n    const style = getComputedStyle(controls);\n    const horizontalChrome =\n      numericStyle(style, 'paddingLeft') +\n      numericStyle(style, 'paddingRight') +\n      numericStyle(style, 'borderLeftWidth') +\n      numericStyle(style, 'borderRightWidth');\n    const configuredMaxWidth = pixelStyle(style.maxWidth);\n    const embeddedLayout =\n      variant === 'embedded'\n        ? availableWidthToRight(controls, embeddedLayoutRef.current)\n        : undefined;\n    if (embeddedLayout) embeddedLayoutRef.current = embeddedLayout;\n    const layoutWidth = embeddedLayout?.availableWidth ?? controls.parentElement?.clientWidth ?? 0;\n    const viewportWidth = window.visualViewport?.width ?? document.documentElement.clientWidth;\n    const outerAvailableWidth = Math.min(\n      ...[configuredMaxWidth, layoutWidth, viewportWidth].filter(\n        (width): width is number => typeof width === 'number' && Number.isFinite(width) && width > 0\n      )\n    );\n    if (!Number.isFinite(outerAvailableWidth)) return;\n\n    const availableWidth = Math.max(0, outerAvailableWidth - horizontalChrome);\n    const prefixWidth = nonButtonsRef.current?.getBoundingClientRect().width ?? 0;\n    const actionWidth = buttonWidths.reduce((total, width) => total + width, 0);\n\n    if (\n      visibleButtonLimit === sortedButtons.length &&\n      prefixWidth + actionWidth <= availableWidth\n    ) {\n      setVisibleButtonCount((current) =>\n        current === visibleButtonLimit ? current : visibleButtonLimit\n      );\n      return;\n    }\n\n    let usedWidth = prefixWidth + trigger.getBoundingClientRect().width;\n    let nextVisibleButtonCount = 0;\n    for (let index = 0; index < visibleButtonLimit; index += 1) {\n      if (usedWidth + buttonWidths[index] > availableWidth) break;\n      usedWidth += buttonWidths[index];\n      nextVisibleButtonCount = index + 1;\n    }\n\n    setVisibleButtonCount((current) =>\n      current === nextVisibleButtonCount ? current : nextVisibleButtonCount\n    );\n  }, [adaptive, sortedButtons.length, variant, visibleButtonLimit]);\n\n  useLayoutEffect(() => {\n    updateOverflow();\n\n    if (!adaptive) return undefined;\n\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(updateOverflow);\n    if (controlsRef.current) observer?.observe(controlsRef.current);\n    if (controlsRef.current?.parentElement) observer?.observe(controlsRef.current.parentElement);\n    if (variant === 'embedded' && controlsRef.current?.parentElement) {\n      Array.from(controlsRef.current.parentElement.children).forEach((sibling) => {\n        if (sibling !== controlsRef.current) observer?.observe(sibling);\n      });\n    }\n    if (nonButtonsRef.current) observer?.observe(nonButtonsRef.current);\n\n    window.addEventListener('resize', updateOverflow);\n    window.visualViewport?.addEventListener('resize', updateOverflow);\n    void document.fonts?.ready.then(updateOverflow);\n\n    return () => {\n      observer?.disconnect();\n      window.removeEventListener('resize', updateOverflow);\n      window.visualViewport?.removeEventListener('resize', updateOverflow);\n    };\n  }, [adaptive, children, updateOverflow, variant]);\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  const visibleButtons = adaptive ? sortedButtons.slice(0, visibleButtonCount) : sortedButtons;\n  const overflowedButtons = adaptive ? sortedButtons.slice(visibleButtonCount) : [];\n\n  return (\n    <div\n      data-component='controls'\n      data-dynamic-position={variant === 'fixed' ? true : undefined}\n      data-adaptive={adaptive ? true : undefined}\n      className={cx(styles.controls, variants[variant], adaptive && styles.adaptive, className)}\n      ref={controlsRef}\n      {...props}\n    >\n      {adaptive && (\n        <div\n          aria-hidden='true'\n          className={styles.measurement}\n          ref={measurementRef}\n        >\n          {sortedButtons.map((button, index) =>\n            cloneElement(button, {\n              'aria-hidden': true,\n              id: undefined,\n              key: `measure-${String(button.key ?? index)}`,\n              onClick: undefined,\n              ref: undefined,\n              tabIndex: -1,\n            })\n          )}\n          <MenuPopover triggerAccessibleLabel={overflowAccessibleLabel}>{null}</MenuPopover>\n        </div>\n      )}\n      {variant !== 'embedded' && nonButtons.length > 0 && (\n        <span\n          className={styles['non-button-content']}\n          ref={nonButtonsRef}\n        >\n          {nonButtons}\n        </span>\n      )}\n      {visibleButtons}\n      {overflowedButtons.length > 0 && (\n        <span className={styles['overflow-trigger']}>\n          <OverflowMenu\n            buttons={overflowedButtons}\n            menuAccessibleLabel={overflowAccessibleLabel}\n            triggerAccessibleLabel={overflowAccessibleLabel}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["buttonVariantOrder","primary","secondary","tertiary","simple","variants","default","styles","embedded","fixed","inline","getButtonRank","button","props","variant","OverflowMenu","buttons","menuAccessibleLabel","triggerAccessibleLabel","actions","map","isDanger","intent","value","jsx","MenuPopover","close","initialFocus","MenuActionList","numericStyle","style","property","Number","parseFloat","String","isFinite","pixelStyle","trim","endsWith","parsedValue","undefined","availableWidthToRight","controls","previousLayout","parent","parentElement","parentRect","getBoundingClientRect","parentStyle","getComputedStyle","parentWidth","width","clientWidth","contentLeft","left","contentRight","precedingSiblings","Array","from","children","slice","indexOf","occupiedRight","reduce","right","sibling","Math","max","gap","length","measuredAvailableWidth","parentWidthIncrease","availableWidth","Controls","className","maxVisibleButtons","overflow","overflowAccessibleLabel","childArray","Children","toArray","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","index","rank","sort","a","b","cloneElement","key","adaptive","normalizedMaxVisibleButtons","floor","visibleButtonLimit","min","controlsRef","useRef","embeddedLayoutRef","measurementRef","nonButtonsRef","visibleButtonCount","setVisibleButtonCount","useState","updateOverflow","useCallback","current","measurement","measurementButtons","querySelectorAll","trigger","at","buttonWidths","horizontalChrome","configuredMaxWidth","maxWidth","embeddedLayout","layoutWidth","viewportWidth","window","visualViewport","document","documentElement","outerAvailableWidth","filter","prefixWidth","actionWidth","total","usedWidth","nextVisibleButtonCount","useLayoutEffect","observer","ResizeObserver","observe","addEventListener","fonts","ready","then","disconnect","removeEventListener","visibleButtons","overflowedButtons","jsxs","cx","id","onClick","ref","tabIndex"],"mappings":"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"}

package/dist/components/controls/index.js

@@ -14,8 +14,7 @@ import '../../assets/index34.css';const de = "_controls_t1re6_13", se = "_inline
   "non-button-content": "_non-button-content_t1re6_99",
   "overflow-trigger": "_overflow-trigger_t1re6_128"
 }, me = {
-  primary: 3,
-  danger: 2,
+  primary: 2,
   secondary: 1,
   tertiary: 0,
   simple: 0
@@ -32,7 +31,7 @@ function pe({
 }) {
   const g = d.map((o) => ({
     button: o,
-    isDanger: o.props.variant === "danger",
+    isDanger: o.props.intent === "danger",
     value: o
   }));
   return /* @__PURE__ */ v(T, { triggerAccessibleLabel: n, "data-component": "overflowmenu", children: ({