@aivenio/aquarium 1.70.0 → 1.71.0

package/dist/src/molecules/SegmentedControl/SegmentedControl.js

@@ -12,41 +12,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const SegmentedControl = (_a) => {
-    var { children, value, dense = false, variant = 'filled', selected = false, className } = _a, rest = __rest(_a, ["children", "value", "dense", "variant", "selected", "className"]);
+    var { children, value, dense: _dense = false, variant: _variant = 'filled', selected = false, className } = _a, rest = __rest(_a, ["children", "value", "dense", "variant", "selected", "className"]);
     return (React.createElement("li", null,
-        React.createElement("button", Object.assign({ type: "button" }, rest, { className: classNames(getCommonClassNames(dense, selected), !rest.disabled && getHoverClassNames(variant), selected && getSelectedClassNames(variant), className), "aria-pressed": selected }), children)));
+        React.createElement("button", Object.assign({ type: "button" }, rest, { className: classNames(getBaseSegmentedControlClassNames(selected), className), "aria-pressed": selected }), children)));
 };
 export const SegmentedControlGroup = (_a) => {
-    var { value, onChange, variant = 'filled', dense = false, children, className, ariaLabel } = _a, rest = __rest(_a, ["value", "onChange", "variant", "dense", "children", "className", "ariaLabel"]);
-    const classes = tw('rounded flex', {
-        'border border-default text-muted': variant === 'outlined',
-        'bg-muted': variant === 'raised',
-    });
-    return (React.createElement("ul", Object.assign({}, rest, { "aria-label": ariaLabel, className: classNames('Aquarium-SegmentedControl', classes, className) }), React.Children.map(children, (child) => React.cloneElement(child, {
-        dense,
-        variant,
+    var { value, onChange, variant: _variant = 'filled', dense: _dense = false, children, className, ariaLabel } = _a, rest = __rest(_a, ["value", "onChange", "variant", "dense", "children", "className", "ariaLabel"]);
+    return (React.createElement("ul", Object.assign({}, rest, { "aria-label": ariaLabel, className: classNames('Aquarium-SegmentedControl', 'flex border border-default rounded-sm divide-x divide-grey-20', className) }), React.Children.map(children, (child) => React.cloneElement(child, {
         onClick: () => onChange(child.props.value),
         selected: child.props.value === value,
     }))));
 };
 /* </SegmentedControlGroup> */
-const getHoverClassNames = (variant) => tw('hover:text-intense', {
-    'hover:bg-muted': variant !== 'raised',
-    'hover:bg-default': variant === 'raised',
-}, {
-    'active:bg-default': variant !== 'raised',
-    'active:bg-intense': variant === 'raised',
+const getBaseSegmentedControlClassNames = (selected) => tw('transition whitespace-nowrap rounded-sm px-4 py-[10px] hover:bg-primary-hover', 'focus-visible:outline-none focus-visible:relative focus-visible:z-50 focus-visible:ring-1 focus-visible:ring-offset-0 focusable', 'disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted', {
+    'typography-small text-default bg-body': !selected,
+    'typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-80': selected,
 });
-const getSelectedClassNames = (variant) => tw('relative z-40 text-intense', {
-    'bg-white ring-2 ring-offset-0 ring-grey-30 focus:ring-2': variant === 'outlined',
-    'bg-white shadow-2dp': variant === 'raised',
-    'bg-default': variant === 'filled',
-});
-const getCommonClassNames = (dense, selected) => tw('transition whitespace-nowrap rounded mr-1', 'focus:outline-none focus:ring-1 focus:ring-offset-0 focus:ring-grey-60', 'disabled:cursor-not-allowed disabled:text-inactive', {
-    'py-4 px-5': !dense,
-    'py-2 px-4': dense,
-    'typography-default-strong': !dense,
-    'typography-small-strong': dense,
-    'text-muted': !selected,
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBc0JwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssR0FBRyxLQUFLLEVBQ2IsT0FBTyxHQUFHLFFBQVEsRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0M7UUFDRSw4Q0FDRSxJQUFJLEVBQUMsUUFBUSxJQUNULElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEVBQ3BDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsRUFDN0MsUUFBUSxJQUFJLHFCQUFxQixDQUFDLE9BQU8sQ0FBQyxFQUMxQyxTQUFTLENBQ1Ysa0JBQ2EsUUFBUSxLQUVyQixRQUFRLENBQ0YsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBcUJGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBU3ZCLEVBQWUsRUFBRTtRQVRNLEVBQ3JELEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxHQUFHLFFBQVEsRUFDbEIsS0FBSyxHQUFHLEtBQUssRUFDYixRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVI4QywrRUFTdEQsQ0FEUTtJQUVQLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQyxjQUFjLEVBQUU7UUFDakMsa0NBQWtDLEVBQUUsT0FBTyxLQUFLLFVBQVU7UUFDMUQsVUFBVSxFQUFFLE9BQU8sS0FBSyxRQUFRO0tBQ2pDLENBQUMsQ0FBQztJQUNILE9BQU8sQ0FDTCw0Q0FBUSxJQUFJLGtCQUFjLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLDJCQUEyQixFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsS0FDeEcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FDdEMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUU7UUFDeEIsS0FBSztRQUNMLE9BQU87UUFDUCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzFDLFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLO0tBQ3RDLENBQUMsQ0FDSCxDQUNFLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLDhCQUE4QjtBQUU5QixNQUFNLGtCQUFrQixHQUFHLENBQUMsT0FBZ0IsRUFBRSxFQUFFLENBQzlDLEVBQUUsQ0FDQSxvQkFBb0IsRUFDcEI7SUFDRSxnQkFBZ0IsRUFBRSxPQUFPLEtBQUssUUFBUTtJQUN0QyxrQkFBa0IsRUFBRSxPQUFPLEtBQUssUUFBUTtDQUN6QyxFQUNEO0lBQ0UsbUJBQW1CLEVBQUUsT0FBTyxLQUFLLFFBQVE7SUFDekMsbUJBQW1CLEVBQUUsT0FBTyxLQUFLLFFBQVE7Q0FDMUMsQ0FDRixDQUFDO0FBRUosTUFBTSxxQkFBcUIsR0FBRyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUNqRCxFQUFFLENBQUMsNEJBQTRCLEVBQUU7SUFDL0IseURBQXlELEVBQUUsT0FBTyxLQUFLLFVBQVU7SUFDakYscUJBQXFCLEVBQUUsT0FBTyxLQUFLLFFBQVE7SUFDM0MsWUFBWSxFQUFFLE9BQU8sS0FBSyxRQUFRO0NBQ25DLENBQUMsQ0FBQztBQUVMLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxLQUFjLEVBQUUsUUFBaUIsRUFBRSxFQUFFLENBQ2hFLEVBQUUsQ0FDQSwyQ0FBMkMsRUFDM0Msd0VBQXdFLEVBQ3hFLG9EQUFvRCxFQUNwRDtJQUNFLFdBQVcsRUFBRSxDQUFDLEtBQUs7SUFDbkIsV0FBVyxFQUFFLEtBQUs7SUFDbEIsMkJBQTJCLEVBQUUsQ0FBQyxLQUFLO0lBQ25DLHlCQUF5QixFQUFFLEtBQUs7SUFDaEMsWUFBWSxFQUFFLENBQUMsUUFBUTtDQUN4QixDQUNGLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNEJwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixPQUFPLEVBQUUsUUFBUSxHQUFHLFFBQVEsRUFDNUIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0M7UUFDRSw4Q0FDRSxJQUFJLEVBQUMsUUFBUSxJQUNULElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUFDLGlDQUFpQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxrQkFDL0QsUUFBUSxLQUVyQixRQUFRLENBQ0YsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBMkJGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBU3ZCLEVBQWUsRUFBRTtRQVRNLEVBQ3JELEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUFFLFFBQVEsR0FBRyxRQUFRLEVBQzVCLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVI4QywrRUFTdEQsQ0FEUTtJQUVQLE9BQU8sQ0FDTCw0Q0FDTSxJQUFJLGtCQUNJLFNBQVMsRUFDckIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsMkJBQTJCLEVBQzNCLCtEQUErRCxFQUMvRCxTQUFTLENBQ1YsS0FFQSxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUN0QyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtRQUN4QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzFDLFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLO0tBQ3RDLENBQUMsQ0FDSCxDQUNFLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLDhCQUE4QjtBQUU5QixNQUFNLGlDQUFpQyxHQUFHLENBQUMsUUFBaUIsRUFBRSxFQUFFLENBQzlELEVBQUUsQ0FDQSwrRUFBK0UsRUFDL0UsaUlBQWlJLEVBQ2pJLHNFQUFzRSxFQUN0RTtJQUNFLHVDQUF1QyxFQUFFLENBQUMsUUFBUTtJQUNsRCxpR0FBaUcsRUFBRSxRQUFRO0NBQzVHLENBQ0YsQ0FBQyJ9

package/dist/styles.css

@@ -1230,9 +1230,6 @@ input[type='number'].no-arrows {
 .ml-3{
   margin-left: 8px;
 }
-.mr-1{
-  margin-right: 2px;
-}
 .mb-\[-2px\]{
   margin-bottom: -2px;
 }
@@ -1673,6 +1670,15 @@ input[type='number'].no-arrows {
   -moz-column-gap: 24px;
        column-gap: 24px;
 }
+.divide-x>:not([hidden])~:not([hidden]){
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(1px * var(--tw-divide-x-reverse));
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+}
+.divide-grey-20>:not([hidden])~:not([hidden]){
+  border-color: #d2d2d6;
+  border-color: var(--aquarium-colors-grey-20, #d2d2d6);
+}
 .self-start{
   align-self: flex-start;
 }
@@ -2075,6 +2081,10 @@ input[type='number'].no-arrows {
   padding-left: 0;
   padding-right: 0;
 }
+.py-\[10px\]{
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
 .pt-3{
   padding-top: 8px;
 }
@@ -2626,12 +2636,6 @@ input[type='number'].no-arrows {
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
-.shadow-2dp{
-  --tw-shadow: var(--aquarium-box-shadow-2dp, 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24));
-  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
-}
 .outline-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2648,12 +2652,6 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
-.ring-2{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
-}
 .ring{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2666,9 +2664,6 @@ input[type='number'].no-arrows {
 .ring-primary-80{
   --tw-ring-color: var(--aquarium-colors-primary-80, #3545be);
 }
-.ring-grey-30{
-  --tw-ring-color: var(--aquarium-colors-grey-30, #b4b4bb);
-}
 .ring-offset-0{
   --tw-ring-offset-width: 0px;
 }
@@ -2919,23 +2914,17 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
-.focus\:ring-2:focus{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+.focus-visible\:relative.focus-visible{
+  position: relative;
 }
-.focus\:ring-1:focus{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+.focus-visible\:relative:focus-visible{
+  position: relative;
 }
-.focus\:ring-grey-60:focus{
-  --tw-ring-color: var(--aquarium-colors-grey-60, #5a5b6a);
+.focus-visible\:z-50.focus-visible{
+  z-index: 50;
 }
-.focus\:ring-offset-0:focus{
-  --tw-ring-offset-width: 0px;
+.focus-visible\:z-50:focus-visible{
+  z-index: 50;
 }
 .focus-visible\:border-info-default.focus-visible{
   border-color: #0399e3;
@@ -2977,6 +2966,14 @@ input[type='number'].no-arrows {
   color: #292a31;
   color: var(--aquarium-text-color-intense);
 }
+.focus-visible\:outline-none.focus-visible{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus-visible\:outline-none:focus-visible{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .focus-visible\:outline-0.focus-visible{
   outline-width: 0px;
 }
@@ -3031,6 +3028,12 @@ input[type='number'].no-arrows {
 .focus-visible\:ring-info-70:focus-visible{
   --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
 }
+.focus-visible\:ring-offset-0.focus-visible{
+  --tw-ring-offset-width: 0px;
+}
+.focus-visible\:ring-offset-0:focus-visible{
+  --tw-ring-offset-width: 0px;
+}
 .active\:bg-body:active{
   background-color: white;
   background-color: var(--aquarium-background-color-body);
@@ -3047,14 +3050,6 @@ input[type='number'].no-arrows {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
 }
-.active\:bg-default:active{
-  background-color: #ededf0;
-  background-color: var(--aquarium-background-color-default);
-}
-.active\:bg-intense:active{
-  background-color: #d2d2d6;
-  background-color: var(--aquarium-background-color-intense);
-}
 .active\:text-primary-active:active{
   color: #222f95;
   color: var(--aquarium-text-color-primary-active);
@@ -3103,6 +3098,10 @@ input[type='number'].no-arrows {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
 }
+.disabled\:bg-muted:disabled{
+  background-color: #f7f7fa;
+  background-color: var(--aquarium-background-color-muted);
+}
 .disabled\:text-inactive:disabled{
   color: #9696a0;
   color: var(--aquarium-text-color-inactive);

package/dist/system.cjs

@@ -4514,6 +4514,22 @@ var require_ticket = __commonJS({
   }
 });
 
+// src/icons/tiered.js
+var require_tiered = __commonJS({
+  "src/icons/tiered.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20 16.288-8.678 4.11c-.118.056-.177.084-.239.095a.477.477 0 01-.166 0c-.062-.011-.12-.04-.239-.095L2 16.288m0-3.901 4.339 2.055 4.339 2.054c.118.056.177.084.239.095.055.01.111.01.166 0 .062-.01.12-.039.239-.095L20 12.386 17 11M5.7 10C4.209 10 3 8.849 3 7.429c0-1.34 1.075-2.44 2.448-2.56C5.728 3.24 7.212 2 9 2s3.271 1.241 3.552 2.868C13.925 4.99 15 6.09 15 7.428 15 8.849 13.791 10 12.3 10H5.7Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/time.js
 var require_time = __commonJS({
   "src/icons/time.js"(exports) {
@@ -6582,6 +6598,7 @@ var import_thumbsUp = __toESM(require_thumbsUp());
 var import_tickCircle = __toESM(require_tickCircle());
 var import_tick2 = __toESM(require_tick());
 var import_ticket = __toESM(require_ticket());
+var import_tiered = __toESM(require_tiered());
 var import_time = __toESM(require_time());
 var import_timelineAreaChart = __toESM(require_timelineAreaChart());
 var import_timelineBarChart = __toESM(require_timelineBarChart());
@@ -10017,6 +10034,7 @@ var import_isFunction3 = __toESM(require("lodash/isFunction"));
 // src/molecules/Accordion/Accordion.tsx
 var import_react60 = __toESM(require("react"));
 var import_react61 = require("@iconify/react");
+var import_button3 = require("@react-aria/button");
 var import_utils8 = require("@react-aria/utils");
 var import_web3 = require("@react-spring/web");
 var import_isUndefined8 = __toESM(require("lodash/isUndefined"));
@@ -10116,6 +10134,7 @@ var Accordion = ({ children, openPanelId: panelId }) => {
 };
 var AccordionToggle = (_a) => {
   var _b = _a, { panelId, onChange } = _b, rest = __objRest(_b, ["panelId", "onChange"]);
+  const ref = (0, import_react60.useRef)(null);
   const id = usePanelContext(panelId);
   const [openPanelId, setOpenPanelId] = useAccordionContext();
   const isOpen = openPanelId === id;
@@ -10128,14 +10147,19 @@ var AccordionToggle = (_a) => {
       duration: 150
     }
   });
-  return /* @__PURE__ */ import_react60.default.createElement(import_web3.animated.div, __spreadProps(__spreadValues({}, rest), {
-    role: "button",
-    tabIndex: 0,
+  const { buttonProps } = (0, import_button3.useButton)({ elementType: "div", onPress: handleClick }, ref);
+  return /* @__PURE__ */ import_react60.default.createElement(import_web3.animated.div, __spreadProps(__spreadValues(__spreadValues({}, rest), __spreadProps(__spreadValues({}, buttonProps), {
+    onPointerDown: (e) => {
+      e.preventDefault();
+      handleClick();
+    }
+  })), {
+    ref,
     "aria-label": "accordion toggle",
     "aria-expanded": openPanelId === id,
     "aria-controls": `${id}-content`,
-    onClick: handleClick,
-    style: { transform }
+    style: { transform },
+    className: tw("focus:outline-none focusable")
   }), /* @__PURE__ */ import_react60.default.createElement(import_react61.Icon, {
     icon: import_caretUp.default,
     height: 22,
@@ -14935,6 +14959,7 @@ RadioButtonGroup.Skeleton.displayName = "RadioButtonGroup.Skeleton";
 
 // src/molecules/Section/Section.tsx
 var import_react119 = __toESM(require("react"));
+var import_button4 = require("@react-aria/button");
 var import_utils31 = require("@react-aria/utils");
 var import_web6 = require("@react-spring/web");
 var import_castArray7 = __toESM(require("lodash/castArray"));
@@ -15085,20 +15110,27 @@ Section3.Header = (_a) => {
   var _b = _a, { children, className, expanded } = _b, rest = __objRest(_b, ["children", "className", "expanded"]);
   return /* @__PURE__ */ import_react118.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
-      tw("px-6 flex gap-5 justify-between items-center h-[72px]", { "bg-muted": expanded }),
-      className
-    )
-  }), children);
-};
-Section3.TitleContainer = (_a) => {
-  var _b = _a, { children, className, collapsible } = _b, rest = __objRest(_b, ["children", "className", "collapsible"]);
-  return /* @__PURE__ */ import_react118.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(
-      tw("grow grid grid-cols-[auto_1fr] gap-x-3 items-center", { "cursor-pointer": collapsible }),
+      tw("px-6 flex gap-5 justify-between items-center h-[72px]", {
+        "bg-muted": expanded
+      }),
       className
     )
   }), children);
 };
+Section3.TitleContainer = import_react118.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className, collapsible } = _b, rest = __objRest(_b, ["children", "className", "collapsible"]);
+    return /* @__PURE__ */ import_react118.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
+      ref,
+      className: classNames(
+        tw("grow grid grid-cols-[auto_1fr] gap-x-3 items-center", {
+          "cursor-pointer focus:outline-none focusable": collapsible
+        }),
+        className
+      )
+    }), children);
+  }
+);
 Section3.Toggle = (props) => /* @__PURE__ */ import_react118.default.createElement(Icon, __spreadProps(__spreadValues({}, props), {
   icon: import_caretUp2.default,
   height: 22,
@@ -15144,6 +15176,7 @@ var Section4 = (props) => {
   const _defaultCollapsed = title ? (_b = props.defaultCollapsed) != null ? _b : false : false;
   const [isCollapsed, setCollapsed] = import_react119.default.useState(_collapsed != null ? _collapsed : _defaultCollapsed);
   const [ref, { height }] = useMeasure();
+  const toggleAreaRef = (0, import_react119.useRef)(null);
   const menu = title ? (_c = props.menu) != null ? _c : void 0 : void 0;
   const menuAriaLabel = title ? (_e = (_d = props.menuAriaLabel) != null ? _d : props.menuLabel) != null ? _e : "Context menu" : void 0;
   const onAction = title ? props.onAction : void 0;
@@ -15177,19 +15210,25 @@ var Section4 = (props) => {
   const regionId = (0, import_utils31.useId)();
   const titleId = (0, import_utils31.useId)();
   const hasTabs = isComponentType(children, Tabs);
+  const { buttonProps } = (0, import_button4.useButton)(
+    { "elementType": "div", "onPress": handleTitleClick, "aria-expanded": !isCollapsed, "aria-controls": regionId },
+    toggleAreaRef
+  );
   return /* @__PURE__ */ import_react119.default.createElement(Section3, {
     "aria-label": title,
     className: "Aquarium-Section"
   }, title && /* @__PURE__ */ import_react119.default.createElement(import_react119.default.Fragment, null, /* @__PURE__ */ import_react119.default.createElement(Section3.Header, {
     expanded: _collapsible && !isCollapsed
-  }, /* @__PURE__ */ import_react119.default.createElement(Section3.TitleContainer, {
-    role: _collapsible ? "button" : void 0,
+  }, /* @__PURE__ */ import_react119.default.createElement(Section3.TitleContainer, __spreadProps(__spreadValues({}, _collapsible ? __spreadProps(__spreadValues({}, buttonProps), {
+    onPointerDown: (e) => {
+      e.preventDefault();
+      handleTitleClick();
+    }
+  }) : { onClick: handleTitleClick }), {
+    ref: _collapsible ? toggleAreaRef : void 0,
     id: toggleId,
-    collapsible: _collapsible,
-    onClick: handleTitleClick,
-    "aria-expanded": _collapsible ? !isCollapsed : void 0,
-    "aria-controls": _collapsible ? regionId : void 0
-  }, _collapsible && /* @__PURE__ */ import_react119.default.createElement(import_web6.animated.div, {
+    collapsible: _collapsible
+  }), _collapsible && /* @__PURE__ */ import_react119.default.createElement(import_web6.animated.div, {
     style: { transform }
   }, /* @__PURE__ */ import_react119.default.createElement(Section3.Toggle, null)), /* @__PURE__ */ import_react119.default.createElement(Section3.Title, {
     id: titleId
@@ -15212,7 +15251,7 @@ var Section4 = (props) => {
     icon: import_more6.default
   })), menu)), props.actions && (0, import_castArray7.default)(props.actions).filter(Boolean).map((action) => renderAction({ kind: "secondary", action })), props.switch && /* @__PURE__ */ import_react119.default.createElement(Switch2, __spreadValues({}, props.switch)), props.select && /* @__PURE__ */ import_react119.default.createElement(SelectBase, __spreadValues({
     "aria-labelledby": titleId
-  }, props.select)))), !hasTabs && /* @__PURE__ */ import_react119.default.createElement(import_web6.animated.div, {
+  }, props.select)))), !hasTabs && !isCollapsed && /* @__PURE__ */ import_react119.default.createElement(import_web6.animated.div, {
     className: tw(`h-[1px]`),
     style: { backgroundColor }
   })), /* @__PURE__ */ import_react119.default.createElement(import_web6.animated.div, {
@@ -15236,8 +15275,8 @@ var SegmentedControl = (_a) => {
   var _b = _a, {
     children,
     value,
-    dense = false,
-    variant = "filled",
+    dense: _dense = false,
+    variant: _variant = "filled",
     selected = false,
     className
   } = _b, rest = __objRest(_b, [
@@ -15251,12 +15290,7 @@ var SegmentedControl = (_a) => {
   return /* @__PURE__ */ import_react120.default.createElement("li", null, /* @__PURE__ */ import_react120.default.createElement("button", __spreadProps(__spreadValues({
     type: "button"
   }, rest), {
-    className: classNames(
-      getCommonClassNames(dense, selected),
-      !rest.disabled && getHoverClassNames(variant),
-      selected && getSelectedClassNames(variant),
-      className
-    ),
+    className: classNames(getBaseSegmentedControlClassNames(selected), className),
     "aria-pressed": selected
   }), children));
 };
@@ -15264,8 +15298,8 @@ var SegmentedControlGroup = (_a) => {
   var _b = _a, {
     value,
     onChange,
-    variant = "filled",
-    dense = false,
+    variant: _variant = "filled",
+    dense: _dense = false,
     children,
     className,
     ariaLabel
@@ -15278,49 +15312,28 @@ var SegmentedControlGroup = (_a) => {
     "className",
     "ariaLabel"
   ]);
-  const classes2 = tw("rounded flex", {
-    "border border-default text-muted": variant === "outlined",
-    "bg-muted": variant === "raised"
-  });
   return /* @__PURE__ */ import_react120.default.createElement("ul", __spreadProps(__spreadValues({}, rest), {
     "aria-label": ariaLabel,
-    className: classNames("Aquarium-SegmentedControl", classes2, className)
+    className: classNames(
+      "Aquarium-SegmentedControl",
+      "flex border border-default rounded-sm divide-x divide-grey-20",
+      className
+    )
   }), import_react120.default.Children.map(
     children,
     (child) => import_react120.default.cloneElement(child, {
-      dense,
-      variant,
       onClick: () => onChange(child.props.value),
       selected: child.props.value === value
     })
   ));
 };
-var getHoverClassNames = (variant) => tw(
-  "hover:text-intense",
-  {
-    "hover:bg-muted": variant !== "raised",
-    "hover:bg-default": variant === "raised"
-  },
-  {
-    "active:bg-default": variant !== "raised",
-    "active:bg-intense": variant === "raised"
-  }
-);
-var getSelectedClassNames = (variant) => tw("relative z-40 text-intense", {
-  "bg-white ring-2 ring-offset-0 ring-grey-30 focus:ring-2": variant === "outlined",
-  "bg-white shadow-2dp": variant === "raised",
-  "bg-default": variant === "filled"
-});
-var getCommonClassNames = (dense, selected) => tw(
-  "transition whitespace-nowrap rounded mr-1",
-  "focus:outline-none focus:ring-1 focus:ring-offset-0 focus:ring-grey-60",
-  "disabled:cursor-not-allowed disabled:text-inactive",
+var getBaseSegmentedControlClassNames = (selected) => tw(
+  "transition whitespace-nowrap rounded-sm px-4 py-[10px] hover:bg-primary-hover",
+  "focus-visible:outline-none focus-visible:relative focus-visible:z-50 focus-visible:ring-1 focus-visible:ring-offset-0 focusable",
+  "disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted",
   {
-    "py-4 px-5": !dense,
-    "py-2 px-4": dense,
-    "typography-default-strong": !dense,
-    "typography-small-strong": dense,
-    "text-muted": !selected
+    "typography-small text-default bg-body": !selected,
+    "typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-80": selected
   }
 );