@openameba/spindle-ui 3.2.4 → 3.2.5

package/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":"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"}

package/Toast/Toast.mjs

@@ -31,7 +31,7 @@ export const Toast = ({ children, active: _active, position: _position = 'topCen
             !active && `${BLOCK_NAME}--hidden`,
         ]
             .filter(Boolean)
-            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight(ref?.clientHeight || 0) },
+            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0) },
         React.createElement("div", { className: `${BLOCK_NAME}-content ${BLOCK_NAME}-content--${variant}`, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
             icon && React.createElement("div", { className: `${BLOCK_NAME}-contentInfo` }, icon),
             React.createElement("span", { className: `${BLOCK_NAME}-contentText` }, children),

package/index.css

@@ -18,7 +18,7 @@
 :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-AppealModal-frame{color:var(--color-text-medium-emphasis);display:grid;gap:0;grid-auto-flow:row;grid-template:"Image" "Title" "Body" "ButtonGroup" "CloseButton"/1fr;padding:0 0 24px;width:100%}.spui-AppealModal-image{grid-area:Image}.spui-AppealModal-image img{border-radius:20px 20px 0 0}.spui-AppealModal-title{color:var(--color-text-high-emphasis);font-size:1.125em;font-weight:700;grid-area:Title;line-height:1.4;margin:24px 24px 0;padding:0;text-align:center}.spui-AppealModal-body{color:var(--color-text-medium-emphasis);font-size:.875em;grid-area:Body;line-height:1.6;margin:8px 24px 0;overflow-wrap:break-word;text-align:center}.spui-AppealModal-buttonGroup{align-items:center;grid-area:ButtonGroup;justify-content:center;margin:16px 24px 0;text-align:center}.spui-AppealModal-closeIconButton,.spui-AppealModal-closeTextButton{grid-area:CloseButton}.spui-AppealModal-closeIconButton{display:none}.spui-AppealModal-closeTextButton{margin:20px 24px 0;text-align:center}.spui-AppealModal-buttonGroup :is(.spui-Button,.spui-LinkButton){max-width:240px}@media screen and (min-width:768px){.spui-AppealModal{min-height:300px;min-width:500px}.spui-AppealModal--large{width:1024px}.spui-AppealModal--medium{width:840px}.spui-AppealModal--small{width:480px}.spui-AppealModal-frame{grid-auto-flow:row;grid-template:"Title CloseButton" "Body CloseButton" "Image Image" "ButtonGroup ButtonGroup"/1fr 72px;padding:0 0 36px}.spui-AppealModal-title{margin:32px 16px 0 36px;text-align:left}.spui-AppealModal-body{margin:12px 16px 0 36px;text-align:left}.spui-AppealModal-image{margin:32px 36px 0}.spui-AppealModal-image img{border:var(--AppealModal-image-border);border-radius:var(--AppealModal-image-borderRadius);box-sizing:border-box}.spui-AppealModal-buttonGroup{margin:16px 36px 0}.spui-AppealModal-closeIconButton{--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(
       --color-surface-tertiary
     );display:inline-flex;margin:36px 0 0}.spui-AppealModal-closeTextButton{display:none}}:root{--SemiModal-footer-justifyContent:right;--SemiModal-footer-button-minWidth:160px;--SemiModal-sp-footer-justifyContent:center}.spui-SemiModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);height:-moz-fit-content;height:fit-content;opacity:0;padding:0;position:fixed;transition:opacity .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s;width:-moz-fit-content;width:fit-content}.spui-SemiModal[data-type=sheet]{border-radius:20px 20px 0 0;bottom:0;margin:auto auto 0;transform:translateY(100%);transition:opacity .35s cubic-bezier(0,0,0,1),transform .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s;will-change:translate}.spui-SemiModal--styleOnly,.spui-SemiModal[open],.spui-SemiModal[open]::backdrop{opacity:1}.spui-SemiModal::backdrop{background:rgba(0,0,0,.6);opacity:0;transition:opacity .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s}.spui-SemiModal[data-type=sheet][open]{transform:translateY(0)}@starting-style{.spui-SemiModal[open]{opacity:0}.spui-SemiModal[open]::backdrop{opacity:0}.spui-SemiModal[data-type=sheet][open]{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.spui-SemiModal,.spui-SemiModal::backdrop{transition-duration:.01s}}html:has(.spui-SemiModal[open]){overflow:hidden}@media screen and (max-width:440px){.spui-SemiModal{width:calc(100% - 40px)}}.spui-SemiModal
-:is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 2px var(--color-focus-clarity);outline:none}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-SemiModal-frame{box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;flex-direction:column;padding:0 16px 36px 36px}.spui-SemiModal-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;justify-content:space-between;overflow-wrap:break-word;padding:32px 8px 32px 0}.spui-SemiModal-closeIconButton{height:48px;width:48px;--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary)}.spui-SemiModal-headerTitle{-webkit-box-orient:vertical;color:var(--color-text-high-emphasis);display:-webkit-box;font-size:1.25em;font-weight:600;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:3;line-height:1.4;margin:0;overflow:hidden;width:100%}.spui-SemiModal-contents{line-height:1.6;overflow:hidden scroll}.spui-SemiModal-contents::-webkit-scrollbar{border-radius:4px;width:8px}.spui-SemiModal-contents::-webkit-scrollbar-thumb{background:var(--color-object-low-emphasis);border-radius:4px}.spui-SemiModal-contents::-webkit-scrollbar-track:enabled{background-color:var(--color-surface-secondary);border-radius:4px}.spui-SemiModal-footer{background-color:var(--color-surface-primary);bottom:0;display:flex;padding:24px 20px 0 0}.spui-SemiModal-footer:empty{padding:0 0 36px}@media screen and (min-width:768px){.spui-SemiModal[data-type=popup][data-size=small] .spui-SemiModal-frame{max-height:400px;max-width:480px}.spui-SemiModal[data-type=popup][data-size=medium] .spui-SemiModal-frame{max-height:700px;max-width:840px}.spui-SemiModal[data-type=popup][data-size=large] .spui-SemiModal-frame{max-height:840px;max-width:1024px}.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 200px)}.spui-SemiModal[data-type=sheet][data-size=small] .spui-SemiModal-frame{max-width:480px}.spui-SemiModal[data-type=sheet][data-size=medium] .spui-SemiModal-frame{max-width:840px}.spui-SemiModal[data-type=sheet][data-size=large] .spui-SemiModal-frame{max-width:1024px}.spui-SemiModal-footer{justify-content:var(--SemiModal-footer-justifyContent)}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){min-width:var(--SemiModal-footer-button-minWidth)}}@media screen and (max-width:768px){.spui-SemiModal[data-type=sheet]{margin:auto 0 0;max-width:100%;width:100%}.spui-SemiModal[data-type=popup] .spui-SemiModal-frame,.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 40px)}.spui-SemiModal[data-type=popup]{margin:auto 20px}.spui-SemiModal-contents{max-height:100%}.spui-SemiModal-header{padding:24px 0}.spui-SemiModal-closeIconButton{height:24px;width:24px;--IconButton--neutral-onHover-backgroundColor:transparent}.spui-SemiModal-frame{padding:0 20px 24px}.spui-SemiModal-footer{justify-content:var(--SemiModal-sp-footer-justifyContent);padding:16px 0 0}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){max-width:360px;width:100%}}:root{--Table-backgroundColor:var(--color-surface-primary);--Table-head-backgroundColor:var(--color-surface-tertiary);--Table-cell-backgroundColor:var(--color-surface-primary);--Table-row-striped-backgroundColor:var(--color-background);--Table-head-color:var(--color-text-high-emphasis);--Table-cell-color:var(--color-text-high-emphasis);--Table-footer-color:var(--color-text-high-emphasis);--Table-head-fontWeight:bold;--Table-cell-fontWeight:normal;--Table-footer-fontWeight:normal;--Table-head-fontSize:0.875em;--Table-cell-fontSize:0.875em;--Table-footer-fontSize:0.875em;--Table-head-lineHeight:1.4;--Table-cell-lineHeight:1.4;--Table-footer-lineHeight:1.4;--Table-outlineColor:var(--color-border-strong-emphasis);--Table-cell-borderColor:var(--color-border-low-emphasis);--Table-footer-separatorColor:var(--color-border-medium-emphasis);--Table-borderRadius:16px;--Table-head-padding:12px;--Table-cell-padding:12px;--Table-footer-padding:12px;--Table-caption-color:var(--color-text-low-emphasis);--Table-caption-fontSize:0.75em;--Table-caption-lineHeight:1.6;--Table-caption-fontWeight:normal}.spui-Table-frame{position:relative;width:100%}.spui-Table-frame--scrollable{overflow-x:auto;scroll-behavior:smooth}.spui-Table{background-color:var(--Table-backgroundColor);border-spacing:0;table-layout:auto;width:100%}.spui-Table--fixed{table-layout:fixed}.spui-Table--scrollable{min-width:-moz-max-content;min-width:max-content;width:100%}.spui-Table--horizontal .spui-Table-cell,.spui-Table--horizontal .spui-Table-head{border-bottom:1px solid var(--Table-cell-borderColor)}.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-head{border-top:2px solid var(--Table-footer-separatorColor)}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--vertical .spui-Table-cell,.spui-Table--vertical .spui-Table-head{border-right:1px solid var(--Table-cell-borderColor)}.spui-Table--vertical .spui-Table-cell:last-child,.spui-Table--vertical .spui-Table-head:last-child{border-right:none}.spui-Table--outlined{border:1px solid var(--Table-outlineColor)}.spui-Table-footer .spui-Table-cell{background-color:var(--Table-cell-backgroundColor)}.spui-Table-footer .spui-Table-cell,.spui-Table-footer .spui-Table-head{color:var(--Table-footer-color);font-size:var(--Table-footer-fontSize);font-weight:var(--Table-footer-fontWeight);line-height:var(--Table-footer-lineHeight);padding:var(--Table-footer-padding)}.spui-Table--rounded{border-collapse:separate;border-spacing:0}.spui-Table--rounded,.spui-Table--rounded.spui-Table--outlined{border-radius:var(--Table-borderRadius)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:first-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:last-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--striped .spui-Table-body .spui-Table-row:nth-child(2n) .spui-Table-cell{background-color:var(--Table-row-striped-backgroundColor)}.spui-Table-caption{caption-side:bottom;color:var(--Table-caption-color);font-size:var(--Table-caption-fontSize);font-weight:var(--Table-caption-fontWeight);line-height:var(--Table-caption-lineHeight);margin-top:12px;text-align:left}.spui-Table-head{background-color:var(--Table-head-backgroundColor);box-sizing:border-box;color:var(--Table-head-color);font-size:var(--Table-head-fontSize);font-weight:var(--Table-head-fontWeight);line-height:var(--Table-head-lineHeight);overflow-wrap:break-word;padding:var(--Table-head-padding);text-align:left;vertical-align:middle}.spui-Table-head--alignLeft{text-align:left}.spui-Table-head--alignCenter{text-align:center}.spui-Table-head--alignRight{text-align:right}.spui-Table-cell{background-color:var(--Table-cell-backgroundColor);box-sizing:border-box;color:var(--Table-cell-color);font-size:var(--Table-cell-fontSize);font-weight:var(--Table-cell-fontWeight);line-height:var(--Table-cell-lineHeight);overflow-wrap:break-word;padding:var(--Table-cell-padding);text-align:left;vertical-align:middle}.spui-Table-cell--alignLeft{text-align:left}.spui-Table-cell--alignCenter{text-align:center}.spui-Table-cell--alignRight{text-align:right}@media (prefers-reduced-motion:reduce){.spui-Table-frame--scrollable{scroll-behavior:auto}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor);text-decoration:underline}.spui-TextButton:disabled{opacity:.3;text-decoration:none}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor);text-decoration:underline}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{color:var(--TextLink-icon-color);line-height:0}.spui-TextLink--subtle .spui-TextLink-icon{color:var(--TextLink--subtle-icon-color)}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--Toast-z-index:1}.spui-Toast{box-sizing:border-box;left:0;opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:0;text-align:center;z-index:var(--Toast-z-index)}.spui-Toast-content{align-items:center;border-radius:52px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-flex;margin:0;max-width:360px;min-height:48px;padding:0 16px 0 20px;pointer-events:auto}.spui-Toast-contentInfo{flex-shrink:0;font-size:1.375rem;line-height:0;margin-right:8px}.spui-Toast-contentText{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.6;overflow:hidden;white-space:nowrap}.spui-Toast--top{top:0;transform:translateY(calc(var(--Toast--initial-height) - var(--Toast--offset-top)))}.spui-Toast--bottom{bottom:0;transform:translateY(calc((var(--Toast--initial-height) - var(--Toast--offset-bottom))*-1))}.spui-Toast--slide{transition:transform .3s ease,opacity .3s ease}.spui-Toast--hidden{visibility:hidden}.spui-Toast-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-Toast-slide--in.spui-Toast--top{transform:translateY(var(--Toast--order-offset-top))}.spui-Toast-slide--in.spui-Toast--bottom{transform:translateY(var(--Toast--order-offset-bottom))}.spui-Toast-iconButton{--IconButton--neutral-backgroundColor:transparent;margin-left:12px}.spui-Toast-contentInfo--information{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--information{background-color:var(--color-surface-accent-neutral-high-emphasis);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-Toast-contentInfo--confirmation{color:var(--color-object-accent-primary)}.spui-Toast-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-Toast-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-Toast-contentInfo--error{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}@media (prefers-reduced-motion:reduce){.spui-Toast--slide,.spui-Toast-slide--in{transition-duration:.1ms}}@media (max-width:384px){.spui-Toast-content{max-width:100%}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{bottom:0;padding:0 12px;text-align:center;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}:root{--MoreLink-tapHighlightColor:var(--gray-5-alpha);--MoreLink-backGroundColor:var(--color-surface-primary);--MoreLink-color:var(--color-text-accent-primary);--MoreLink-onFocus-outlineColor:var(--color-focus-clarity);--MoreLink-onHover-backgroundColor:var(--color-surface-accent-primary-light);--MoreLink-icon-color:var(--color-object-accent-primary)}.spui-MoreLink{align-items:center;background-color:var(--MoreLink-backGroundColor);box-sizing:border-box;color:var(--MoreLink-color);display:flex;font-family:inherit;font-size:1em;font-weight:700;justify-content:space-between;line-height:1.4;min-height:56px;padding:16px;-webkit-tap-highlight-color:var(--MoreLink-tapHighlightColor);text-decoration:none;transition:background-color .3s}.spui-MoreLink:focus{outline:2px solid var(--MoreLink-onFocus-outlineColor);outline-offset:1px}.spui-MoreLink:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-MoreLink:hover{background:var(--MoreLink-onHover-backgroundColor)}}.spui-MoreLink-icon{line-height:0;margin-left:12px}.spui-MoreLink-chevron{color:var(--MoreLink-icon-color)}:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;list-style:none;margin:0;padding:12px 0;position:absolute;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{bottom:auto;left:0;margin-top:8px;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{bottom:auto;left:auto;margin-top:8px;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out 0s}}.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first:disabled,.spui-PaginationItem-link--last:disabled,.spui-PaginationItem-link--next:disabled,.spui-PaginationItem-link--prev:disabled{opacity:.3}.spui-PaginationItem-link:not(:disabled):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not(:disabled):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}.spui-Rating{align-items:center;display:flex;gap:8px}.spui-Rating-image{display:flex;gap:2px;line-height:0}.spui-Rating-text{color:var(--color-text-high-emphasis);font-weight:700;line-height:1.4;margin:0}.spui-Rating--large .spui-Rating-text{font-size:1.25em}.spui-Rating--medium .spui-Rating-text{font-size:1em}.spui-Rating--small .spui-Rating-text{font-size:.8125em}.spui-Rating-item--active{display:block;position:relative}.spui-Rating-icon{color:var(--color-border-high-emphasis)}.spui-Rating-item--front{height:100%;overflow:hidden}.spui-Rating-item--front,.spui-Rating-item--front .spui-Rating-icon{left:0;position:absolute;top:0}.spui-Rating-item--active .spui-Rating-icon{color:transparent}.spui-Rating-item--active .spui-Rating-item--front .spui-Rating-icon,.spui-Rating-item--full .spui-Rating-icon{color:var(--color-object-rating)}.spui-Rating--large .spui-Rating-icon{font-size:1.25em}.spui-Rating--medium .spui-Rating-icon{font-size:1em}.spui-Rating--small .spui-Rating-icon{font-size:.8125em}:root{--InlineNotification--neutral-backgroundColor:var(--white-20-alpha);--InlineNotification--neutral-color:var(--color-text-high-emphasis-inverse);--InlineNotification--neutral-onHover-backgroundColor:var(--white-30-alpha);--InlineNotification--neutral-onActive-backgroundColor:var(--white-30-alpha);--InlineNotification--outlined-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--outlined-onActive-backgroundColor:var(
+:is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 2px var(--color-focus-clarity);outline:none}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-SemiModal-frame{box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;flex-direction:column;padding:0 16px 36px 36px}.spui-SemiModal-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;justify-content:space-between;overflow-wrap:break-word;padding:32px 8px 32px 0}.spui-SemiModal-closeIconButton{height:48px;width:48px;--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary)}.spui-SemiModal-headerTitle{-webkit-box-orient:vertical;color:var(--color-text-high-emphasis);display:-webkit-box;font-size:1.25em;font-weight:600;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:3;line-height:1.4;margin:0;overflow:hidden;width:100%}.spui-SemiModal-contents{line-height:1.6;overflow:hidden scroll}.spui-SemiModal-contents::-webkit-scrollbar{border-radius:4px;width:8px}.spui-SemiModal-contents::-webkit-scrollbar-thumb{background:var(--color-object-low-emphasis);border-radius:4px}.spui-SemiModal-contents::-webkit-scrollbar-track:enabled{background-color:var(--color-surface-secondary);border-radius:4px}.spui-SemiModal-footer{background-color:var(--color-surface-primary);bottom:0;display:flex;padding:24px 20px 0 0}.spui-SemiModal-footer:empty{padding:0 0 36px}@media screen and (min-width:768px){.spui-SemiModal[data-type=popup][data-size=small] .spui-SemiModal-frame{max-height:400px;max-width:480px}.spui-SemiModal[data-type=popup][data-size=medium] .spui-SemiModal-frame{max-height:700px;max-width:840px}.spui-SemiModal[data-type=popup][data-size=large] .spui-SemiModal-frame{max-height:840px;max-width:1024px}.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 200px)}.spui-SemiModal[data-type=sheet][data-size=small] .spui-SemiModal-frame{max-width:480px}.spui-SemiModal[data-type=sheet][data-size=medium] .spui-SemiModal-frame{max-width:840px}.spui-SemiModal[data-type=sheet][data-size=large] .spui-SemiModal-frame{max-width:1024px}.spui-SemiModal-footer{justify-content:var(--SemiModal-footer-justifyContent)}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){min-width:var(--SemiModal-footer-button-minWidth)}}@media screen and (max-width:768px){.spui-SemiModal[data-type=sheet]{margin:auto 0 0;max-width:100%;width:100%}.spui-SemiModal[data-type=popup] .spui-SemiModal-frame,.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 40px)}.spui-SemiModal[data-type=popup]{margin:auto 20px}.spui-SemiModal-contents{max-height:100%}.spui-SemiModal-header{padding:24px 0}.spui-SemiModal-closeIconButton{height:24px;width:24px;--IconButton--neutral-onHover-backgroundColor:transparent}.spui-SemiModal-frame{padding:0 20px 24px}.spui-SemiModal-footer{justify-content:var(--SemiModal-sp-footer-justifyContent);padding:16px 0 0}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){max-width:360px;width:100%}}:root{--Table-backgroundColor:var(--color-surface-primary);--Table-head-backgroundColor:var(--color-surface-tertiary);--Table-cell-backgroundColor:var(--color-surface-primary);--Table-row-striped-backgroundColor:var(--color-background);--Table-head-color:var(--color-text-high-emphasis);--Table-cell-color:var(--color-text-high-emphasis);--Table-footer-color:var(--color-text-high-emphasis);--Table-head-fontWeight:bold;--Table-cell-fontWeight:normal;--Table-footer-fontWeight:normal;--Table-head-fontSize:0.875em;--Table-cell-fontSize:0.875em;--Table-footer-fontSize:0.875em;--Table-head-lineHeight:1.4;--Table-cell-lineHeight:1.4;--Table-footer-lineHeight:1.4;--Table-outlineColor:var(--color-border-strong-emphasis);--Table-cell-borderColor:var(--color-border-low-emphasis);--Table-footer-separatorColor:var(--color-border-medium-emphasis);--Table-borderRadius:16px;--Table-head-padding:12px;--Table-cell-padding:12px;--Table-footer-padding:12px;--Table-caption-color:var(--color-text-low-emphasis);--Table-caption-fontSize:0.75em;--Table-caption-lineHeight:1.6;--Table-caption-fontWeight:normal}.spui-Table-frame{position:relative;width:100%}.spui-Table-frame--scrollable{overflow-x:auto;scroll-behavior:smooth}.spui-Table{background-color:var(--Table-backgroundColor);border-spacing:0;table-layout:auto;width:100%}.spui-Table--fixed{table-layout:fixed}.spui-Table--scrollable{min-width:-moz-max-content;min-width:max-content;width:100%}.spui-Table--horizontal .spui-Table-cell,.spui-Table--horizontal .spui-Table-head{border-bottom:1px solid var(--Table-cell-borderColor)}.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-head{border-top:2px solid var(--Table-footer-separatorColor)}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--vertical .spui-Table-cell,.spui-Table--vertical .spui-Table-head{border-right:1px solid var(--Table-cell-borderColor)}.spui-Table--vertical .spui-Table-cell:last-child,.spui-Table--vertical .spui-Table-head:last-child{border-right:none}.spui-Table--outlined{border:1px solid var(--Table-outlineColor)}.spui-Table-footer .spui-Table-cell{background-color:var(--Table-cell-backgroundColor)}.spui-Table-footer .spui-Table-cell,.spui-Table-footer .spui-Table-head{color:var(--Table-footer-color);font-size:var(--Table-footer-fontSize);font-weight:var(--Table-footer-fontWeight);line-height:var(--Table-footer-lineHeight);padding:var(--Table-footer-padding)}.spui-Table--rounded{border-collapse:separate;border-spacing:0}.spui-Table--rounded,.spui-Table--rounded.spui-Table--outlined{border-radius:var(--Table-borderRadius)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:first-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:last-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--striped .spui-Table-body .spui-Table-row:nth-child(2n) .spui-Table-cell{background-color:var(--Table-row-striped-backgroundColor)}.spui-Table-caption{caption-side:bottom;color:var(--Table-caption-color);font-size:var(--Table-caption-fontSize);font-weight:var(--Table-caption-fontWeight);line-height:var(--Table-caption-lineHeight);margin-top:12px;text-align:left}.spui-Table-head{background-color:var(--Table-head-backgroundColor);box-sizing:border-box;color:var(--Table-head-color);font-size:var(--Table-head-fontSize);font-weight:var(--Table-head-fontWeight);line-height:var(--Table-head-lineHeight);overflow-wrap:break-word;padding:var(--Table-head-padding);text-align:left;vertical-align:middle}.spui-Table-head--alignLeft{text-align:left}.spui-Table-head--alignCenter{text-align:center}.spui-Table-head--alignRight{text-align:right}.spui-Table-cell{background-color:var(--Table-cell-backgroundColor);box-sizing:border-box;color:var(--Table-cell-color);font-size:var(--Table-cell-fontSize);font-weight:var(--Table-cell-fontWeight);line-height:var(--Table-cell-lineHeight);overflow-wrap:break-word;padding:var(--Table-cell-padding);text-align:left;vertical-align:middle}.spui-Table-cell--alignLeft{text-align:left}.spui-Table-cell--alignCenter{text-align:center}.spui-Table-cell--alignRight{text-align:right}@media (prefers-reduced-motion:reduce){.spui-Table-frame--scrollable{scroll-behavior:auto}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor);text-decoration:underline}.spui-TextButton:disabled{opacity:.3;text-decoration:none}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor);text-decoration:underline}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{color:var(--TextLink-icon-color);line-height:0}.spui-TextLink--subtle .spui-TextLink-icon{color:var(--TextLink--subtle-icon-color)}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--Toast-z-index:1}.spui-Toast{box-sizing:border-box;left:0;opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:0;text-align:center;z-index:var(--Toast-z-index)}.spui-Toast-content{align-items:center;border-radius:52px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-flex;margin:0;max-width:360px;min-height:48px;padding:0 16px 0 20px;pointer-events:auto}.spui-Toast-contentInfo{flex-shrink:0;font-size:1.375rem;line-height:0;margin-right:8px}.spui-Toast-contentText{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.6;overflow:hidden;white-space:nowrap}.spui-Toast--top{top:0;transform:translateY(calc(var(--Toast--initial-height) - var(--Toast--offset-top)))}.spui-Toast--bottom{bottom:0;transform:translateY(calc((var(--Toast--initial-height) - var(--Toast--offset-bottom))*-1))}.spui-Toast--slide{transition:transform .3s ease,opacity .3s ease}.spui-Toast--hidden{visibility:hidden}.spui-Toast-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-Toast-slide--in.spui-Toast--top{transform:translateY(var(--Toast--order-offset-top))}.spui-Toast-slide--in.spui-Toast--bottom{transform:translateY(var(--Toast--order-offset-bottom))}.spui-Toast-iconButton{--IconButton--neutral-backgroundColor:transparent;margin-left:12px}.spui-Toast-contentInfo--information{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--information{background-color:var(--color-surface-accent-neutral-high-emphasis);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-Toast-contentInfo--confirmation{color:var(--color-object-accent-primary)}.spui-Toast-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-Toast-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-Toast-contentInfo--error{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}@media (prefers-reduced-motion:reduce){.spui-Toast--slide,.spui-Toast-slide--in{transition-duration:.1ms}}@media (max-width:384px){.spui-Toast-content{max-width:100%}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{padding:0 12px;text-align:center;bottom:0;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}:root{--MoreLink-tapHighlightColor:var(--gray-5-alpha);--MoreLink-backGroundColor:var(--color-surface-primary);--MoreLink-color:var(--color-text-accent-primary);--MoreLink-onFocus-outlineColor:var(--color-focus-clarity);--MoreLink-onHover-backgroundColor:var(--color-surface-accent-primary-light);--MoreLink-icon-color:var(--color-object-accent-primary)}.spui-MoreLink{align-items:center;background-color:var(--MoreLink-backGroundColor);box-sizing:border-box;color:var(--MoreLink-color);display:flex;font-family:inherit;font-size:1em;font-weight:700;justify-content:space-between;line-height:1.4;min-height:56px;padding:16px;-webkit-tap-highlight-color:var(--MoreLink-tapHighlightColor);text-decoration:none;transition:background-color .3s}.spui-MoreLink:focus{outline:2px solid var(--MoreLink-onFocus-outlineColor);outline-offset:1px}.spui-MoreLink:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-MoreLink:hover{background:var(--MoreLink-onHover-backgroundColor)}}.spui-MoreLink-icon{line-height:0;margin-left:12px}.spui-MoreLink-chevron{color:var(--MoreLink-icon-color)}:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;list-style:none;margin:0;padding:12px 0;position:absolute;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{bottom:auto;left:0;margin-top:8px;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{bottom:auto;left:auto;margin-top:8px;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out 0s}}.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first:disabled,.spui-PaginationItem-link--last:disabled,.spui-PaginationItem-link--next:disabled,.spui-PaginationItem-link--prev:disabled{opacity:.3}.spui-PaginationItem-link:not(:disabled):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not(:disabled):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}.spui-Rating{align-items:center;display:flex;gap:8px}.spui-Rating-image{display:flex;gap:2px;line-height:0}.spui-Rating-text{color:var(--color-text-high-emphasis);font-weight:700;line-height:1.4;margin:0}.spui-Rating--large .spui-Rating-text{font-size:1.25em}.spui-Rating--medium .spui-Rating-text{font-size:1em}.spui-Rating--small .spui-Rating-text{font-size:.8125em}.spui-Rating-item--active{display:block;position:relative}.spui-Rating-icon{color:var(--color-border-high-emphasis)}.spui-Rating-item--front{height:100%;overflow:hidden}.spui-Rating-item--front,.spui-Rating-item--front .spui-Rating-icon{left:0;position:absolute;top:0}.spui-Rating-item--active .spui-Rating-icon{color:transparent}.spui-Rating-item--active .spui-Rating-item--front .spui-Rating-icon,.spui-Rating-item--full .spui-Rating-icon{color:var(--color-object-rating)}.spui-Rating--large .spui-Rating-icon{font-size:1.25em}.spui-Rating--medium .spui-Rating-icon{font-size:1em}.spui-Rating--small .spui-Rating-icon{font-size:.8125em}:root{--InlineNotification--neutral-backgroundColor:var(--white-20-alpha);--InlineNotification--neutral-color:var(--color-text-high-emphasis-inverse);--InlineNotification--neutral-onHover-backgroundColor:var(--white-30-alpha);--InlineNotification--neutral-onActive-backgroundColor:var(--white-30-alpha);--InlineNotification--outlined-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--outlined-onActive-backgroundColor:var(
     --white-50-alpha
   );--InlineNotification--contained-backgroundColor:var(--color-surface-primary);--InlineNotification--contained-color:var(--color-text-accent-primary);--InlineNotification--contained-onHover-backgroundColor:var(
     --white-70-alpha

package/index.mjs

@@ -3,11 +3,9 @@ export { Button } from "./Button/index.mjs";
 export { ButtonGroup } from "./ButtonGroup/index.mjs";
 export { Dialog } from "./Dialog/index.mjs";
 export { DropdownMenu } from "./DropdownMenu/index.mjs";
-import * as Form_1 from "./Form/index.mjs";
-export { Form_1 as Form };
+export * as Form from "./Form/index.mjs";
 export { HeroCarousel } from "./HeroCarousel/index.mjs";
-import * as Icon_1 from "./Icon/index.mjs";
-export { Icon_1 as Icon };
+export * as Icon from "./Icon/index.mjs";
 export { IconButton } from "./IconButton/index.mjs";
 export { InlineNotification } from "./InlineNotification/index.mjs";
 export { LinkButton } from "./LinkButton/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openameba/spindle-ui",
-  "version": "3.2.4",
+  "version": "3.2.5",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -27,51 +27,51 @@
     }
   },
   "dependencies": {
-    "@openameba/spindle-hooks": "^1.10.0",
     "ameba-color-palette.css": "^4.17.0",
-    "use-callback-ref": "^1.3.3"
+    "use-callback-ref": "^1.3.3",
+    "@openameba/spindle-hooks": "^1.10.2"
   },
   "devDependencies": {
-    "@figma/code-connect": "1.4.2",
-    "@storybook/addon-a11y": "10.3.1",
-    "@storybook/addon-docs": "10.3.1",
-    "@storybook/addon-mcp": "0.4.2",
-    "@storybook/addon-webpack5-compiler-swc": "4.0.2",
-    "@storybook/react": "10.3.1",
-    "@storybook/react-webpack5": "10.3.1",
+    "@figma/code-connect": "1.4.4",
+    "@storybook/addon-a11y": "10.3.6",
+    "@storybook/addon-docs": "10.3.6",
+    "@storybook/addon-mcp": "0.6.0",
+    "@storybook/addon-webpack5-compiler-swc": "4.0.3",
+    "@storybook/react": "10.3.6",
+    "@storybook/react-webpack5": "10.3.6",
     "@svgr/cli": "8.1.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/react": "19.2.14",
-    "@vitest/ui": "4.1.0",
+    "@vitest/ui": "4.1.5",
     "@vscode/web-custom-data": "0.6.3",
-    "autoprefixer": "10.4.27",
-    "bundlewatch": "0.4.1",
-    "cssnano": "7.1.3",
+    "autoprefixer": "10.5.0",
+    "bundlewatch": "0.4.2",
+    "cssnano": "8.0.1",
     "dialog-polyfill": "0.5.6",
-    "dotenv": "17.3.1",
+    "dotenv": "17.4.2",
     "figma-api": "1.12.0",
-    "firebase-tools": "15.11.0",
-    "jsdom": "29.0.1",
-    "postcss": "8.5.8",
+    "firebase-tools": "15.17.0",
+    "jsdom": "29.1.1",
+    "postcss": "8.5.14",
     "postcss-cli": "11.0.1",
     "postcss-import": "16.1.1",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "reg-keygen-git-hash-plugin": "0.14.5",
     "reg-notify-github-plugin": "0.14.5",
     "reg-publish-gcs-plugin": "0.14.4",
     "reg-suit": "0.14.5",
     "scaffdog": "4.1.0",
-    "storybook": "10.3.1",
+    "storybook": "10.3.6",
     "stylelint": "16.26.1",
     "stylelint-config-standard": "39.0.1",
     "stylelint-order": "8.1.1",
     "stylelint-selector-bem-pattern": "4.0.1",
     "tsx": "4.21.0",
-    "vitest": "4.1.0"
+    "vitest": "4.1.5"
   },
   "scripts": {
     "generate": "scaffdog generate",

package/tsconfig.cjs.json

@@ -1,8 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES2018",
     "outDir": "dist",
+    "rootDir": "./src",
+    "module": "Node16",
+    "moduleResolution": "Node16",
     "sourceMap": true,
     "declaration": true,
     "declarationMap": true,

package/tsconfig.esm.json

@@ -1,9 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "ES2018",
     "outDir": "dist",
-    "moduleResolution": "node",
+    "rootDir": "./src",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
     "skipLibCheck": true
   }
 }