@basic-ui/material 1.0.0-alpha.51 → 1.0.0-alpha.54

package/build/cjs/index.js

@@ -29,7 +29,6 @@ const EASING_STANDARD_ACCELERATE = 'cubic-bezier(0.3, 0, 1, 1)';
 const EASING_STANDARD_DECELERATE = 'cubic-bezier(0, 0, 0, 1)';
 
 // material theme preset
-
 function font(fontFamily, lineHeight, fontSize, letterSpacing, weight) {
   return {
     fontFamily,
@@ -39,7 +38,6 @@ function font(fontFamily, lineHeight, fontSize, letterSpacing, weight) {
     fontWeight: weight
   };
 }
-
 const theme = {
   googleFonts: 'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',
   colors: {
@@ -51,11 +49,18 @@ const theme = {
     'secondary-container': '#fbd9ea',
     'tertiary-container': '#ffdbc9',
     'error-container': '#ffdad4',
-    background: '#fcfcfc',
-    surface: '#fcfcfc',
+    background: '#fff8fa',
     'surface-variant': '#efdee5',
     outline: '#81747a',
     'outline-variant': '#d3c2c9',
+    'surface-dim': '#e4d6db',
+    surface: '#fff8fa',
+    'surface-bright': '#fff8fa',
+    'surface-container-lowest': '#ffffff',
+    'surface-container-low': '#fef0f5',
+    'surface-container': '#f8eaef',
+    'surface-container-high': '#f3e5ea',
+    'surface-container-highest': '#eddfe4',
     on: {
       primary: '#ffffff',
       secondary: '#ffffff',
@@ -65,11 +70,18 @@ const theme = {
       'secondary-container': '#291521',
       'tertiary-container': '#321303',
       'error-container': '#410001',
-      background: '#1f1a1c',
-      surface: '#1f1a1c',
+      background: '#21191d',
       'surface-variant': '#4f4349',
       outline: '#feecf3',
-      'outline-variant': '#22191e'
+      'outline-variant': '#22191e',
+      'surface-dim': '#21191d',
+      surface: '#21191d',
+      'surface-bright': '#21191d',
+      'surface-container-lowest': '#21191d',
+      'surface-container-low': '#21191d',
+      'surface-container': '#21191d',
+      'surface-container-high': '#21191d',
+      'surface-container-highest': '#21191d'
     },
     modes: {
       dark: {
@@ -81,11 +93,18 @@ const theme = {
         'secondary-container': '#57404d',
         'tertiary-container': '#653d28',
         'error-container': '#930006',
-        background: '#1f1a1c',
-        surface: '#1f1a1c',
+        background: '#181215',
         'surface-variant': '#4f4349',
         outline: '#9b8d93',
         'outline-variant': '#4f4349',
+        'surface-dim': '#181215',
+        surface: '#181215',
+        'surface-bright': '#3f373b',
+        'surface-container-lowest': '#130c10',
+        'surface-container-low': '#21191d',
+        'surface-container': '#251d21',
+        'surface-container-high': '#30282c',
+        'surface-container-highest': '#3b3236',
         on: {
           primary: '#5b0e47',
           secondary: '#402a37',
@@ -95,11 +114,18 @@ const theme = {
           'secondary-container': '#fbd9ea',
           'tertiary-container': '#ffdbc9',
           'error-container': '#ffdad4',
-          background: '#eae0e3',
-          surface: '#eae0e3',
+          background: '#eddfe4',
           'surface-variant': '#d3c2c9',
           outline: '#22191e',
-          'outline-variant': '#efdee5'
+          'outline-variant': '#efdee5',
+          'surface-dim': '#eddfe4',
+          surface: '#eddfe4',
+          'surface-bright': '#eddfe4',
+          'surface-container-lowest': '#eddfe4',
+          'surface-container-low': '#eddfe4',
+          'surface-container': '#eddfe4',
+          'surface-container-high': '#eddfe4',
+          'surface-container-highest': '#eddfe4'
         }
       }
     }
@@ -514,14 +540,14 @@ const theme = {
 
 function useTheme() {
   const obj = react.useTheme();
-
   if (Object.keys(obj).length === 0 && obj.constructor === Object) {
     return theme;
   }
-
   return obj;
 }
 
+// AppBar Component
+
 const appbarContext = /*#__PURE__*/react$1.createContext({
   variant: 'default',
   size: 'default'
@@ -544,7 +570,6 @@ const variant = ({
   variant = 'default',
   tx = 'variants'
 }) => css.css(css.get(theme, tx + '.' + variant, css.get(theme, variant)))(theme);
-
 const BoxBase = /*#__PURE__*/_styled__default["default"]('div', process.env.NODE_ENV === "production" ? {
   shouldForwardProp: shouldForwardProp__default["default"],
   target: "e25ivq30"
@@ -552,8 +577,7 @@ const BoxBase = /*#__PURE__*/_styled__default["default"]('div', process.env.NODE
   shouldForwardProp: shouldForwardProp__default["default"],
   target: "e25ivq30",
   label: "BoxBase"
-})("box-sizing:border-box;margin:0;min-width:0;", base, variant, sx, props => props.css, styledSystem.compose(styledSystem.space, styledSystem.layout, styledSystem.typography, styledSystem.color, styledSystem.flexbox, styledSystem.border, styledSystem.grid, styledSystem.background, styledSystem.position, styledSystem.shadow), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZnQiIsImZpbGUiOiJCb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSwgRkMsIEhUTUxBdHRyaWJ1dGVzLCBSZWZBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgdHlwZSB7XHJcbiAgU3BhY2VQcm9wcyxcclxuICBMYXlvdXRQcm9wcyxcclxuICBUeXBvZ3JhcGh5UHJvcHMsXHJcbiAgQ29sb3JQcm9wcyxcclxuICBGbGV4Ym94UHJvcHMsXHJcbiAgQm9yZGVyUHJvcHMsXHJcbiAgR3JpZFByb3BzLFxyXG4gIEJhY2tncm91bmRQcm9wcyxcclxuICBQb3NpdGlvblByb3BzLFxyXG4gIFNoYWRvd1Byb3BzLFxyXG4gIFJlc3BvbnNpdmVWYWx1ZSxcclxufSBmcm9tICdzdHlsZWQtc3lzdGVtJztcclxuaW1wb3J0IHtcclxuICBjb21wb3NlLFxyXG4gIHNwYWNlLFxyXG4gIGxheW91dCxcclxuICB0eXBvZ3JhcGh5LFxyXG4gIGNvbG9yLFxyXG4gIGZsZXhib3gsXHJcbiAgYm9yZGVyLFxyXG4gIGdyaWQsXHJcbiAgYmFja2dyb3VuZCxcclxuICBwb3NpdGlvbixcclxuICBzaGFkb3csXHJcbn0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XHJcbmltcG9ydCB0eXBlIHtcclxuICBTeXN0ZW1TdHlsZU9iamVjdCxcclxuICBSZXNwb25zaXZlU3R5bGVWYWx1ZSxcclxufSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xyXG5pbXBvcnQgeyBjc3MsIGdldCB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL2Nzcyc7XHJcbmltcG9ydCBzaG91bGRGb3J3YXJkUHJvcCBmcm9tICdAc3R5bGVkLXN5c3RlbS9zaG91bGQtZm9yd2FyZC1wcm9wJztcclxuXHJcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XHJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xyXG5cclxuZXhwb3J0IHR5cGUgU3hTdHlsZVByb3AgPVxyXG4gIHwgU3lzdGVtU3R5bGVPYmplY3RcclxuICB8IFJlY29yZDxcclxuICAgICAgc3RyaW5nLFxyXG4gICAgICB8IFN5c3RlbVN0eWxlT2JqZWN0XHJcbiAgICAgIHwgUmVzcG9uc2l2ZVN0eWxlVmFsdWU8bnVtYmVyIHwgc3RyaW5nPlxyXG4gICAgICB8IFJlY29yZDxcclxuICAgICAgICAgIHN0cmluZyxcclxuICAgICAgICAgIFN5c3RlbVN0eWxlT2JqZWN0IHwgUmVzcG9uc2l2ZVN0eWxlVmFsdWU8bnVtYmVyIHwgc3RyaW5nPlxyXG4gICAgICAgID5cclxuICAgID47XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VQcm9wcyB7XHJcbiAgYXM/OiBFbGVtZW50VHlwZTxhbnk+O1xyXG4gIHN4PzogU3hTdHlsZVByb3A7XHJcbiAgLy8gY3NzPzogQ1NTT2JqZWN0IHwgKChwcm9wczogeyB0aGVtZTogVGhlbWUgfSkgPT4gQ1NTT2JqZWN0KTtcclxuICBfX2Nzcz86IFN4U3R5bGVQcm9wO1xyXG4gIHZhcmlhbnQ/OiBSZXNwb25zaXZlVmFsdWU8c3RyaW5nPjtcclxuICB0eD86IHN0cmluZztcclxuICB0aGVtZTogVGhlbWU7XHJcbn1cclxuZXhwb3J0IGNvbnN0IHN4ID0gKHsgdGhlbWUsIHN4IH06IEJhc2VQcm9wcykgPT4gY3NzKHN4KSh0aGVtZSkgYXMgQ1NTT2JqZWN0O1xyXG5leHBvcnQgY29uc3QgYmFzZSA9ICh7IHRoZW1lLCBfX2NzcyB9OiBCYXNlUHJvcHMpID0+XHJcbiAgY3NzKF9fY3NzKSh0aGVtZSkgYXMgQ1NTT2JqZWN0O1xyXG5leHBvcnQgY29uc3QgdmFyaWFudCA9ICh7XHJcbiAgdGhlbWUsXHJcbiAgdmFyaWFudCA9ICdkZWZhdWx0JyxcclxuICB0eCA9ICd2YXJpYW50cycsXHJcbn06IEJhc2VQcm9wcykgPT5cclxuICBjc3MoZ2V0KHRoZW1lLCB0eCArICcuJyArIHZhcmlhbnQsIGdldCh0aGVtZSwgdmFyaWFudCBhcyBhbnkpKSkoXHJcbiAgICB0aGVtZVxyXG4gICkgYXMgQ1NTT2JqZWN0O1xyXG5cclxudHlwZSBLbm93bkJveFByb3BzID0gQmFzZVByb3BzICZcclxuICBTcGFjZVByb3BzICZcclxuICBMYXlvdXRQcm9wcyAmXHJcbiAgVHlwb2dyYXBoeVByb3BzICZcclxuICBDb2xvclByb3BzICZcclxuICBGbGV4Ym94UHJvcHMgJlxyXG4gIEJvcmRlclByb3BzICZcclxuICBHcmlkUHJvcHMgJlxyXG4gIEJhY2tncm91bmRQcm9wcyAmXHJcbiAgUG9zaXRpb25Qcm9wcyAmXHJcbiAgU2hhZG93UHJvcHMgJiB7IHpJbmRleD86IG51bWJlciB8IHN0cmluZyB9O1xyXG5cclxuZXhwb3J0IHR5cGUgQm94UHJvcHM8XHJcbiAgSCA9IEhUTUxEaXZFbGVtZW50LFxyXG4gIEF0dHIgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIPiA9IEhUTUxBdHRyaWJ1dGVzPEg+XHJcbj4gPSBPbWl0PEF0dHIsIGtleW9mIEtub3duQm94UHJvcHM+ICYgUGFydGlhbDxLbm93bkJveFByb3BzPiAmIFJlZkF0dHJpYnV0ZXM8SD47XHJcblxyXG5jb25zdCBCb3hCYXNlID0gc3R5bGVkKCdkaXYnIGFzIHVua25vd24gYXMgRkMsIHtcclxuICBzaG91bGRGb3J3YXJkUHJvcCxcclxufSk8Qm94UHJvcHM8SFRNTERpdkVsZW1lbnQ+PihcclxuICB7XHJcbiAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcclxuICAgIG1hcmdpbjogMCxcclxuICAgIG1pbldpZHRoOiAwLFxyXG4gIH0sXHJcbiAgYmFzZSxcclxuICB2YXJpYW50LFxyXG4gIHN4LFxyXG4gIChwcm9wczogYW55KSA9PiBwcm9wcy5jc3MsXHJcbiAgY29tcG9zZShcclxuICAgIHNwYWNlLFxyXG4gICAgbGF5b3V0LFxyXG4gICAgdHlwb2dyYXBoeSxcclxuICAgIGNvbG9yLFxyXG4gICAgZmxleGJveCxcclxuICAgIGJvcmRlcixcclxuICAgIGdyaWQsXHJcbiAgICBiYWNrZ3JvdW5kLFxyXG4gICAgcG9zaXRpb24sXHJcbiAgICBzaGFkb3dcclxuICApXHJcbik7XHJcblxyXG5leHBvcnQgY29uc3QgQm94OiA8XHJcbiAgUHJvcHMgPSBCb3hQcm9wczxIVE1MRGl2RWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+PlxyXG4+KFxyXG4gIHByb3BzOiBQcm9wc1xyXG4pID0+IEpTWC5FbGVtZW50ID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgQm94UHJvcHM8SFRNTERpdkVsZW1lbnQ+PihcclxuICBmdW5jdGlvbiBCb3gocHJvcHMsIGZvcndhcmRlZFJlZikge1xyXG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xyXG5cclxuICAgIHJldHVybiA8Qm94QmFzZSByZWY9e2ZvcndhcmRlZFJlZn0gdGhlbWU9e3RoZW1lfSB7Li4ucHJvcHN9IC8+O1xyXG4gIH1cclxuKSBhcyBhbnk7XHJcbiJdfQ== */");
-
+})("box-sizing:border-box;margin:0;min-width:0;", base, variant, sx, props => props.css, styledSystem.compose(styledSystem.space, styledSystem.layout, styledSystem.typography, styledSystem.color, styledSystem.flexbox, styledSystem.border, styledSystem.grid, styledSystem.background, styledSystem.position, styledSystem.shadow), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0dnQiIsImZpbGUiOiJCb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBFbGVtZW50VHlwZSxcbiAgRkMsXG4gIEhUTUxBdHRyaWJ1dGVzLFxuICBSZWFjdEVsZW1lbnQsXG4gIFJlZkF0dHJpYnV0ZXMsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB0eXBlIHtcbiAgU3BhY2VQcm9wcyxcbiAgTGF5b3V0UHJvcHMsXG4gIFR5cG9ncmFwaHlQcm9wcyxcbiAgQ29sb3JQcm9wcyxcbiAgRmxleGJveFByb3BzLFxuICBCb3JkZXJQcm9wcyxcbiAgR3JpZFByb3BzLFxuICBCYWNrZ3JvdW5kUHJvcHMsXG4gIFBvc2l0aW9uUHJvcHMsXG4gIFNoYWRvd1Byb3BzLFxuICBSZXNwb25zaXZlVmFsdWUsXG59IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgY29tcG9zZSxcbiAgc3BhY2UsXG4gIGxheW91dCxcbiAgdHlwb2dyYXBoeSxcbiAgY29sb3IsXG4gIGZsZXhib3gsXG4gIGJvcmRlcixcbiAgZ3JpZCxcbiAgYmFja2dyb3VuZCxcbiAgcG9zaXRpb24sXG4gIHNoYWRvdyxcbn0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7XG4gIFN5c3RlbVN0eWxlT2JqZWN0LFxuICBSZXNwb25zaXZlU3R5bGVWYWx1ZSxcbn0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcbmltcG9ydCB7IGNzcywgZ2V0IH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcbmltcG9ydCBzaG91bGRGb3J3YXJkUHJvcCBmcm9tICdAc3R5bGVkLXN5c3RlbS9zaG91bGQtZm9yd2FyZC1wcm9wJztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uL3RoZW1lJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xuXG5leHBvcnQgdHlwZSBTeFN0eWxlUHJvcCA9XG4gIHwgU3lzdGVtU3R5bGVPYmplY3RcbiAgfCBSZWNvcmQ8XG4gICAgICBzdHJpbmcsXG4gICAgICB8IFN5c3RlbVN0eWxlT2JqZWN0XG4gICAgICB8IFJlc3BvbnNpdmVTdHlsZVZhbHVlPG51bWJlciB8IHN0cmluZz5cbiAgICAgIHwgUmVjb3JkPFxuICAgICAgICAgIHN0cmluZyxcbiAgICAgICAgICBTeXN0ZW1TdHlsZU9iamVjdCB8IFJlc3BvbnNpdmVTdHlsZVZhbHVlPG51bWJlciB8IHN0cmluZz5cbiAgICAgICAgPlxuICAgID47XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVByb3BzIHtcbiAgYXM/OiBFbGVtZW50VHlwZTxhbnk+O1xuICBzeD86IFN4U3R5bGVQcm9wO1xuICAvLyBjc3M/OiBDU1NPYmplY3QgfCAoKHByb3BzOiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBDU1NPYmplY3QpO1xuICBfX2Nzcz86IFN4U3R5bGVQcm9wO1xuICB2YXJpYW50PzogUmVzcG9uc2l2ZVZhbHVlPHN0cmluZz47XG4gIHR4Pzogc3RyaW5nO1xuICB0aGVtZTogVGhlbWU7XG59XG5leHBvcnQgY29uc3Qgc3ggPSAoeyB0aGVtZSwgc3ggfTogQmFzZVByb3BzKSA9PiBjc3Moc3gpKHRoZW1lKSBhcyBDU1NPYmplY3Q7XG5leHBvcnQgY29uc3QgYmFzZSA9ICh7IHRoZW1lLCBfX2NzcyB9OiBCYXNlUHJvcHMpID0+XG4gIGNzcyhfX2NzcykodGhlbWUpIGFzIENTU09iamVjdDtcbmV4cG9ydCBjb25zdCB2YXJpYW50ID0gKHtcbiAgdGhlbWUsXG4gIHZhcmlhbnQgPSAnZGVmYXVsdCcsXG4gIHR4ID0gJ3ZhcmlhbnRzJyxcbn06IEJhc2VQcm9wcykgPT5cbiAgY3NzKGdldCh0aGVtZSwgdHggKyAnLicgKyB2YXJpYW50LCBnZXQodGhlbWUsIHZhcmlhbnQgYXMgYW55KSkpKFxuICAgIHRoZW1lXG4gICkgYXMgQ1NTT2JqZWN0O1xuXG50eXBlIEtub3duQm94UHJvcHMgPSBCYXNlUHJvcHMgJlxuICBTcGFjZVByb3BzICZcbiAgTGF5b3V0UHJvcHMgJlxuICBUeXBvZ3JhcGh5UHJvcHMgJlxuICBDb2xvclByb3BzICZcbiAgRmxleGJveFByb3BzICZcbiAgQm9yZGVyUHJvcHMgJlxuICBHcmlkUHJvcHMgJlxuICBCYWNrZ3JvdW5kUHJvcHMgJlxuICBQb3NpdGlvblByb3BzICZcbiAgU2hhZG93UHJvcHMgJiB7IHpJbmRleD86IG51bWJlciB8IHN0cmluZyB9O1xuXG5leHBvcnQgdHlwZSBCb3hQcm9wczxcbiAgSCA9IEhUTUxEaXZFbGVtZW50LFxuICBBdHRyIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SD4gPSBIVE1MQXR0cmlidXRlczxIPlxuPiA9IE9taXQ8QXR0ciwga2V5b2YgS25vd25Cb3hQcm9wcz4gJiBQYXJ0aWFsPEtub3duQm94UHJvcHM+ICYgUmVmQXR0cmlidXRlczxIPjtcblxuY29uc3QgQm94QmFzZSA9IHN0eWxlZCgnZGl2JyBhcyB1bmtub3duIGFzIEZDLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wLFxufSk8Qm94UHJvcHM8SFRNTERpdkVsZW1lbnQ+PihcbiAge1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIG1hcmdpbjogMCxcbiAgICBtaW5XaWR0aDogMCxcbiAgfSxcbiAgYmFzZSxcbiAgdmFyaWFudCxcbiAgc3gsXG4gIChwcm9wczogYW55KSA9PiBwcm9wcy5jc3MsXG4gIGNvbXBvc2UoXG4gICAgc3BhY2UsXG4gICAgbGF5b3V0LFxuICAgIHR5cG9ncmFwaHksXG4gICAgY29sb3IsXG4gICAgZmxleGJveCxcbiAgICBib3JkZXIsXG4gICAgZ3JpZCxcbiAgICBiYWNrZ3JvdW5kLFxuICAgIHBvc2l0aW9uLFxuICAgIHNoYWRvd1xuICApXG4pO1xuXG5leHBvcnQgY29uc3QgQm94OiA8XG4gIFByb3BzID0gQm94UHJvcHM8SFRNTERpdkVsZW1lbnQsIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5cbj4oXG4gIHByb3BzOiBQcm9wc1xuKSA9PiBSZWFjdEVsZW1lbnQgPSBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBCb3hQcm9wczxIVE1MRGl2RWxlbWVudD4+KFxuICBmdW5jdGlvbiBCb3gocHJvcHMsIGZvcndhcmRlZFJlZikge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIHJldHVybiA8Qm94QmFzZSByZWY9e2ZvcndhcmRlZFJlZn0gdGhlbWU9e3RoZW1lfSB7Li4ucHJvcHN9IC8+O1xuICB9XG4pIGFzIGFueTtcbiJdfQ== */");
 const Box = /*#__PURE__*/react$1.forwardRef(function Box(props, forwardedRef) {
   const theme = useTheme();
   return /*#__PURE__*/jsxRuntime.jsx(BoxBase, {
@@ -565,16 +589,13 @@ const Box = /*#__PURE__*/react$1.forwardRef(function Box(props, forwardedRef) {
 
 const alpha = (colorString, alphaValue) => theme => {
   const color = css.get(theme, 'colors.' + colorString, colorString);
-
   if (color.startsWith('var')) {
     const color = css.get(theme, 'colors.' + colorString + '_rgb', colorString);
     return `rgba(${color},${alphaValue})`;
   }
-
   if (color.startsWith('rgba(')) {
     return color;
   }
-
   const rgb = polished.parseToRgb(color);
   return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;
 };
@@ -594,7 +615,6 @@ function getBackgroundOverlay(theme, backgroundOverlay, overlayColor = 'on.surfa
   if (Number(backgroundOverlay) <= 0) {
     return {};
   }
-
   const overlay = css.get(theme, `paper.overlays.${backgroundOverlay}`) || 0;
   return getColorOverlay(theme, 'surface', overlayColor, overlay);
 }
@@ -602,9 +622,9 @@ function getDarkThemeBackgroundOverlay(theme, backgroundOverlay, overlayColor =
   if (Number(backgroundOverlay) <= 0) {
     return {};
   }
-
   return {
-    [`.${dynamicTheme.DARK_SCHEME_CLASS} &, &.${dynamicTheme.DARK_SCHEME_CLASS}`]: { ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor)
+    [`.${dynamicTheme.DARK_SCHEME_CLASS} &, &.${dynamicTheme.DARK_SCHEME_CLASS}`]: {
+      ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor)
     }
   };
 }
@@ -660,7 +680,6 @@ const AppBar = /*#__PURE__*/react$1.forwardRef(function AppBar(props, forwardedR
         setElevation('default');
       }
     };
-
     if (elevationProp === 'dynamic') {
       window.addEventListener('scroll', onScroll);
       return () => {
@@ -669,7 +688,6 @@ const AppBar = /*#__PURE__*/react$1.forwardRef(function AppBar(props, forwardedR
     } else {
       setElevation(elevationProp);
     }
-
     return;
   }, [elevationProp]);
   return /*#__PURE__*/jsxRuntime.jsx(AppBarProvider, {
@@ -699,17 +717,83 @@ const AppBar = /*#__PURE__*/react$1.forwardRef(function AppBar(props, forwardedR
   });
 });
 
+const sizeStyles = {
+  xs: {
+    height: "2rem",
+    iconSize: "1.25rem",
+    contentPaddingInline: "0.75rem",
+    standardInnerRadius: "0.75rem",
+    connectedInnerRadius: "0.25rem",
+    splitInnerRadius: "0.25rem"
+  },
+  sm: {
+    height: "2.5rem",
+    iconSize: "1.5rem",
+    contentPaddingInline: "1rem",
+    standardInnerRadius: "0.75rem",
+    connectedInnerRadius: "0.5rem",
+    splitInnerRadius: "0.25rem"
+  },
+  md: {
+    height: "3.5rem",
+    iconSize: "1.5rem",
+    contentPaddingInline: "1.5rem",
+    standardInnerRadius: "1rem",
+    connectedInnerRadius: "0.5rem",
+    splitInnerRadius: "0.25rem"
+  },
+  lg: {
+    height: "6rem",
+    iconSize: "2rem",
+    contentPaddingInline: "3rem",
+    standardInnerRadius: "1.75rem",
+    connectedInnerRadius: "1rem",
+    splitInnerRadius: "0.5rem"
+  },
+  xl: {
+    height: "8.5rem",
+    iconSize: "2.5rem",
+    contentPaddingInline: "4rem",
+    standardInnerRadius: "1.75rem",
+    connectedInnerRadius: "1.25rem",
+    splitInnerRadius: "0.75rem"
+  }
+};
+function getTypographyVariant(size) {
+  if (size === 'md') return 'text.title-medium';
+  if (size === 'lg') return 'text.headline-small';
+  if (size === 'xl') return 'text.headline-large';
+  return 'text.label-large';
+}
+function getSquareRadius(size) {
+  if (size === 'md') return 'large';
+  if (size === 'lg' || size === 'xl') return 'extra-large';
+  return 'medium';
+}
+function isIconVariant(variant) {
+  return variant === 'icon' || variant === 'icon-filled' || variant === 'icon-outlined' || variant === 'fab';
+}
 const BaseButton = /*#__PURE__*/react$1.forwardRef((props, ref) => {
   const theme = react.useTheme();
   const {
     __css,
-    variant: variantProp,
-    elevation,
+    variant: variantProp = 'text',
+    elevation = 'none',
+    size = 'sm',
+    shape = 'rounded',
+    isGroupedButton,
     ...otherProps
   } = props;
+  const sizeStyle = sizeStyles[size];
+  const iconOnly = isIconVariant(variantProp);
+  const contentButton = !iconOnly;
   return /*#__PURE__*/jsxRuntime.jsx(Box, {
     as: "button",
     ref: ref,
+    variant: variantProp,
+    "data-button-grouped": isGroupedButton ? '' : undefined,
+    "data-button-shape": shape,
+    "data-button-size": size,
     __css: {
       boxSizing: 'border-box',
       position: 'relative',
@@ -722,35 +806,40 @@ const BaseButton = /*#__PURE__*/react$1.forwardRef((props, ref) => {
       textDecoration: 'none',
       fontSize: 'inherit',
       border: 0,
+      boxShadow: 'none',
       overflow: 'hidden',
       WebkitTapHighlightColor: 'transparent',
       touchAction: 'manipulation',
       userSelect: 'none',
-      minWidth: 'auto',
+      minWidth: 'fit-content',
       whiteSpace: 'nowrap',
+      cursor: 'pointer',
+      outline: 'none',
+      py: 0,
+      variant: getTypographyVariant(size),
+      height: sizeStyle.height,
+      borderRadius: shape === 'square' ? getSquareRadius(size) : 'full',
+      ...(contentButton && {
+        px: sizeStyle.contentPaddingInline
+      }),
+      ...(iconOnly && {
+        width: sizeStyle.height,
+        maxWidth: sizeStyle.height,
+        maxHeight: sizeStyle.height,
+        px: `calc((${sizeStyle.height} - ${sizeStyle.iconSize}) / 2)`
+      }),
+      '--btn-pill-radius': `calc(${sizeStyle.height} / 2)`,
+      '--btn-standard-inner-radius': sizeStyle.standardInnerRadius,
+      '--btn-connected-inner-radius': sizeStyle.connectedInnerRadius,
+      '--btn-split-inner-radius': sizeStyle.splitInnerRadius,
+      '& svg': {
+        width: sizeStyle.iconSize,
+        height: sizeStyle.iconSize
+      },
       '&::-moz-focus-inner': {
         border: 0
       },
-      ...styledSystem.variant({
-        scale: 'buttons.variants',
-        prop: 'variant',
-        variants: {
-          text: {}
-        }
-      })({
-        variant: variantProp,
-        theme
-      }),
-      ...styledSystem.variant({
-        scale: 'buttons.elevations',
-        prop: 'elevation',
-        variants: {
-          none: {}
-        }
-      })({
-        elevation,
-        theme
-      }),
+      ...(theme.buttons.elevations[elevation] ?? {}),
       ...__css
     },
     ...otherProps
@@ -775,48 +864,7 @@ const TransparentButton = /*#__PURE__*/_styled__default["default"](BaseButton, p
   '&:focus-visible': {
     outline: 'none'
   }
-}), ({
-  theme,
-  color = 'primary',
-  isGroupedButton = false
-}) => isGroupedButton && {
-  '[data-button-group=""] &': {
-    borderColor: css.get(theme, `colors.${String(color)}`) || (typeof color === 'string' ? color : undefined),
-    ':first-of-type': {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0,
-      borderRightStyle: 'solid',
-      borderRightWidth: "0.0625rem"
-    },
-    ':not(:first-of-type):not(:last-of-type)': {
-      borderRadius: 0
-    },
-    ':last-of-type': {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      borderLeftStyle: 'solid',
-      borderLeftWidth: "0.0625rem"
-    },
-    // Handling the border between enabled/disabled buttons
-    ':not(:disabled):has(+ :disabled)': {
-      borderRightWidth: "0.0625rem",
-      borderRightStyle: 'solid'
-    },
-    ':disabled + :not(:disabled)': {
-      borderLeftWidth: "0.0625rem",
-      borderLeftStyle: 'solid'
-    },
-    ':not(:disabled) + :disabled': {
-      borderLeftWidth: "0rem"
-    },
-    ':disabled:has(+ :not(:disabled))': {
-      borderRightWidth: "0rem"
-    },
-    ':last-of-type:nth-of-type(2)': {
-      borderLeftWidth: "0rem"
-    }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYW5zcGFyZW50QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiVHJhbnNwYXJlbnRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0LCBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5pbXBvcnQgeyBCYXNlQnV0dG9uIH0gZnJvbSAnLi9CYXNlQnV0dG9uJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcblxuZXhwb3J0IGNvbnN0IFRyYW5zcGFyZW50QnV0dG9uID0gc3R5bGVkKEJhc2VCdXR0b24pKFxuICAoeyB0aGVtZSwgY29sb3IgPSAncHJpbWFyeScgfSkgPT5cbiAgICBjc3Moe1xuICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgY29sb3I6IGdldCh0aGVtZSwgYGNvbG9ycy4ke1N0cmluZyhjb2xvcil9YCkgfHwgY29sb3IsXG4gICAgICAnJjpkaXNhYmxlZCc6IHtcbiAgICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXG4gICAgICAgIGN1cnNvcjogJ2RlZmF1bHQnLFxuICAgICAgfSxcbiAgICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgIH0sXG4gICAgfSksXG4gICh7IHRoZW1lLCBjb2xvciA9ICdwcmltYXJ5JywgaXNHcm91cGVkQnV0dG9uID0gZmFsc2UgfSkgPT5cbiAgICBpc0dyb3VwZWRCdXR0b24gJiYge1xuICAgICAgJ1tkYXRhLWJ1dHRvbi1ncm91cD1cIlwiXSAmJzoge1xuICAgICAgICBib3JkZXJDb2xvcjpcbiAgICAgICAgICBnZXQodGhlbWUsIGBjb2xvcnMuJHtTdHJpbmcoY29sb3IpfWApIHx8XG4gICAgICAgICAgKHR5cGVvZiBjb2xvciA9PT0gJ3N0cmluZycgPyBjb2xvciA6IHVuZGVmaW5lZCksXG4gICAgICAgICc6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogMCxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogMCxcbiAgICAgICAgICBib3JkZXJSaWdodFN0eWxlOiAnc29saWQnLFxuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IHJlbSgxKSxcbiAgICAgICAgfSxcbiAgICAgICAgJzpub3QoOmZpcnN0LW9mLXR5cGUpOm5vdCg6bGFzdC1vZi10eXBlKSc6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH0sXG4gICAgICAgICc6bGFzdC1vZi10eXBlJzoge1xuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IDAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCxcbiAgICAgICAgICBib3JkZXJMZWZ0U3R5bGU6ICdzb2xpZCcsXG4gICAgICAgICAgYm9yZGVyTGVmdFdpZHRoOiByZW0oMSksXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEhhbmRsaW5nIHRoZSBib3JkZXIgYmV0d2VlbiBlbmFibGVkL2Rpc2FibGVkIGJ1dHRvbnNcbiAgICAgICAgJzpub3QoOmRpc2FibGVkKTpoYXMoKyA6ZGlzYWJsZWQpJzoge1xuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IHJlbSgxKSxcbiAgICAgICAgICBib3JkZXJSaWdodFN0eWxlOiAnc29saWQnLFxuICAgICAgICB9LFxuICAgICAgICAnOmRpc2FibGVkICsgOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgICAgIGJvcmRlckxlZnRXaWR0aDogcmVtKDEpLFxuICAgICAgICAgIGJvcmRlckxlZnRTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgfSxcbiAgICAgICAgJzpub3QoOmRpc2FibGVkKSArIDpkaXNhYmxlZCc6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0V2lkdGg6IHJlbSgwKSxcbiAgICAgICAgfSxcbiAgICAgICAgJzpkaXNhYmxlZDpoYXMoKyA6bm90KDpkaXNhYmxlZCkpJzoge1xuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IHJlbSgwKSxcbiAgICAgICAgfSxcbiAgICAgICAgJzpsYXN0LW9mLXR5cGU6bnRoLW9mLXR5cGUoMiknOiB7XG4gICAgICAgICAgYm9yZGVyTGVmdFdpZHRoOiByZW0oMCksXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSaXBwbGVQcm9wZXJ0aWVzKHRoZW1lOiBUaGVtZSkge1xuICByZXR1cm4ge1xuICAgIGhvdmVyT3BhY2l0eTogZ2V0KHRoZW1lLCBgYnV0dG9ucy5vdmVybGF5cy50cmFuc3BhcmVudC5ob3Zlci5vcGFjaXR5YCksXG4gICAgZm9jdXNPcGFjaXR5OiBnZXQodGhlbWUsIGBidXR0b25zLm92ZXJsYXlzLnRyYW5zcGFyZW50LmZvY3VzLm9wYWNpdHlgKSxcbiAgICBwcmVzc2VkT3BhY2l0eTogZ2V0KHRoZW1lLCBgYnV0dG9ucy5vdmVybGF5cy50cmFuc3BhcmVudC5wcmVzc2VkLm9wYWNpdHlgKSxcbiAgICByaXBwbGVFbmFibGVkOiBmYWxzZSxcbiAgfTtcbn1cbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYW5zcGFyZW50QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPaUMiLCJmaWxlIjoiVHJhbnNwYXJlbnRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0LCBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBCYXNlQnV0dG9uIH0gZnJvbSAnLi9CYXNlQnV0dG9uJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcblxuZXhwb3J0IGNvbnN0IFRyYW5zcGFyZW50QnV0dG9uID0gc3R5bGVkKEJhc2VCdXR0b24pKFxuICAoeyB0aGVtZSwgY29sb3IgPSAncHJpbWFyeScgfSkgPT5cbiAgICBjc3Moe1xuICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgY29sb3I6IGdldCh0aGVtZSwgYGNvbG9ycy4ke1N0cmluZyhjb2xvcil9YCkgfHwgY29sb3IsXG4gICAgICAnJjpkaXNhYmxlZCc6IHtcbiAgICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXG4gICAgICAgIGN1cnNvcjogJ2RlZmF1bHQnLFxuICAgICAgfSxcbiAgICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgIH0sXG4gICAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSaXBwbGVQcm9wZXJ0aWVzKHRoZW1lOiBUaGVtZSkge1xuICByZXR1cm4ge1xuICAgIGhvdmVyT3BhY2l0eTogZ2V0KHRoZW1lLCBgYnV0dG9ucy5vdmVybGF5cy50cmFuc3BhcmVudC5ob3Zlci5vcGFjaXR5YCksXG4gICAgZm9jdXNPcGFjaXR5OiBnZXQodGhlbWUsIGBidXR0b25zLm92ZXJsYXlzLnRyYW5zcGFyZW50LmZvY3VzLm9wYWNpdHlgKSxcbiAgICBwcmVzc2VkT3BhY2l0eTogZ2V0KHRoZW1lLCBgYnV0dG9ucy5vdmVybGF5cy50cmFuc3BhcmVudC5wcmVzc2VkLm9wYWNpdHlgKSxcbiAgICByaXBwbGVFbmFibGVkOiBmYWxzZSxcbiAgfTtcbn1cbiJdfQ== */");
 function getRippleProperties$3(theme) {
   return {
     hoverOpacity: css.get(theme, `buttons.overlays.transparent.hover.opacity`),
@@ -853,48 +901,7 @@ const FilledButton = /*#__PURE__*/_styled__default["default"](BaseButton, proces
   color = 'primary'
 }) => color === 'surface' && css.css({
   background: mixColor('surface', 'primary', 0.05)
-}), ({
-  color = 'primary',
-  theme,
-  isGroupedButton = false
-}) => isGroupedButton && {
-  '[data-button-group=""] &': {
-    borderColor: css.get(theme, `colors.on.${String(color)}`) || (typeof color === 'string' ? polished.readableColor(color) : undefined),
-    ':first-of-type': {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0,
-      borderRightStyle: 'solid',
-      borderRightWidth: "0.0625rem"
-    },
-    ':not(:first-of-type):not(:last-of-type)': {
-      borderRadius: 0
-    },
-    ':last-of-type': {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      borderLeftStyle: 'solid',
-      borderLeftWidth: "0.0625rem"
-    },
-    // Handling the border between enabled/disabled buttons
-    ':not(:disabled):has(+ :disabled)': {
-      borderRightWidth: "0.0625rem",
-      borderRightStyle: 'solid'
-    },
-    ':disabled + :not(:disabled)': {
-      borderLeftWidth: "0.0625rem",
-      borderLeftStyle: 'solid'
-    },
-    ':not(:disabled) + :disabled': {
-      borderLeftWidth: "0rem"
-    },
-    ':disabled:has(+ :not(:disabled))': {
-      borderRightWidth: "0rem"
-    },
-    ':last-of-type:nth-of-type(2)': {
-      borderLeftWidth: "0rem"
-    }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGxlZEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTRCIiwiZmlsZSI6IkZpbGxlZEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZWFkYWJsZUNvbG9yLCByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBnZXQsIGNzcyB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL2Nzcyc7XG5cbmltcG9ydCB7IEJhc2VCdXR0b24gfSBmcm9tICcuL0Jhc2VCdXR0b24nO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uL3RoZW1lJztcbmltcG9ydCB7IGFscGhhLCBtaXhDb2xvciB9IGZyb20gJy4uL2NvbG9yJztcblxuZXhwb3J0IGNvbnN0IEZpbGxlZEJ1dHRvbiA9IHN0eWxlZChCYXNlQnV0dG9uKShcbiAgKHsgY29sb3IgPSAncHJpbWFyeScsIHRoZW1lIH0pID0+XG4gICAgY3NzKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0KHRoZW1lLCBgY29sb3JzLiR7U3RyaW5nKGNvbG9yKX1gKSB8fCBjb2xvcixcbiAgICAgIGNvbG9yOlxuICAgICAgICBnZXQodGhlbWUsIGBjb2xvcnMub24uJHtTdHJpbmcoY29sb3IpfWApIHx8XG4gICAgICAgICh0eXBlb2YgY29sb3IgPT09ICdzdHJpbmcnID8gcmVhZGFibGVDb2xvcihjb2xvcikgOiB1bmRlZmluZWQpLFxuICAgICAgJyY6ZGlzYWJsZWQnOiB7XG4gICAgICAgIGNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMzgpLFxuICAgICAgICBiYWNrZ3JvdW5kOiBgbGluZWFyLWdyYWRpZW50KCR7Z2V0KHRoZW1lLCAnY29sb3JzLnN1cmZhY2UnKX0sICR7Z2V0KFxuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICdjb2xvcnMuc3VyZmFjZSdcbiAgICAgICAgKX0pLCAke2FscGhhKCdvbi5zdXJmYWNlJywgMC4xMikodGhlbWUpfWAsXG4gICAgICAgIGJhY2tncm91bmRCbGVuZE1vZGU6ICdvdmVybGF5JyxcbiAgICAgICAgY3Vyc29yOiAnZGVmYXVsdCcsXG4gICAgICB9LFxuICAgICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgb3V0bGluZUNvbG9yOiBnZXQodGhlbWUsIGBjb2xvcnMuJHtTdHJpbmcoY29sb3IpfWApIHx8IGNvbG9yLFxuICAgICAgICBvdXRsaW5lV2lkdGg6IDIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogJ2F1dG8nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgICAgIH0sXG4gICAgfSksXG4gICh7IGNvbG9yID0gJ3ByaW1hcnknIH0pID0+XG4gICAgY29sb3IgPT09ICdzdXJmYWNlJyAmJlxuICAgIGNzcyh7IGJhY2tncm91bmQ6IG1peENvbG9yKCdzdXJmYWNlJywgJ3ByaW1hcnknLCAwLjA1KSB9KSxcbiAgKHsgY29sb3IgPSAncHJpbWFyeScsIHRoZW1lLCBpc0dyb3VwZWRCdXR0b24gPSBmYWxzZSB9KSA9PlxuICAgIGlzR3JvdXBlZEJ1dHRvbiAmJiB7XG4gICAgICAnW2RhdGEtYnV0dG9uLWdyb3VwPVwiXCJdICYnOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOlxuICAgICAgICAgIGdldCh0aGVtZSwgYGNvbG9ycy5vbi4ke1N0cmluZyhjb2xvcil9YCkgfHxcbiAgICAgICAgICAodHlwZW9mIGNvbG9yID09PSAnc3RyaW5nJyA/IHJlYWRhYmxlQ29sb3IoY29sb3IpIDogdW5kZWZpbmVkKSxcbiAgICAgICAgJzpmaXJzdC1vZi10eXBlJzoge1xuICAgICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICAgICAgICAgIGJvcmRlclJpZ2h0U3R5bGU6ICdzb2xpZCcsXG4gICAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogcmVtKDEpLFxuICAgICAgICB9LFxuICAgICAgICAnOm5vdCg6Zmlyc3Qtb2YtdHlwZSk6bm90KDpsYXN0LW9mLXR5cGUpJzoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgfSxcbiAgICAgICAgJzpsYXN0LW9mLXR5cGUnOiB7XG4gICAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogMCxcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgICAgICAgIGJvcmRlckxlZnRTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgICBib3JkZXJMZWZ0V2lkdGg6IHJlbSgxKSxcbiAgICAgICAgfSxcbiAgICAgICAgLy8gSGFuZGxpbmcgdGhlIGJvcmRlciBiZXR3ZWVuIGVuYWJsZWQvZGlzYWJsZWQgYnV0dG9uc1xuICAgICAgICAnOm5vdCg6ZGlzYWJsZWQpOmhhcygrIDpkaXNhYmxlZCknOiB7XG4gICAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogcmVtKDEpLFxuICAgICAgICAgIGJvcmRlclJpZ2h0U3R5bGU6ICdzb2xpZCcsXG4gICAgICAgIH0sXG4gICAgICAgICc6ZGlzYWJsZWQgKyA6bm90KDpkaXNhYmxlZCknOiB7XG4gICAgICAgICAgYm9yZGVyTGVmdFdpZHRoOiByZW0oMSksXG4gICAgICAgICAgYm9yZGVyTGVmdFN0eWxlOiAnc29saWQnLFxuICAgICAgICB9LFxuICAgICAgICAnOm5vdCg6ZGlzYWJsZWQpICsgOmRpc2FibGVkJzoge1xuICAgICAgICAgIGJvcmRlckxlZnRXaWR0aDogcmVtKDApLFxuICAgICAgICB9LFxuICAgICAgICAnOmRpc2FibGVkOmhhcygrIDpub3QoOmRpc2FibGVkKSknOiB7XG4gICAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogcmVtKDApLFxuICAgICAgICB9LFxuICAgICAgICAnOmxhc3Qtb2YtdHlwZTpudGgtb2YtdHlwZSgyKSc6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0V2lkdGg6IHJlbSgwKSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldFJpcHBsZVByb3BlcnRpZXModGhlbWU6IFRoZW1lKSB7XG4gIHJldHVybiB7XG4gICAgaG92ZXJPcGFjaXR5OiBnZXQodGhlbWUsIGBidXR0b25zLm92ZXJsYXlzLmZpbGxlZC5ob3Zlci5vcGFjaXR5YCksXG4gICAgZm9jdXNPcGFjaXR5OiBnZXQodGhlbWUsIGBidXR0b25zLm92ZXJsYXlzLmZpbGxlZC5mb2N1cy5vcGFjaXR5YCksXG4gICAgcHJlc3NlZE9wYWNpdHk6IGdldCh0aGVtZSwgYGJ1dHRvbnMub3ZlcmxheXMuZmlsbGVkLnByZXNzZWQub3BhY2l0eWApLFxuICAgIHJpcHBsZUVuYWJsZWQ6IGZhbHNlLFxuICB9O1xufVxuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGxlZEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTRCIiwiZmlsZSI6IkZpbGxlZEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZWFkYWJsZUNvbG9yIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgZ2V0LCBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBCYXNlQnV0dG9uIH0gZnJvbSAnLi9CYXNlQnV0dG9uJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5pbXBvcnQgeyBhbHBoYSwgbWl4Q29sb3IgfSBmcm9tICcuLi9jb2xvcic7XG5cbmV4cG9ydCBjb25zdCBGaWxsZWRCdXR0b24gPSBzdHlsZWQoQmFzZUJ1dHRvbikoXG4gICh7IGNvbG9yID0gJ3ByaW1hcnknLCB0aGVtZSB9KSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldCh0aGVtZSwgYGNvbG9ycy4ke1N0cmluZyhjb2xvcil9YCkgfHwgY29sb3IsXG4gICAgICBjb2xvcjpcbiAgICAgICAgZ2V0KHRoZW1lLCBgY29sb3JzLm9uLiR7U3RyaW5nKGNvbG9yKX1gKSB8fFxuICAgICAgICAodHlwZW9mIGNvbG9yID09PSAnc3RyaW5nJyA/IHJlYWRhYmxlQ29sb3IoY29sb3IpIDogdW5kZWZpbmVkKSxcbiAgICAgICcmOmRpc2FibGVkJzoge1xuICAgICAgICBjb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjM4KSxcbiAgICAgICAgYmFja2dyb3VuZDogYGxpbmVhci1ncmFkaWVudCgke2dldCh0aGVtZSwgJ2NvbG9ycy5zdXJmYWNlJyl9LCAke2dldChcbiAgICAgICAgICB0aGVtZSxcbiAgICAgICAgICAnY29sb3JzLnN1cmZhY2UnXG4gICAgICAgICl9KSwgJHthbHBoYSgnb24uc3VyZmFjZScsIDAuMTIpKHRoZW1lKX1gLFxuICAgICAgICBiYWNrZ3JvdW5kQmxlbmRNb2RlOiAnb3ZlcmxheScsXG4gICAgICAgIGN1cnNvcjogJ2RlZmF1bHQnLFxuICAgICAgfSxcbiAgICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICAgIG91dGxpbmVDb2xvcjogZ2V0KHRoZW1lLCBgY29sb3JzLiR7U3RyaW5nKGNvbG9yKX1gKSB8fCBjb2xvcixcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6ICdhdXRvJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gICAgICB9LFxuICAgIH0pLFxuICAoeyBjb2xvciA9ICdwcmltYXJ5JyB9KSA9PlxuICAgIGNvbG9yID09PSAnc3VyZmFjZScgJiZcbiAgICBjc3MoeyBiYWNrZ3JvdW5kOiBtaXhDb2xvcignc3VyZmFjZScsICdwcmltYXJ5JywgMC4wNSkgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSaXBwbGVQcm9wZXJ0aWVzKHRoZW1lOiBUaGVtZSkge1xuICByZXR1cm4ge1xuICAgIGhvdmVyT3BhY2l0eTogZ2V0KHRoZW1lLCBgYnV0dG9ucy5vdmVybGF5cy5maWxsZWQuaG92ZXIub3BhY2l0eWApLFxuICAgIGZvY3VzT3BhY2l0eTogZ2V0KHRoZW1lLCBgYnV0dG9ucy5vdmVybGF5cy5maWxsZWQuZm9jdXMub3BhY2l0eWApLFxuICAgIHByZXNzZWRPcGFjaXR5OiBnZXQodGhlbWUsIGBidXR0b25zLm92ZXJsYXlzLmZpbGxlZC5wcmVzc2VkLm9wYWNpdHlgKSxcbiAgICByaXBwbGVFbmFibGVkOiBmYWxzZSxcbiAgfTtcbn1cbiJdfQ== */");
 function getRippleProperties$2(theme) {
   return {
     hoverOpacity: css.get(theme, `buttons.overlays.filled.hover.opacity`),
@@ -904,8 +911,10 @@ function getRippleProperties$2(theme) {
   };
 }
 
+const FloatingActionButton = FilledButton;
 function getRippleProperties$1(theme) {
-  return { ...getRippleProperties$2(theme),
+  return {
+    ...getRippleProperties$2(theme),
     rippleEnabled: true
   };
 }
@@ -917,7 +926,7 @@ const OutlinedButton = /*#__PURE__*/_styled__default["default"](TransparentButto
   label: "OutlinedButton"
 })(css.css({
   borderStyle: 'solid',
-  borderWidth: "0.0625rem",
+  borderWidth: '1px',
   borderColor: 'outline',
   boxShadow: 0,
   '&:focus,:&active,:&hover': {
@@ -931,53 +940,20 @@ const OutlinedButton = /*#__PURE__*/_styled__default["default"](TransparentButto
     borderColor: alpha('outline', 0.12),
     cursor: 'default'
   }
-}), ({
-  isGroupedButton = false
-}) => isGroupedButton && {
-  '[data-button-group=""] &': {
-    ':first-of-type': {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0
-    },
-    ':not(:first-of-type):not(:last-of-type)': {
-      borderRadius: 0,
-      borderRightWidth: 0,
-      borderLeftWidth: 0
-    },
-    ':last-of-type': {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      borderLeftStyle: 'solid',
-      borderLeftWidth: "0.0625rem"
-    },
-    // Handling the border between enabled/disabled buttons
-    ':not(:disabled):has(+ :disabled)': {
-      borderRightWidth: "0.0625rem",
-      borderRightStyle: 'solid'
-    },
-    ':disabled + :not(:disabled)': {
-      borderLeftWidth: "0.0625rem",
-      borderLeftStyle: 'solid'
-    },
-    ':not(:disabled) + :disabled': {
-      borderLeftWidth: "0rem"
-    },
-    ':disabled:has(+ :not(:disabled))': {
-      borderRightWidth: "0rem"
-    },
-    ':last-of-type:nth-of-type(2)': {
-      borderLeftWidth: "0rem"
-    }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk91dGxpbmVkQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPOEIiLCJmaWxlIjoiT3V0bGluZWRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuaW1wb3J0IHsgYWxwaGEgfSBmcm9tICcuLi9jb2xvcic7XG5pbXBvcnQgeyBUcmFuc3BhcmVudEJ1dHRvbiB9IGZyb20gJy4vVHJhbnNwYXJlbnRCdXR0b24nO1xuXG5leHBvcnQgY29uc3QgT3V0bGluZWRCdXR0b24gPSBzdHlsZWQoVHJhbnNwYXJlbnRCdXR0b24pKFxuICBjc3Moe1xuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiByZW0oMSksXG4gICAgYm9yZGVyQ29sb3I6ICdvdXRsaW5lJyxcbiAgICBib3hTaGFkb3c6IDAsXG4gICAgJyY6Zm9jdXMsOiZhY3RpdmUsOiZob3Zlcic6IHsgYm94U2hhZG93OiAwIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSwmOmFjdGl2ZSc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiAnY3VycmVudENvbG9yJyxcbiAgICB9LFxuICAgICcmOmRpc2FibGVkJzoge1xuICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXG4gICAgICBib3JkZXJDb2xvcjogYWxwaGEoJ291dGxpbmUnLCAwLjEyKSxcbiAgICAgIGN1cnNvcjogJ2RlZmF1bHQnLFxuICAgIH0sXG4gIH0pLFxuICAoeyBpc0dyb3VwZWRCdXR0b24gPSBmYWxzZSB9KSA9PlxuICAgIGlzR3JvdXBlZEJ1dHRvbiAmJiB7XG4gICAgICAnW2RhdGEtYnV0dG9uLWdyb3VwPVwiXCJdICYnOiB7XG4gICAgICAgICc6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogMCxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogMCxcbiAgICAgICAgfSxcbiAgICAgICAgJzpub3QoOmZpcnN0LW9mLXR5cGUpOm5vdCg6bGFzdC1vZi10eXBlKSc6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogMCxcbiAgICAgICAgICBib3JkZXJMZWZ0V2lkdGg6IDAsXG4gICAgICAgIH0sXG4gICAgICAgICc6bGFzdC1vZi10eXBlJzoge1xuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IDAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCxcbiAgICAgICAgICBib3JkZXJMZWZ0U3R5bGU6ICdzb2xpZCcsXG4gICAgICAgICAgYm9yZGVyTGVmdFdpZHRoOiByZW0oMSksXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEhhbmRsaW5nIHRoZSBib3JkZXIgYmV0d2VlbiBlbmFibGVkL2Rpc2FibGVkIGJ1dHRvbnNcbiAgICAgICAgJzpub3QoOmRpc2FibGVkKTpoYXMoKyA6ZGlzYWJsZWQpJzoge1xuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IHJlbSgxKSxcbiAgICAgICAgICBib3JkZXJSaWdodFN0eWxlOiAnc29saWQnLFxuICAgICAgICB9LFxuICAgICAgICAnOmRpc2FibGVkICsgOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgICAgIGJvcmRlckxlZnRXaWR0aDogcmVtKDEpLFxuICAgICAgICAgIGJvcmRlckxlZnRTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgfSxcbiAgICAgICAgJzpub3QoOmRpc2FibGVkKSArIDpkaXNhYmxlZCc6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0V2lkdGg6IHJlbSgwKSxcbiAgICAgICAgfSxcbiAgICAgICAgJzpkaXNhYmxlZDpoYXMoKyA6bm90KDpkaXNhYmxlZCkpJzoge1xuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IHJlbSgwKSxcbiAgICAgICAgfSxcbiAgICAgICAgJzpsYXN0LW9mLXR5cGU6bnRoLW9mLXR5cGUoMiknOiB7XG4gICAgICAgICAgYm9yZGVyTGVmdFdpZHRoOiByZW0oMCksXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH1cbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk91dGxpbmVkQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNOEIiLCJmaWxlIjoiT3V0bGluZWRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcblxuaW1wb3J0IHsgYWxwaGEgfSBmcm9tICcuLi9jb2xvcic7XG5pbXBvcnQgeyBUcmFuc3BhcmVudEJ1dHRvbiB9IGZyb20gJy4vVHJhbnNwYXJlbnRCdXR0b24nO1xuXG5leHBvcnQgY29uc3QgT3V0bGluZWRCdXR0b24gPSBzdHlsZWQoVHJhbnNwYXJlbnRCdXR0b24pKFxuICBjc3Moe1xuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBib3JkZXJDb2xvcjogJ291dGxpbmUnLFxuICAgIGJveFNoYWRvdzogMCxcbiAgICAnJjpmb2N1cyw6JmFjdGl2ZSw6JmhvdmVyJzogeyBib3hTaGFkb3c6IDAgfSxcbiAgICAnJjpmb2N1cy12aXNpYmxlLCY6YWN0aXZlJzoge1xuICAgICAgYm9yZGVyQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgIH0sXG4gICAgJyY6ZGlzYWJsZWQnOiB7XG4gICAgICBjb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjM4KSxcbiAgICAgIGJvcmRlckNvbG9yOiBhbHBoYSgnb3V0bGluZScsIDAuMTIpLFxuICAgICAgY3Vyc29yOiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 
 function getRippleProperties(theme) {
-  return { ...getRippleProperties$2(theme),
+  return {
+    ...getRippleProperties$2(theme),
     center: true,
     rippleEnabled: true
   };
 }
 
+const IconFilledButton = FilledButton;
+
+const IconOutlinedButton = OutlinedButton;
+
 const RIPPLE_BACKGROUND_COLOR = `--css-${hash__default["default"]('basic-ui-ripple-fg-bg-color')}`;
 const RIPPLE_TRANSLATE_START = `--css-${hash__default["default"]('basic-ui-ripple-fg-translate-start')}`;
 const RIPPLE_TRANSLATE_END = `--css-${hash__default["default"]('basic-ui-ripple-fg-translate-end')}`;
@@ -1004,12 +980,12 @@ const rippleStyle = ({
   animation,
   willChange: 'opacity,transform'
 });
-const Ripple = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+const Ripple = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "ebk8cct0"
 } : {
   target: "ebk8cct0",
   label: "Ripple"
-})(rippleStyle, "pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJpcHBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJzQiIsImZpbGUiOiJSaXBwbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuXHJcbmltcG9ydCB7XHJcbiAgUklQUExFX0JBQ0tHUk9VTkRfQ09MT1IsXHJcbiAgUklQUExFX1NJWkUsXHJcbiAgUklQUExFX1BPU0lUSU9OLFxyXG59IGZyb20gJy4vY29uc3RhbnRzJztcclxuXHJcbmV4cG9ydCBjb25zdCByaXBwbGVTdHlsZSA9ICh7XHJcbiAgYW5pbWF0aW9uLFxyXG59OiB7XHJcbiAgYW5pbWF0aW9uPzogc3RyaW5nO1xyXG59KTogQ1NTT2JqZWN0ID0+ICh7XHJcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgYm94U2l6aW5nOiAnY29udGVudC1ib3gnLFxyXG4gIGRpc3BsYXk6ICdibG9jaycsXHJcbiAgY29udGVudDogJ1wiXCInLFxyXG4gIHdpZHRoOiBgdmFyKCR7UklQUExFX1NJWkV9KWAsXHJcbiAgaGVpZ2h0OiBgdmFyKCR7UklQUExFX1NJWkV9KWAsXHJcbiAgdG9wOiBgdmFyKCR7UklQUExFX1BPU0lUSU9OfSlgLFxyXG4gIGxlZnQ6IGB2YXIoJHtSSVBQTEVfUE9TSVRJT059KWAsXHJcbiAgYmFja2dyb3VuZENvbG9yOiBgdmFyKCR7UklQUExFX0JBQ0tHUk9VTkRfQ09MT1J9KWAsXHJcbiAgdHJhbnNmb3JtT3JpZ2luOiAnY2VudGVyIGNlbnRlcicsXHJcbiAgb3BhY2l0eTogMCxcclxuICBib3JkZXJSYWRpdXM6ICc5OTk5OTlweCcsXHJcbiAgYW5pbWF0aW9uLFxyXG4gIHdpbGxDaGFuZ2U6ICdvcGFjaXR5LHRyYW5zZm9ybScsXHJcbn0pO1xyXG5cclxuZXhwb3J0IGNvbnN0IFJpcHBsZSA9IHN0eWxlZC5kaXY8eyBhbmltYXRpb24/OiBzdHJpbmcgfT4ocmlwcGxlU3R5bGUsIHtcclxuICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXHJcbn0pO1xyXG4iXX0= */"));
+})(rippleStyle, "pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJpcHBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJzQiIsImZpbGUiOiJSaXBwbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gIFJJUFBMRV9CQUNLR1JPVU5EX0NPTE9SLFxuICBSSVBQTEVfU0laRSxcbiAgUklQUExFX1BPU0lUSU9OLFxufSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbmV4cG9ydCBjb25zdCByaXBwbGVTdHlsZSA9ICh7XG4gIGFuaW1hdGlvbixcbn06IHtcbiAgYW5pbWF0aW9uPzogc3RyaW5nO1xufSk6IENTU09iamVjdCA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgYm94U2l6aW5nOiAnY29udGVudC1ib3gnLFxuICBkaXNwbGF5OiAnYmxvY2snLFxuICBjb250ZW50OiAnXCJcIicsXG4gIHdpZHRoOiBgdmFyKCR7UklQUExFX1NJWkV9KWAsXG4gIGhlaWdodDogYHZhcigke1JJUFBMRV9TSVpFfSlgLFxuICB0b3A6IGB2YXIoJHtSSVBQTEVfUE9TSVRJT059KWAsXG4gIGxlZnQ6IGB2YXIoJHtSSVBQTEVfUE9TSVRJT059KWAsXG4gIGJhY2tncm91bmRDb2xvcjogYHZhcigke1JJUFBMRV9CQUNLR1JPVU5EX0NPTE9SfSlgLFxuICB0cmFuc2Zvcm1PcmlnaW46ICdjZW50ZXIgY2VudGVyJyxcbiAgb3BhY2l0eTogMCxcbiAgYm9yZGVyUmFkaXVzOiAnOTk5OTk5cHgnLFxuICBhbmltYXRpb24sXG4gIHdpbGxDaGFuZ2U6ICdvcGFjaXR5LHRyYW5zZm9ybScsXG59KTtcblxuZXhwb3J0IGNvbnN0IFJpcHBsZSA9IHN0eWxlZC5kaXY8eyBhbmltYXRpb24/OiBzdHJpbmcgfT4ocmlwcGxlU3R5bGUsIHtcbiAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxufSk7XG4iXX0= */"));
 
 const radiusIn = react.keyframes({
   from: {
@@ -1043,24 +1019,25 @@ const defaultRipple = {
   scale: 0,
   centerX: 0,
   centerY: 0
-}; // Surface diameter is treated differently for unbounded vs. bounded ripples.
+};
+
+// Surface diameter is treated differently for unbounded vs. bounded ripples.
 // Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately
 // to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically
 // square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter
 // (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via
 // `overflow: hidden`.
-
 const getBoundedRadius = (rect, padding) => {
   const hypotenuse = Math.sqrt(Math.pow(rect.width, 2) + Math.pow(rect.height, 2));
   return hypotenuse + padding;
 };
-
 function getScale(rect) {
   const maxDim = Math.max(rect.height, rect.width);
   const padding = 10;
   const initialOriginScale = 0.6;
-  const maxRadius = getBoundedRadius(rect, padding); // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform
+  const maxRadius = getBoundedRadius(rect, padding);
 
+  // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform
   const initialSize = Math.floor(maxDim * initialOriginScale);
   return {
     size: initialSize,
@@ -1069,7 +1046,6 @@ function getScale(rect) {
     centerY: rect.height / 2
   };
 }
-
 function calculateRipplePosition(rect, clientX, clientY, center = false) {
   const rippleStart = center ? {
     x: rect.width / 2,
@@ -1084,94 +1060,90 @@ function calculateRipplePosition(rect, clientX, clientY, center = false) {
     ...getScale(rect)
   };
 }
-
 const useRipple = opts => {
   const {
     opacity,
     backgroundColor,
     enterDuration = 225,
     leaveDuration = 150
-  } = opts; // rippleState must be a ref, because it accesses the current value
+  } = opts;
+
+  // rippleState must be a ref, because it accesses the current value
   // inside closures... if we use state, it's gonna recapture
   // the state variable and won't work correctly
-
   const rippleState = react$1.useRef('left');
   const [ripple, setRipple] = react$1.useState(defaultRipple);
-  const leavingTimeout = react$1.useRef();
-  const enteringTimeout = react$1.useRef();
-  const restartTimeout = react$1.useRef();
-  const shouldLeave = react$1.useRef(false); // clear timeouts to avoid setting state on unmounted component
+  const leavingTimeout = react$1.useRef(undefined);
+  const enteringTimeout = react$1.useRef(undefined);
+  const restartTimeout = react$1.useRef(undefined);
+  const shouldLeave = react$1.useRef(false);
 
+  // clear timeouts to avoid setting state on unmounted component
   react$1.useEffect(() => {
     return () => {
       restartTimeout.current && cancelAnimationFrame(restartTimeout.current);
       clearTimeout(enteringTimeout.current);
       clearTimeout(leavingTimeout.current);
     };
-  }, []); // State handling
+  }, []);
 
+  // State handling
   const setLeft = () => {
     rippleState.current = 'left';
-    setRipple({ ...defaultRipple
+    setRipple({
+      ...defaultRipple
     });
   };
-
   const setLeaving = () => {
     clearTimeout(enteringTimeout.current);
     rippleState.current = 'leaving';
-    setRipple(ripple => ({ ...ripple
+    setRipple(ripple => ({
+      ...ripple
     }));
     leavingTimeout.current = window.setTimeout(setLeft, leaveDuration);
   };
-
   const setEntered = () => {
     rippleState.current = 'entered';
-    setRipple(ripple => ({ ...ripple
+    setRipple(ripple => ({
+      ...ripple
     }));
-
     if (shouldLeave.current) {
       setLeaving();
     }
   };
-
   const deactivate = () => {
     shouldLeave.current = true;
-
     if (rippleState.current === 'entered') {
       setLeaving();
     }
   };
-
   const activate = (rect, clientX, clientY, center = false) => {
     clearTimeout(leavingTimeout.current);
     clearTimeout(enteringTimeout.current);
     shouldLeave.current = false;
     rippleState.current = 'restart';
-    setRipple({ ...defaultRipple
+    setRipple({
+      ...defaultRipple
     });
     restartTimeout.current = requestAnimationFrame(() => {
       rippleState.current = 'entering';
       setRipple(calculateRipplePosition(rect, clientX, clientY, center));
       enteringTimeout.current = window.setTimeout(setEntered, enterDuration);
     });
-  }; // Styling
-
+  };
 
+  // Styling
   let animation = undefined;
-
   switch (rippleState.current) {
     case 'entering':
     case 'entered':
       animation = `${radiusIn} ${enterDuration}ms forwards,` + `${opacityIn} ${enterDuration / 3}ms forwards`;
       break;
-
     case 'leaving':
       animation = `${radiusIn} ${enterDuration}ms forwards,` + `${opacityOut} ${leaveDuration}ms forwards`;
       break;
   }
-
   let style = {};
-
   switch (rippleState.current) {
     case 'entering':
     case 'entered':
@@ -1187,64 +1159,57 @@ const useRipple = opts => {
       };
       break;
   }
-
   return {
     activate,
     deactivate,
     style,
-    animation // key: counter,
-
+    animation
+    // key: counter,
   };
 };
 
 const disabledHandler = () => {
   /* When disabled, we don't wanna handle neither keyDown, nor pointerDown */
 };
-
 function useRippleHandlers(opts) {
   const {
     activate,
     deactivate,
     ...rest
-  } = useRipple(opts); // Pointer activation
+  } = useRipple(opts);
 
+  // Pointer activation
   const handlePointerUp = () => {
     window.removeEventListener('pointerup', handlePointerUp);
     window.removeEventListener('pointercancel', handlePointerUp);
     deactivate();
   };
-
   const handlePointerDown = e => {
     const rect = e.currentTarget.getBoundingClientRect();
     activate(rect, e.clientX, e.clientY, opts.center);
     window.addEventListener('pointerup', handlePointerUp);
     window.addEventListener('pointercancel', handlePointerUp);
-  }; // Keyboard activation
-
+  };
 
+  // Keyboard activation
   const keyReleased = react$1.useRef(true);
-
   const handleKeyUp = e => {
     if (e.key !== ' ') {
       return;
     }
-
     window.removeEventListener('keyup', handleKeyUp);
     keyReleased.current = true;
     deactivate();
   };
-
   const handleKeyDown = e => {
     if (e.key !== ' ' || !keyReleased.current) {
       return;
     }
-
     const rect = e.currentTarget.getBoundingClientRect();
     keyReleased.current = false;
     activate(rect, 0, 0, true);
     window.addEventListener('keyup', handleKeyUp);
   };
-
   return {
     handleKeyDown: opts.disabled ? disabledHandler : handleKeyDown,
     handlePointerDown: opts.disabled ? disabledHandler : handlePointerDown,
@@ -1273,13 +1238,11 @@ function useRippleSurface(opts = {}) {
   } = opts;
   const theme = useTheme();
   rippleColor = css.get(theme, `colors.${rippleColor}`) || rippleColor;
-
   if (disabled) {
     hoverOpacity = baseOpacity;
     focusOpacity = baseOpacity;
     pressedOpacity = baseOpacity;
   }
-
   const {
     handleKeyDown,
     handlePointerDown,
@@ -1347,14 +1310,16 @@ function useRippleSurface(opts = {}) {
     },
     // ripple
     ...(rippleEnabled && {
-      '&::after': { ...rippleStyle({
+      '&::after': {
+        ...rippleStyle({
           animation
         })
       }
     })
   }), [animation, baseOpacity, focusOpacity, focusPseudoClass, hoverOpacity, pressedOpacity, rippleColor, rippleEnabled]);
   return {
-    style: { ...animationStyle,
+    style: {
+      ...animationStyle,
       ...style
     },
     onKeyDown: core.wrapEvent(onKeyDown, handleKeyDown),
@@ -1370,27 +1335,16 @@ const RippleBox = /*#__PURE__*/react$1.forwardRef(function RippleBox(props, forw
     // Cherry picking the ripple props to prevent it from falling down to
     // the Box component
     onKeyDown,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     onPointerDown,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     baseOpacity,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     hoverOpacity,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     focusOpacity,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     pressedOpacity,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     rippleColor,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     center,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     disabled,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     rippleEnabled,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     style,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
     ...otherProps
   } = props;
   const {
@@ -1400,7 +1354,8 @@ const RippleBox = /*#__PURE__*/react$1.forwardRef(function RippleBox(props, forw
   return /*#__PURE__*/jsxRuntime.jsx(Box, {
     as: as,
     ref: forwardedRef,
-    __css: { ...rippleCss,
+    __css: {
+      ...rippleCss,
       ...__css
     },
     disabled,
@@ -1409,6 +1364,8 @@ const RippleBox = /*#__PURE__*/react$1.forwardRef(function RippleBox(props, forw
   });
 });
 
+// ButtonGroup Component
+
 const ButtonGroupContext = /*#__PURE__*/react$1.createContext(null);
 ButtonGroupContext.displayName = 'ButtonGroupContext';
 const useButtonGroupContext = () => react$1.useContext(ButtonGroupContext);
@@ -1417,40 +1374,54 @@ const componentMapping = {
   text: TransparentButton,
   outlined: OutlinedButton,
   filled: FilledButton,
-  fab: FilledButton,
-  'fab-mini': FilledButton,
-  'fab-large': FilledButton,
+  fab: FloatingActionButton,
   'fab-extended': FilledButton,
-  icon: TransparentButton
+  icon: TransparentButton,
+  'icon-filled': IconFilledButton,
+  'icon-outlined': IconOutlinedButton
 };
 const rippleMapping = {
   text: getRippleProperties$3,
   outlined: getRippleProperties$3,
   filled: getRippleProperties$2,
   fab: getRippleProperties$1,
-  'fab-mini': getRippleProperties$1,
-  'fab-large': getRippleProperties$1,
-  'fab-extended': getRippleProperties$2,
-  icon: getRippleProperties
+  'fab-extended': getRippleProperties$1,
+  icon: getRippleProperties,
+  'icon-filled': getRippleProperties,
+  'icon-outlined': getRippleProperties
 };
-
 function getFallbackElevation(variant = 'text') {
-  if (variant === 'text' || variant === 'outlined' || variant === 'icon') {
-    return 'none';
+  if (variant === 'fab' || variant === 'fab-extended') {
+    return 'floating';
   }
-
-  return 'default';
+  if (variant === 'filled') {
+    return 'default';
+  }
+  return 'none';
+}
+function getFallbackSize(variant = 'text') {
+  if (variant === 'fab-extended') {
+    return 'md';
+  }
+  return 'sm';
+}
+function getFallbackShape(variant = 'text') {
+  if (variant === 'fab' || variant === 'fab-extended') {
+    return 'square';
+  }
+  return 'rounded';
 }
-
 const Button = /*#__PURE__*/react$1.forwardRef(function Button(props, forwardedRef) {
   const buttonGroup = useButtonGroupContext();
   const {
     children,
-    variant = buttonGroup?.variant || 'text',
+    variant = buttonGroup?.buttonVariant || 'text',
     onPointerDown: onPointerDownProp,
     onKeyDown: onKeyDownProp,
     color = 'primary',
     disabled = false,
+    size = getFallbackSize(props.variant),
+    shape = getFallbackShape(props.variant),
     elevation = getFallbackElevation(props.variant),
     style: styleProp,
     ...otherProps
@@ -1458,13 +1429,18 @@ const Button = /*#__PURE__*/react$1.forwardRef(function Button(props, forwardedR
   const theme = useTheme();
   const Comp = componentMapping[variant];
   const getRippleProperties = rippleMapping[variant];
-  const rippleProps = useRippleSurface({ ...getRippleProperties(theme),
+  const rippleProps = useRippleSurface({
+    ...(getRippleProperties?.(theme) ?? {}),
     rippleColor: 'currentColor',
     disabled,
     style: styleProp,
     onKeyDown: onKeyDownProp,
     onPointerDown: onPointerDownProp
   });
+  if (!Comp || !getRippleProperties) {
+    console.warn(`Unsupported button variant: ${variant}.`);
+    return null;
+  }
   return /*#__PURE__*/jsxRuntime.jsx(Comp, {
     ref: forwardedRef,
     variant: variant,
@@ -1472,6 +1448,8 @@ const Button = /*#__PURE__*/react$1.forwardRef(function Button(props, forwardedR
     disabled: disabled,
     "aria-disabled": disabled ? 'true' : undefined,
     color: color,
+    size: size,
+    shape: shape,
     elevation: elevation,
     isGroupedButton: Boolean(buttonGroup),
     ...rippleProps,
@@ -1480,29 +1458,158 @@ const Button = /*#__PURE__*/react$1.forwardRef(function Button(props, forwardedR
   });
 });
 
+function getButtonGroupVariant(variant) {
+  if (variant !== 'standard' && variant !== 'connected' && variant !== 'split') {
+    console.warn(`Invalid ButtonGroup variant: ${variant}. Expected 'standard', 'connected', or 'split'. Defaulting to 'standard'.`);
+    return 'standard';
+  }
+  return variant;
+}
 const ButtonGroup = /*#__PURE__*/react$1.forwardRef(function ButtonGroup(props, forwardedRef) {
   const {
-    as: Comp = 'div',
-    variant = 'text',
+    as = 'div',
+    buttonVariant = 'filled',
+    variant: variantProp = 'standard',
     direction = 'row',
+    connected = false,
     ...otherProps
   } = props;
+  const variant = getButtonGroupVariant(variantProp);
   const value = react$1.useMemo(() => ({
     direction,
-    variant
-  }), [direction, variant]);
+    variant,
+    buttonVariant,
+    connected
+  }), [direction, variant, buttonVariant, connected]);
   return /*#__PURE__*/jsxRuntime.jsx(ButtonGroupContext.Provider, {
     value: value,
-    children: /*#__PURE__*/jsxRuntime.jsx(Comp, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Box, {
+      as: as,
       ref: forwardedRef,
       role: "group",
+      __css: {
+        display: 'flex',
+        flexDirection: direction,
+        gap: variant === 'standard' ? 2 : "0.125rem",
+        ...(variant === 'standard' ? {
+          '[data-button-grouped=""]': {
+            '--btn-inner-radius': 'var(--btn-standard-inner-radius)',
+            borderRadius: 'var(--btn-pill-radius)'
+          },
+          '[data-button-grouped=""][data-button-shape="square"], [data-button-grouped=""][aria-pressed="true"]': {
+            borderRadius: 'var(--btn-inner-radius)'
+          },
+          '[data-button-grouped=""][data-button-shape="square"][aria-pressed="true"]': {
+            borderRadius: 'var(--btn-pill-radius)'
+          }
+        } : {
+          '[data-button-grouped=""]': {
+            '--btn-inner-radius': variant === 'connected' ? 'var(--btn-connected-inner-radius)' : 'var(--btn-split-inner-radius)',
+            borderRadius: 'var(--btn-inner-radius)'
+          },
+          '[data-button-grouped=""]:first-of-type': {
+            borderTopLeftRadius: 'var(--btn-pill-radius)',
+            borderBottomLeftRadius: 'var(--btn-pill-radius)'
+          },
+          '[data-button-grouped=""]:last-of-type': {
+            borderTopRightRadius: 'var(--btn-pill-radius)',
+            borderBottomRightRadius: 'var(--btn-pill-radius)'
+          },
+          '[data-button-grouped=""][data-button-shape="square"]': {
+            borderRadius: 'var(--btn-inner-radius)'
+          },
+          '[data-button-grouped=""][aria-pressed="true"]': {
+            borderRadius: 'var(--btn-pill-radius)'
+          },
+          '[data-split-menu-button=""]': {
+            '&[data-button-size="xs"], &[data-button-size="sm"]': {
+              pl: "0.75rem",
+              pr: "0.875rem",
+              '&[aria-expanded="true"]': {
+                px: "0.8125rem"
+              },
+              '& svg': {
+                width: "1.375rem",
+                height: "1.375rem"
+              }
+            },
+            '&[data-button-size="md"]': {
+              pl: "0.8125rem",
+              pr: "1.0625rem",
+              '&[aria-expanded="true"]': {
+                px: "0.9375rem"
+              },
+              '& svg': {
+                width: "1.625rem",
+                height: "1.625rem"
+              }
+            },
+            '&[data-button-size="lg"]': {
+              pl: "1.625rem",
+              pr: "2rem",
+              '&[aria-expanded="true"]': {
+                px: "1.8125rem"
+              },
+              '& svg': {
+                width: "2.375rem",
+                height: "2.375rem"
+              }
+            },
+            '&[data-button-size="xl"]': {
+              pl: "2.3125rem",
+              pr: "3.125rem",
+              '&[aria-expanded="true"]': {
+                px: "2.6875rem"
+              },
+              '& svg': {
+                width: "3.0625rem",
+                height: "3.0625rem"
+              }
+            },
+            '&[aria-expanded="true"]': {
+              borderRadius: 'var(--btn-pill-radius)'
+            },
+            '&[aria-expanded="true"] > svg': {
+              transform: 'rotate(180deg)',
+              transition: 'transform 200ms'
+            }
+          }
+        })
+      },
       "data-button-group": "",
       "data-button-group-direction": direction,
+      "data-button-group-variant": variant,
       ...otherProps
     })
   });
 });
 
+const SplitButtonGroup = /*#__PURE__*/react$1.forwardRef(function SplitButtonGroup(props, ref) {
+  return /*#__PURE__*/jsxRuntime.jsx(ButtonGroup, {
+    ref: ref,
+    variant: "split",
+    ...props
+  });
+});
+const SplitButton = /*#__PURE__*/react$1.forwardRef(function SplitButton(props, ref) {
+  return /*#__PURE__*/jsxRuntime.jsx(Button, {
+    ref: ref,
+    ...props
+  });
+});
+const SplitMenuButton = /*#__PURE__*/react$1.forwardRef(function SplitMenuButton({
+  as = 'button',
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsxRuntime.jsx(core.MenuButton, {
+    as: Button,
+    innerAs: as,
+    ref: ref,
+    "data-split-menu-button": "",
+    ...props
+  });
+});
+
 const AppBarButton = /*#__PURE__*/react$1.forwardRef(function AppBarButton(props, forwardedRef) {
   const {
     variant = 'icon',
@@ -1541,11 +1648,9 @@ const Text = /*#__PURE__*/react$1.forwardRef(function Text(props, forwardedRef)
     ...otherProps
   } = props;
   let Comp = as;
-
   if (!Comp) {
     Comp = mappings[variant] || 'p';
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(Box, {
     as: Comp,
     ref: forwardedRef,
@@ -1747,7 +1852,7 @@ const BaseLine = () => {
         '[hidden]': {
           display: 'none'
         }
-      }, process.env.NODE_ENV === "production" ? "" : ";label:BaseLine;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VMaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZUSIsImZpbGUiOiJCYXNlTGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmltcG9ydCB7IGNzcywgZ2V0IH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcclxuXHJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xyXG5cclxuZXhwb3J0IGNvbnN0IEJhc2VMaW5lID0gKCkgPT4ge1xyXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcclxuICByZXR1cm4gKFxyXG4gICAgPD5cclxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2NzcyhnZXQodGhlbWUsICdzdHlsZXMucm9vdCcsIHt9KSl9IC8+XHJcbiAgICAgIHsvKiBub3JtYWxpemUuY3NzICovfVxyXG4gICAgICA8R2xvYmFsXHJcbiAgICAgICAgc3R5bGVzPXt7XHJcbiAgICAgICAgICBodG1sOiB7IGxpbmVIZWlnaHQ6ICcxLjE1JywgV2Via2l0VGV4dFNpemVBZGp1c3Q6ICcxMDAlJyB9LFxyXG4gICAgICAgICAgYm9keToge1xyXG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICBtYWluOiB7IGRpc3BsYXk6ICdibG9jaycgfSxcclxuICAgICAgICAgIGgxOiB7IGZvbnRTaXplOiAnMmVtJywgbWFyZ2luOiAnMC42N2VtIDAnIH0sXHJcbiAgICAgICAgICBocjogeyBib3hTaXppbmc6ICdjb250ZW50LWJveCcsIGhlaWdodDogJzAnLCBvdmVyZmxvdzogJ3Zpc2libGUnIH0sXHJcbiAgICAgICAgICBwcmU6IHsgZm9udEZhbWlseTogJ21vbm9zcGFjZSwgbW9ub3NwYWNlJywgZm9udFNpemU6ICcxZW0nIH0sXHJcbiAgICAgICAgICBhOiB7IGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyB9LFxyXG4gICAgICAgICAgJ2FiYnJbdGl0bGVdJzoge1xyXG4gICAgICAgICAgICBib3JkZXJCb3R0b206ICdub25lJyxcclxuICAgICAgICAgICAgdGV4dERlY29yYXRpb246IFsndW5kZXJsaW5lJywgJ3VuZGVybGluZSBkb3R0ZWQnXSxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICAnYixzdHJvbmcnOiB7IGZvbnRXZWlnaHQ6ICdib2xkZXInIH0sXHJcbiAgICAgICAgICAnY29kZSxrYmQsc2FtcCc6IHtcclxuICAgICAgICAgICAgZm9udEZhbWlseTogJ21vbm9zcGFjZSwgbW9ub3NwYWNlJyxcclxuICAgICAgICAgICAgZm9udFNpemU6ICcxZW0nLFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgIHNtYWxsOiB7IGZvbnRTaXplOiAnODAlJyB9LFxyXG4gICAgICAgICAgJ3N1YixzdXAnOiB7XHJcbiAgICAgICAgICAgIGZvbnRTaXplOiAnNzUlJyxcclxuICAgICAgICAgICAgbGluZUhlaWdodDogJzAnLFxyXG4gICAgICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcclxuICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ2Jhc2VsaW5lJyxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICBzdWI6IHsgYm90dG9tOiAnLTAuMjVlbScgfSxcclxuICAgICAgICAgIHN1cDogeyB0b3A6ICctMC41ZW0nIH0sXHJcbiAgICAgICAgICBpbWc6IHsgYm9yZGVyU3R5bGU6ICdub25lJyB9LFxyXG4gICAgICAgICAgJ2J1dHRvbixpbnB1dCxvcHRncm91cCxzZWxlY3QsdGV4dGFyZWEnOiB7XHJcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6ICdpbmhlcml0JyxcclxuICAgICAgICAgICAgZm9udFNpemU6ICcxMDAlJyxcclxuICAgICAgICAgICAgbGluZUhlaWdodDogJzEuMTUnLFxyXG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICAnYnV0dG9uLGlucHV0JzogeyBvdmVyZmxvdzogJ3Zpc2libGUnIH0sXHJcbiAgICAgICAgICAnYnV0dG9uLHNlbGVjdCc6IHsgdGV4dFRyYW5zZm9ybTogJ25vbmUnIH0sXHJcbiAgICAgICAgICAnYnV0dG9uLFt0eXBlPVwiYnV0dG9uXCJdLFt0eXBlPVwicmVzZXRcIl0sW3R5cGU9XCJzdWJtaXRcIl0nOiB7XHJcbiAgICAgICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6ICdidXR0b24nLFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgICdidXR0b246Oi1tb3otZm9jdXMtaW5uZXIsW3R5cGU9XCJidXR0b25cIl06Oi1tb3otZm9jdXMtaW5uZXIsW3R5cGU9XCJyZXNldFwiXTo6LW1vei1mb2N1cy1pbm5lcixbdHlwZT1cInN1Ym1pdFwiXTo6LW1vei1mb2N1cy1pbm5lcic6XHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICBib3JkZXJTdHlsZTogJ25vbmUnLFxyXG4gICAgICAgICAgICAgIHBhZGRpbmc6ICcwJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICdidXR0b246LW1vei1mb2N1c3JpbmcsW3R5cGU9XCJidXR0b25cIl06LW1vei1mb2N1c3JpbmcsW3R5cGU9XCJyZXNldFwiXTotbW96LWZvY3VzcmluZyxbdHlwZT1cInN1Ym1pdFwiXTotbW96LWZvY3VzcmluZyc6XHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICBvdXRsaW5lOiAnMXB4IGRvdHRlZCBCdXR0b25UZXh0JyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgIGZpZWxkc2V0OiB7IHBhZGRpbmc6ICcwLjM1ZW0gMC43NWVtIDAuNjI1ZW0nIH0sXHJcbiAgICAgICAgICBsZWdlbmQ6IHtcclxuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXHJcbiAgICAgICAgICAgIGNvbG9yOiAnaW5oZXJpdCcsXHJcbiAgICAgICAgICAgIGRpc3BsYXk6ICd0YWJsZScsXHJcbiAgICAgICAgICAgIG1heFdpZHRoOiAnMTAwJScsXHJcbiAgICAgICAgICAgIHBhZGRpbmc6ICcwJyxcclxuICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vcm1hbCcsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgcHJvZ3Jlc3M6IHsgdmVydGljYWxBbGlnbjogJ2Jhc2VsaW5lJyB9LFxyXG4gICAgICAgICAgdGV4dGFyZWE6IHsgb3ZlcmZsb3c6ICdhdXRvJyB9LFxyXG4gICAgICAgICAgJ1t0eXBlPVwiY2hlY2tib3hcIl0sW3R5cGU9XCJyYWRpb1wiXSc6IHtcclxuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXHJcbiAgICAgICAgICAgIHBhZGRpbmc6ICcwJyxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICAnW3R5cGU9XCJudW1iZXJcIl06Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sW3R5cGU9XCJudW1iZXJcIl06Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24nOlxyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnYXV0bycsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAnW3R5cGU9XCJzZWFyY2hcIl0nOiB7XHJcbiAgICAgICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6ICd0ZXh0ZmllbGQnLFxyXG4gICAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTJweCcsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgJ1t0eXBlPVwic2VhcmNoXCJdOjotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uJzoge1xyXG4gICAgICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiAnbm9uZScsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgJzo6LXdlYmtpdC1maWxlLXVwbG9hZC1idXR0b24nOiB7XHJcbiAgICAgICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6ICdidXR0b24nLFxyXG4gICAgICAgICAgICBmb250OiAnaW5oZXJpdCcsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgZGV0YWlsczogeyBkaXNwbGF5OiAnYmxvY2snIH0sXHJcbiAgICAgICAgICBzdW1tYXJ5OiB7IGRpc3BsYXk6ICdsaXN0LWl0ZW0nIH0sXHJcbiAgICAgICAgICB0ZW1wbGF0ZTogeyBkaXNwbGF5OiAnbm9uZScgfSxcclxuICAgICAgICAgICdbaGlkZGVuXSc6IHsgZGlzcGxheTogJ25vbmUnIH0sXHJcbiAgICAgICAgfX1cclxuICAgICAgLz5cclxuICAgIDwvPlxyXG4gICk7XHJcbn07XHJcbiJdfQ== */")
+      }, process.env.NODE_ENV === "production" ? "" : ";label:BaseLine;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VMaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZUSIsImZpbGUiOiJCYXNlTGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjc3MsIGdldCB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL2Nzcyc7XG5cbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgQmFzZUxpbmUgPSAoKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2NzcyhnZXQodGhlbWUsICdzdHlsZXMucm9vdCcsIHt9KSl9IC8+XG4gICAgICB7Lyogbm9ybWFsaXplLmNzcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXt7XG4gICAgICAgICAgaHRtbDogeyBsaW5lSGVpZ2h0OiAnMS4xNScsIFdlYmtpdFRleHRTaXplQWRqdXN0OiAnMTAwJScgfSxcbiAgICAgICAgICBib2R5OiB7XG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIG1haW46IHsgZGlzcGxheTogJ2Jsb2NrJyB9LFxuICAgICAgICAgIGgxOiB7IGZvbnRTaXplOiAnMmVtJywgbWFyZ2luOiAnMC42N2VtIDAnIH0sXG4gICAgICAgICAgaHI6IHsgYm94U2l6aW5nOiAnY29udGVudC1ib3gnLCBoZWlnaHQ6ICcwJywgb3ZlcmZsb3c6ICd2aXNpYmxlJyB9LFxuICAgICAgICAgIHByZTogeyBmb250RmFtaWx5OiAnbW9ub3NwYWNlLCBtb25vc3BhY2UnLCBmb250U2l6ZTogJzFlbScgfSxcbiAgICAgICAgICBhOiB7IGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyB9LFxuICAgICAgICAgICdhYmJyW3RpdGxlXSc6IHtcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbTogJ25vbmUnLFxuICAgICAgICAgICAgdGV4dERlY29yYXRpb246IFsndW5kZXJsaW5lJywgJ3VuZGVybGluZSBkb3R0ZWQnXSxcbiAgICAgICAgICB9LFxuICAgICAgICAgICdiLHN0cm9uZyc6IHsgZm9udFdlaWdodDogJ2JvbGRlcicgfSxcbiAgICAgICAgICAnY29kZSxrYmQsc2FtcCc6IHtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6ICdtb25vc3BhY2UsIG1vbm9zcGFjZScsXG4gICAgICAgICAgICBmb250U2l6ZTogJzFlbScsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBzbWFsbDogeyBmb250U2l6ZTogJzgwJScgfSxcbiAgICAgICAgICAnc3ViLHN1cCc6IHtcbiAgICAgICAgICAgIGZvbnRTaXplOiAnNzUlJyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcwJyxcbiAgICAgICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ2Jhc2VsaW5lJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIHN1YjogeyBib3R0b206ICctMC4yNWVtJyB9LFxuICAgICAgICAgIHN1cDogeyB0b3A6ICctMC41ZW0nIH0sXG4gICAgICAgICAgaW1nOiB7IGJvcmRlclN0eWxlOiAnbm9uZScgfSxcbiAgICAgICAgICAnYnV0dG9uLGlucHV0LG9wdGdyb3VwLHNlbGVjdCx0ZXh0YXJlYSc6IHtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTAwJScsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMS4xNScsXG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgICdidXR0b24saW5wdXQnOiB7IG92ZXJmbG93OiAndmlzaWJsZScgfSxcbiAgICAgICAgICAnYnV0dG9uLHNlbGVjdCc6IHsgdGV4dFRyYW5zZm9ybTogJ25vbmUnIH0sXG4gICAgICAgICAgJ2J1dHRvbixbdHlwZT1cImJ1dHRvblwiXSxbdHlwZT1cInJlc2V0XCJdLFt0eXBlPVwic3VibWl0XCJdJzoge1xuICAgICAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogJ2J1dHRvbicsXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnYnV0dG9uOjotbW96LWZvY3VzLWlubmVyLFt0eXBlPVwiYnV0dG9uXCJdOjotbW96LWZvY3VzLWlubmVyLFt0eXBlPVwicmVzZXRcIl06Oi1tb3otZm9jdXMtaW5uZXIsW3R5cGU9XCJzdWJtaXRcIl06Oi1tb3otZm9jdXMtaW5uZXInOlxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBib3JkZXJTdHlsZTogJ25vbmUnLFxuICAgICAgICAgICAgICBwYWRkaW5nOiAnMCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICdidXR0b246LW1vei1mb2N1c3JpbmcsW3R5cGU9XCJidXR0b25cIl06LW1vei1mb2N1c3JpbmcsW3R5cGU9XCJyZXNldFwiXTotbW96LWZvY3VzcmluZyxbdHlwZT1cInN1Ym1pdFwiXTotbW96LWZvY3VzcmluZyc6XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIG91dGxpbmU6ICcxcHggZG90dGVkIEJ1dHRvblRleHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICBmaWVsZHNldDogeyBwYWRkaW5nOiAnMC4zNWVtIDAuNzVlbSAwLjYyNWVtJyB9LFxuICAgICAgICAgIGxlZ2VuZDoge1xuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICBjb2xvcjogJ2luaGVyaXQnLFxuICAgICAgICAgICAgZGlzcGxheTogJ3RhYmxlJyxcbiAgICAgICAgICAgIG1heFdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICBwYWRkaW5nOiAnMCcsXG4gICAgICAgICAgICB3aGl0ZVNwYWNlOiAnbm9ybWFsJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIHByb2dyZXNzOiB7IHZlcnRpY2FsQWxpZ246ICdiYXNlbGluZScgfSxcbiAgICAgICAgICB0ZXh0YXJlYTogeyBvdmVyZmxvdzogJ2F1dG8nIH0sXG4gICAgICAgICAgJ1t0eXBlPVwiY2hlY2tib3hcIl0sW3R5cGU9XCJyYWRpb1wiXSc6IHtcbiAgICAgICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJ1t0eXBlPVwibnVtYmVyXCJdOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFt0eXBlPVwibnVtYmVyXCJdOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uJzpcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICdbdHlwZT1cInNlYXJjaFwiXSc6IHtcbiAgICAgICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6ICd0ZXh0ZmllbGQnLFxuICAgICAgICAgICAgb3V0bGluZU9mZnNldDogJy0ycHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJ1t0eXBlPVwic2VhcmNoXCJdOjotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uJzoge1xuICAgICAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogJ25vbmUnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJzo6LXdlYmtpdC1maWxlLXVwbG9hZC1idXR0b24nOiB7XG4gICAgICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiAnYnV0dG9uJyxcbiAgICAgICAgICAgIGZvbnQ6ICdpbmhlcml0JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIGRldGFpbHM6IHsgZGlzcGxheTogJ2Jsb2NrJyB9LFxuICAgICAgICAgIHN1bW1hcnk6IHsgZGlzcGxheTogJ2xpc3QtaXRlbScgfSxcbiAgICAgICAgICB0ZW1wbGF0ZTogeyBkaXNwbGF5OiAnbm9uZScgfSxcbiAgICAgICAgICAnW2hpZGRlbl0nOiB7IGRpc3BsYXk6ICdub25lJyB9LFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */")
     })]
   });
 };
@@ -1821,14 +1926,16 @@ function useAnimation(opts) {
     open: openProp
   });
   const handleClose = react$1.useCallback(() => {
-    setAnimation(animation => animation.state === 'closed' ? animation : { ...animation,
+    setAnimation(animation => animation.state === 'closed' ? animation : {
+      ...animation,
       state: 'close',
       style: animationStyle.close || animationStyle.closed,
       timing: closeTimeoutInMilliseconds
     });
   }, [animationStyle, closeTimeoutInMilliseconds]);
   const handleOpen = react$1.useCallback(() => {
-    setAnimation(animation => animation.state === 'open' ? animation : { ...animation,
+    setAnimation(animation => animation.state === 'open' ? animation : {
+      ...animation,
       open: true,
       state: 'opening',
       style: animationStyle.opening || animationStyle.closed
@@ -1836,7 +1943,8 @@ function useAnimation(opts) {
   }, [animationStyle]);
   react$1.useEffect(() => {
     if (state === 'opening') {
-      setAnimation(animation => ({ ...animation,
+      setAnimation(animation => ({
+        ...animation,
         state: 'open',
         style: animationStyle.open,
         timing: openTimeoutInMilliseconds
@@ -1933,7 +2041,8 @@ function useDialogAnimation(opts) {
   const transition = `opacity ${timing}ms ${EASING_STANDARD},transform ${timing}ms ${EASING_STANDARD}`;
   const scrimTransition = `opacity ${timing * 0.4 | 0}ms ${EASING_STANDARD}`;
   return {
-    containerStyle: { ...style,
+    containerStyle: {
+      ...style,
       transition
     },
     scrimStyle: {
@@ -2020,11 +2129,9 @@ const BottomSheet = /*#__PURE__*/react$1.forwardRef(function BottomSheet(props,
     open: openProp,
     mode: 'slide'
   });
-
   if (!open) {
     return null;
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(core.Portal, {
     children: /*#__PURE__*/jsxRuntime.jsxs(DialogBackdrop, {
       onClose: onClose,
@@ -2129,6 +2236,8 @@ const Input = /*#__PURE__*/react$1.forwardRef(function Input(props, forwardedRef
   });
 });
 
+// NotchedOutline Component
+
 const notchedoutlineContext = /*#__PURE__*/react$1.createContext(null);
 const {
   Provider: NotchedOutlineProvider
@@ -2191,7 +2300,7 @@ const LineRipple = /*#__PURE__*/react$1.forwardRef(function LineRipple(props, fo
   } = props;
   const [style, setStyle] = react$1.useState();
   const theme = useTheme();
-  const leaveTimeout = react$1.useRef();
+  const leaveTimeout = react$1.useRef(undefined);
   react$1.useEffect(() => {
     if (active) {
       setStyle({
@@ -2208,7 +2317,6 @@ const LineRipple = /*#__PURE__*/react$1.forwardRef(function LineRipple(props, fo
         setStyle(undefined);
       }, transitionDuration);
     }
-
     return () => {
       clearTimeout(leaveTimeout.current);
     };
@@ -2218,7 +2326,8 @@ const LineRipple = /*#__PURE__*/react$1.forwardRef(function LineRipple(props, fo
     ref: forwardedRef,
     bg: color,
     theme: theme,
-    style: { ...style,
+    style: {
+      ...style,
       ...styleProp
     },
     __css: {
@@ -2239,7 +2348,6 @@ const LineRipple = /*#__PURE__*/react$1.forwardRef(function LineRipple(props, fo
 });
 
 const makeSelector$1 = state => `input:${state} ~ &,` + `select:${state} ~ &,` + `button:${state} ~ &,` + `textarea:${state} ~ &,` + `[role="button"]:${state} ~ &`;
-
 const FilledContainerOverlay = props => {
   const {
     forceActive
@@ -2272,7 +2380,6 @@ const FilledContainerOverlay = props => {
     }
   });
 };
-
 const FilledContainerBorderBottom = () => /*#__PURE__*/jsxRuntime.jsx(Box, {
   __css: {
     position: 'absolute',
@@ -2287,7 +2394,6 @@ const FilledContainerBorderBottom = () => /*#__PURE__*/jsxRuntime.jsx(Box, {
     }
   }
 });
-
 const FilledContainer = /*#__PURE__*/react$1.forwardRef(function FilledContainer(props, forwardedRef) {
   const {
     label,
@@ -2334,9 +2440,12 @@ const FilledContainer = /*#__PURE__*/react$1.forwardRef(function FilledContainer
       height: inputHeight,
       offsetX: leadingIcon ? PADDING_LEFT_WITH_ICON + ICON_WIDTH + PADDING_LEFT_WITHOUT_ICON : PADDING_LEFT_WITHOUT_ICON,
       translateX: 0,
-      translateY: // To debug, delete these lines one by one to see it doing its work
-      -(inputHeight * 0.5) + // Put it at the top, crossing middle label
-      labelHeight * 0.75 * 0.5 + // Put it at position 0
+      translateY:
+      // To debug, delete these lines one by one to see it doing its work
+      -(inputHeight * 0.5) +
+      // Put it at the top, crossing middle label
+      labelHeight * 0.75 * 0.5 +
+      // Put it at position 0
       8 // Add a 8px padding to the top
       ,
       active: labelIsFloating,
@@ -2353,9 +2462,7 @@ const FilledContainer = /*#__PURE__*/react$1.forwardRef(function FilledContainer
 });
 
 const NOTCH_PADDING = 4;
-
 const makeSelector = state => `input:${state} ~ & [data-notch-outline-item],` + `select:${state} ~ & [data-notch-outline-item],` + `[role="button"]:${state} ~ & [data-notch-outline-item],` + `textarea:${state} ~ & [data-notch-outline-item]`;
-
 const InnerContainer = /*#__PURE__*/_styled__default["default"]('div', process.env.NODE_ENV === "production" ? {
   shouldForwardProp: shouldForwardProp__default["default"],
   target: "ejp8zhv0"
@@ -2376,7 +2483,6 @@ const InnerContainer = /*#__PURE__*/_styled__default["default"]('div', process.e
   const borderRadius = polished.rem(borderRadiusPx);
   const borderWidth = polished.rem(borderWidthPx);
   const borderWidthWhenFocused = polished.rem(borderWidthWhenFocusedPx);
-
   function borderStyling(borderRadius, borderWidth) {
     return {
       ['&[data-notch-outline-item="start"]']: {
@@ -2399,7 +2505,6 @@ const InnerContainer = /*#__PURE__*/_styled__default["default"]('div', process.e
       }
     };
   }
-
   const inactiveStyle = {
     color: 'on.surface-variant',
     borderColor: 'outline',
@@ -2433,7 +2538,7 @@ const InnerContainer = /*#__PURE__*/_styled__default["default"]('div', process.e
     // notch items styles when input is disabled
     [makeSelector('disabled')]: disabledStyle
   });
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I4QiIsImZpbGUiOiJzdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XHJcbmltcG9ydCBzaG91bGRGb3J3YXJkUHJvcCBmcm9tICdAc3R5bGVkLXN5c3RlbS9zaG91bGQtZm9yd2FyZC1wcm9wJztcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcclxuXHJcbmltcG9ydCB7IGFscGhhIH0gZnJvbSAnLi4vY29sb3InO1xyXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xyXG5pbXBvcnQgeyBFQVNJTkdfU1RBTkRBUkQgfSBmcm9tICcuLi9tb3Rpb24nO1xyXG5cclxuZXhwb3J0IGNvbnN0IE5PVENIX1BBRERJTkcgPSA0O1xyXG5cclxuY29uc3QgbWFrZVNlbGVjdG9yID0gKFxyXG4gIHN0YXRlOlxyXG4gICAgfCAnaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJ1xyXG4gICAgfCAnZm9jdXM6bm90KFtkaXNhYmxlZF0pJ1xyXG4gICAgfCAnZGlzYWJsZWQnXHJcbikgPT5cclxuICBgaW5wdXQ6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXHJcbiAgYHNlbGVjdDoke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcclxuICBgW3JvbGU9XCJidXR0b25cIl06JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXHJcbiAgYHRleHRhcmVhOiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dYDtcclxuXHJcbmV4cG9ydCBjb25zdCBJbm5lckNvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jywge1xyXG4gIHNob3VsZEZvcndhcmRQcm9wLFxyXG59KTx7XHJcbiAgY29sb3I/OiBzdHJpbmc7XHJcbiAgdGhlbWU/OiBUaGVtZTtcclxuICBib3JkZXJSYWRpdXM6IG51bWJlcjtcclxuICBib3JkZXJXaWR0aDogbnVtYmVyO1xyXG4gIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IG51bWJlcjtcclxuICBib3JkZXJTdHlsZTogc3RyaW5nO1xyXG4gIG5vdGNoU3RhcnQ6IG51bWJlcjtcclxuICBmb3JjZUFjdGl2ZT86IGJvb2xlYW47XHJcbn0+KFxyXG4gIHtcclxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxyXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgbGVmdDogMCxcclxuICAgIHRvcDogMCxcclxuICAgIGJvdHRvbTogMCxcclxuICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcclxuICB9LFxyXG4gICh7XHJcbiAgICBjb2xvciA9ICdvbi5zdXJmYWNlJyxcclxuICAgIGJvcmRlclJhZGl1czogYm9yZGVyUmFkaXVzUHgsXHJcbiAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGhQeCxcclxuICAgIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IGJvcmRlcldpZHRoV2hlbkZvY3VzZWRQeCxcclxuICAgIGJvcmRlclN0eWxlLFxyXG4gICAgbm90Y2hTdGFydCxcclxuICAgIGZvcmNlQWN0aXZlID0gZmFsc2UsXHJcbiAgfSkgPT4ge1xyXG4gICAgY29uc3Qgd2lkdGggPSByZW0obm90Y2hTdGFydCAtIE5PVENIX1BBRERJTkcpO1xyXG4gICAgY29uc3QgYm9yZGVyUmFkaXVzID0gcmVtKGJvcmRlclJhZGl1c1B4KTtcclxuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gcmVtKGJvcmRlcldpZHRoUHgpO1xyXG4gICAgY29uc3QgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCA9IHJlbShib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgpO1xyXG5cclxuICAgIGZ1bmN0aW9uIGJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzOiBzdHJpbmcsIGJvcmRlcldpZHRoOiBzdHJpbmcpIHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJzdGFydFwiXSddOiB7XHJcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXHJcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXHJcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXHJcbiAgICAgICAgICBib3JkZXJSaWdodFdpZHRoOiAwLFxyXG4gICAgICAgICAgd2lkdGgsXHJcbiAgICAgICAgfSxcclxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJtaWRkbGVcIl0nXToge1xyXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXHJcbiAgICAgICAgICBib3JkZXJCb3R0b21XaWR0aDogYm9yZGVyV2lkdGgsXHJcbiAgICAgICAgfSxcclxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJlbmRcIl0nXToge1xyXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoLFxyXG4gICAgICAgICAgYm9yZGVyTGVmdDogMCxcclxuICAgICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXHJcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogYm9yZGVyUmFkaXVzLFxyXG4gICAgICAgICAgZmxleDogMSxcclxuICAgICAgICB9LFxyXG4gICAgICB9O1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGluYWN0aXZlU3R5bGUgPSB7XHJcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcclxuICAgICAgYm9yZGVyQ29sb3I6ICdvdXRsaW5lJyxcclxuICAgICAgLi4uYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXMsIGJvcmRlcldpZHRoKSxcclxuICAgIH07XHJcblxyXG4gICAgY29uc3QgaG92ZXJTdHlsZSA9IHtcclxuICAgICAgYm9yZGVyQ29sb3I6ICdvbi5zdXJmYWNlJyxcclxuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxyXG4gICAgfTtcclxuXHJcbiAgICBjb25zdCBmb2N1c1N0eWxlID0ge1xyXG4gICAgICBib3JkZXJDb2xvcjogY29sb3IsXHJcbiAgICAgIGNvbG9yOiBhbHBoYShjb2xvciwgMC44NyksXHJcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkKSxcclxuICAgIH07XHJcblxyXG4gICAgY29uc3QgZGlzYWJsZWRTdHlsZSA9IHtcclxuICAgICAgYm9yZGVyQ29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4wNiksXHJcbiAgICAgIGNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMzgpLFxyXG4gICAgfTtcclxuXHJcbiAgICByZXR1cm4gY3NzKHtcclxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gbm90IGZvY3VzZWRcclxuICAgICAgWydbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dJ106IHtcclxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcclxuICAgICAgICBib3JkZXJTdHlsZSxcclxuICAgICAgICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yIC4xNXMgJHtFQVNJTkdfU1RBTkRBUkR9YCxcclxuICAgICAgICAuLi4oZm9yY2VBY3RpdmUgPyBmb2N1c1N0eWxlIDogaW5hY3RpdmVTdHlsZSksXHJcbiAgICAgIH0sXHJcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGhvdmVyZWRcclxuICAgICAgW21ha2VTZWxlY3RvcignaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJyldOiBmb3JjZUFjdGl2ZVxyXG4gICAgICAgID8gZm9jdXNTdHlsZVxyXG4gICAgICAgIDogaG92ZXJTdHlsZSxcclxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxyXG4gICAgICBbbWFrZVNlbGVjdG9yKCdmb2N1czpub3QoW2Rpc2FibGVkXSknKV06IGZvY3VzU3R5bGUsXHJcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGRpc2FibGVkXHJcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2Rpc2FibGVkJyldOiBkaXNhYmxlZFN0eWxlLFxyXG4gICAgfSk7XHJcbiAgfVxyXG4pO1xyXG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I4QiIsImZpbGUiOiJzdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHNob3VsZEZvcndhcmRQcm9wIGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Nob3VsZC1mb3J3YXJkLXByb3AnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcblxuaW1wb3J0IHsgYWxwaGEgfSBmcm9tICcuLi9jb2xvcic7XG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xuaW1wb3J0IHsgRUFTSU5HX1NUQU5EQVJEIH0gZnJvbSAnLi4vbW90aW9uJztcblxuZXhwb3J0IGNvbnN0IE5PVENIX1BBRERJTkcgPSA0O1xuXG5jb25zdCBtYWtlU2VsZWN0b3IgPSAoXG4gIHN0YXRlOlxuICAgIHwgJ2hvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoOmZvY3VzKSdcbiAgICB8ICdmb2N1czpub3QoW2Rpc2FibGVkXSknXG4gICAgfCAnZGlzYWJsZWQnXG4pID0+XG4gIGBpbnB1dDoke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYHNlbGVjdDoke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYFtyb2xlPVwiYnV0dG9uXCJdOiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgdGV4dGFyZWE6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV1gO1xuXG5leHBvcnQgY29uc3QgSW5uZXJDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3AsXG59KTx7XG4gIGNvbG9yPzogc3RyaW5nO1xuICB0aGVtZT86IFRoZW1lO1xuICBib3JkZXJSYWRpdXM6IG51bWJlcjtcbiAgYm9yZGVyV2lkdGg6IG51bWJlcjtcbiAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogbnVtYmVyO1xuICBib3JkZXJTdHlsZTogc3RyaW5nO1xuICBub3RjaFN0YXJ0OiBudW1iZXI7XG4gIGZvcmNlQWN0aXZlPzogYm9vbGVhbjtcbn0+KFxuICB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGxlZnQ6IDAsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgfSxcbiAgKHtcbiAgICBjb2xvciA9ICdvbi5zdXJmYWNlJyxcbiAgICBib3JkZXJSYWRpdXM6IGJvcmRlclJhZGl1c1B4LFxuICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aFB4LFxuICAgIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IGJvcmRlcldpZHRoV2hlbkZvY3VzZWRQeCxcbiAgICBib3JkZXJTdHlsZSxcbiAgICBub3RjaFN0YXJ0LFxuICAgIGZvcmNlQWN0aXZlID0gZmFsc2UsXG4gIH0pID0+IHtcbiAgICBjb25zdCB3aWR0aCA9IHJlbShub3RjaFN0YXJ0IC0gTk9UQ0hfUEFERElORyk7XG4gICAgY29uc3QgYm9yZGVyUmFkaXVzID0gcmVtKGJvcmRlclJhZGl1c1B4KTtcbiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHJlbShib3JkZXJXaWR0aFB4KTtcbiAgICBjb25zdCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkID0gcmVtKGJvcmRlcldpZHRoV2hlbkZvY3VzZWRQeCk7XG5cbiAgICBmdW5jdGlvbiBib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1czogc3RyaW5nLCBib3JkZXJXaWR0aDogc3RyaW5nKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJzdGFydFwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogMCxcbiAgICAgICAgICB3aWR0aCxcbiAgICAgICAgfSxcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwibWlkZGxlXCJdJ106IHtcbiAgICAgICAgICBib3JkZXJXaWR0aDogMCxcbiAgICAgICAgICBib3JkZXJCb3R0b21XaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgIH0sXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cImVuZFwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGZsZXg6IDEsXG4gICAgICAgIH0sXG4gICAgICB9O1xuICAgIH1cblxuICAgIGNvbnN0IGluYWN0aXZlU3R5bGUgPSB7XG4gICAgICBjb2xvcjogJ29uLnN1cmZhY2UtdmFyaWFudCcsXG4gICAgICBib3JkZXJDb2xvcjogJ291dGxpbmUnLFxuICAgICAgLi4uYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXMsIGJvcmRlcldpZHRoKSxcbiAgICB9O1xuXG4gICAgY29uc3QgaG92ZXJTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiAnb24uc3VyZmFjZScsXG4gICAgICBjb2xvcjogJ29uLnN1cmZhY2UtdmFyaWFudCcsXG4gICAgfTtcblxuICAgIGNvbnN0IGZvY3VzU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogY29sb3IsXG4gICAgICBjb2xvcjogYWxwaGEoY29sb3IsIDAuODcpLFxuICAgICAgLi4uYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXMsIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQpLFxuICAgIH07XG5cbiAgICBjb25zdCBkaXNhYmxlZFN0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4wNiksXG4gICAgICBjb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjM4KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNzcyh7XG4gICAgICAvLyBub3RjaCBpdGVtcyBzdHlsZXMgd2hlbiBub3QgZm9jdXNlZFxuICAgICAgWydbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dJ106IHtcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGJvcmRlclN0eWxlLFxuICAgICAgICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yIC4xNXMgJHtFQVNJTkdfU1RBTkRBUkR9YCxcbiAgICAgICAgLi4uKGZvcmNlQWN0aXZlID8gZm9jdXNTdHlsZSA6IGluYWN0aXZlU3R5bGUpLFxuICAgICAgfSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGhvdmVyZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2hvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoOmZvY3VzKScpXTogZm9yY2VBY3RpdmVcbiAgICAgICAgPyBmb2N1c1N0eWxlXG4gICAgICAgIDogaG92ZXJTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGZvY3VzZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKScpXTogZm9jdXNTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGRpc2FibGVkXG4gICAgICBbbWFrZVNlbGVjdG9yKCdkaXNhYmxlZCcpXTogZGlzYWJsZWRTdHlsZSxcbiAgICB9KTtcbiAgfVxuKTtcbiJdfQ== */");
 
 const NotchedOutline = /*#__PURE__*/react$1.forwardRef(function NotchedOutline(props, forwardedRef) {
   let {
@@ -2450,9 +2555,9 @@ const NotchedOutline = /*#__PURE__*/react$1.forwardRef(function NotchedOutline(p
     label,
     ...otherProps
     /* eslint-enable prefer-const */
+  } = props;
 
-  } = props; // Minimum notch start position that makes sense. Otherwise it will mess up with the border/border radii
-
+  // Minimum notch start position that makes sense. Otherwise it will mess up with the border/border radii
   const MIN_NOTCH_POSX = (props.borderRadius || 0) + NOTCH_PADDING;
   const theme = useTheme();
   notchStart = Math.max(MIN_NOTCH_POSX, notchStart);
@@ -2503,17 +2608,14 @@ const OutlinedContainer = /*#__PURE__*/react$1.forwardRef(function OutlinedConta
   const labelRef = react$1.useRef(null);
   useEnhancedEffect$1(() => {
     const element = labelRef.current;
-
     if (element) {
       setLabelWidth(element.offsetWidth);
-
       function handleFontsLoaded() {
         // set the label width again once the fonts have been loaded
         requestAnimationFrame(() => {
           if (element) setLabelWidth(element.offsetWidth);
         });
       }
-
       document.fonts?.addEventListener?.('loadingdone', handleFontsLoaded);
       document.fonts?.ready?.then(handleFontsLoaded);
       return () => document.fonts?.removeEventListener?.('loadingdone', handleFontsLoaded);
@@ -2558,13 +2660,10 @@ const HelperText = /*#__PURE__*/react$1.forwardRef(function HelperText(props, fo
     __css,
     ...otherProps
   } = props;
-
   if (!leftSide && !rightSide) {
     return null;
   }
-
   let color = colorProp;
-
   if (disabled) {
     color = alpha('on.surface', 0.38);
   } else if (error) {
@@ -2572,7 +2671,6 @@ const HelperText = /*#__PURE__*/react$1.forwardRef(function HelperText(props, fo
   } else if (color === undefined) {
     color = alpha('on.surface', 0.6);
   }
-
   return /*#__PURE__*/jsxRuntime.jsxs(Text, {
     as: "div",
     px: 16,
@@ -2623,15 +2721,12 @@ const componentMap$1 = {
   outlined: OutlinedContainer,
   filled: FilledContainer
 };
-
 function characterCounter(value, maxLength) {
   if (maxLength === undefined) {
     return null;
   }
-
   return `${typeof value === 'string' ? value.length : 0} / ${maxLength}`;
 }
-
 const TextField = /*#__PURE__*/react$1.forwardRef(function TextField(props, forwardedRef) {
   const {
     type = 'text',
@@ -2663,15 +2758,12 @@ const TextField = /*#__PURE__*/react$1.forwardRef(function TextField(props, forw
   const Container = componentMap$1[variant] || OutlinedContainer;
   const fallbackId = react$1.useId();
   const theme = useTheme();
-
   const handleFocus = () => {
     setHasFocus(true);
   };
-
   const handleBlur = () => {
     setHasFocus(false);
   };
-
   const hasError = Boolean(error);
   const helperText = typeof error === 'string' ? error : helperTextProp;
   const id = idProp || fallbackId;
@@ -2828,7 +2920,8 @@ const ListItem = /*#__PURE__*/react$1.forwardRef(function ListItem(props, forwar
     "aria-selected": selected ? 'true' : undefined,
     disabled: disabled,
     ...otherProps,
-    __css: { ...listItemStyle(color),
+    __css: {
+      ...listItemStyle(color),
       ...__css
     },
     children: children
@@ -2858,6 +2951,7 @@ const ListItemText = /*#__PURE__*/react$1.forwardRef(function ListItemText(props
   });
 });
 
+/////////////////////////////////////////////////////
 // Combobox
 
 const ComboboxCore = core.Combobox;
@@ -2877,7 +2971,9 @@ const Combobox = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) => {
     },
     ...otherProps
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxInput
 
 const ComboboxInputCore = core.ComboboxInput;
@@ -2892,7 +2988,9 @@ const ComboboxInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) => {
     innerAs: as,
     ...otherProps
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxList
 
 const ComboboxListCore = core.ComboboxList;
@@ -2919,13 +3017,16 @@ const ComboboxList = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) => {
       '[data-popper-placement="bottom"] &': {
         transformOrigin: 'top center'
       },
-      '& [data-reach-combobox-option=""]': { ...listItemStyle('primary')
+      '& [data-reach-combobox-option=""]': {
+        ...listItemStyle('primary')
       },
       ...__css
     },
     ...otherProps
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxPopperBox
 
 const PopperCore = core.Popper;
@@ -2948,7 +3049,9 @@ const ComboboxPopperBox = /*#__PURE__*/react$1.forwardRef(({
     },
     ...props
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxPopover
 
 const ComboboxPopoverCore = core.ComboboxPopover;
@@ -2963,7 +3066,9 @@ const ComboboxPopover = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
     innerAs: as,
     ...otherProps
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxOption
 
 const ComboboxOptionCore = core.ComboboxOption;
@@ -2978,7 +3083,9 @@ const ComboboxOption = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
     innerAs: as,
     ...otherProps
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxLabel
 
 const ComboboxLabelCore = core.ComboboxLabel;
@@ -2993,7 +3100,9 @@ const ComboboxLabel = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) => {
     innerAs: as,
     ...otherProps
   });
-}); /////////////////////////////////////////////////////
+});
+
+/////////////////////////////////////////////////////
 // ComboboxButton
 
 const ComboboxButtonCore = core.ComboboxButton;
@@ -3042,7 +3151,7 @@ const ComboboxButton = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
 
 const offset = 29.78333854675293; // document.querySelector(path).getTotalLength()
 
-const Path = _styled__default["default"]("path", process.env.NODE_ENV === "production" ? {
+const Path = /*#__PURE__*/_styled__default["default"]("path", process.env.NODE_ENV === "production" ? {
   target: "e1v8gifn0"
 } : {
   target: "e1v8gifn0",
@@ -3055,8 +3164,7 @@ const Path = _styled__default["default"]("path", process.env.NODE_ENV === "produ
   transition: 'stroke-dashoffset .18s linear',
   transitionDelay: props.checked ? '90ms' : '0',
   strokeDashoffset: props.checked ? 0 : offset
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrUGF0aC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2EiLCJmaWxlIjoiQ2hlY2tQYXRoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xyXG5cclxuY29uc3Qgb2Zmc2V0ID0gMjkuNzgzMzM4NTQ2NzUyOTM7IC8vIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IocGF0aCkuZ2V0VG90YWxMZW5ndGgoKVxyXG5cclxuY29uc3QgUGF0aCA9IHN0eWxlZC5wYXRoPHsgY2hlY2tlZD86IGJvb2xlYW4gfT4oKHByb3BzKSA9PiAoe1xyXG4gIGZpbGw6ICdub25lJyxcclxuICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxyXG4gIHN0cm9rZVdpZHRoOiByZW0oMy4xMiksXHJcbiAgc3Ryb2tlRGFzaGFycmF5OiBvZmZzZXQsXHJcbiAgdHJhbnNpdGlvbjogJ3N0cm9rZS1kYXNob2Zmc2V0IC4xOHMgbGluZWFyJyxcclxuICB0cmFuc2l0aW9uRGVsYXk6IHByb3BzLmNoZWNrZWQgPyAnOTBtcycgOiAnMCcsXHJcbiAgc3Ryb2tlRGFzaG9mZnNldDogcHJvcHMuY2hlY2tlZCA/IDAgOiBvZmZzZXQsXHJcbn0pKTtcclxuXHJcbmV4cG9ydCBjb25zdCBDaGVja1BhdGggPSAoeyBjaGVja2VkIH06IHsgY2hlY2tlZD86IGJvb2xlYW4gfSkgPT4ge1xyXG4gIHJldHVybiA8UGF0aCBkPVwiTTEuNzMsMTIuOTEgOC4xLDE5LjI4IDIyLjc5LDQuNTlcIiBjaGVja2VkPXtjaGVja2VkfSAvPjtcclxufTtcclxuIl19 */");
-
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrUGF0aC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2EiLCJmaWxlIjoiQ2hlY2tQYXRoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuY29uc3Qgb2Zmc2V0ID0gMjkuNzgzMzM4NTQ2NzUyOTM7IC8vIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IocGF0aCkuZ2V0VG90YWxMZW5ndGgoKVxuXG5jb25zdCBQYXRoID0gc3R5bGVkLnBhdGg8eyBjaGVja2VkPzogYm9vbGVhbiB9PigocHJvcHMpID0+ICh7XG4gIGZpbGw6ICdub25lJyxcbiAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgc3Ryb2tlV2lkdGg6IHJlbSgzLjEyKSxcbiAgc3Ryb2tlRGFzaGFycmF5OiBvZmZzZXQsXG4gIHRyYW5zaXRpb246ICdzdHJva2UtZGFzaG9mZnNldCAuMThzIGxpbmVhcicsXG4gIHRyYW5zaXRpb25EZWxheTogcHJvcHMuY2hlY2tlZCA/ICc5MG1zJyA6ICcwJyxcbiAgc3Ryb2tlRGFzaG9mZnNldDogcHJvcHMuY2hlY2tlZCA/IDAgOiBvZmZzZXQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDaGVja1BhdGggPSAoeyBjaGVja2VkIH06IHsgY2hlY2tlZD86IGJvb2xlYW4gfSkgPT4ge1xuICByZXR1cm4gPFBhdGggZD1cIk0xLjczLDEyLjkxIDguMSwxOS4yOCAyMi43OSw0LjU5XCIgY2hlY2tlZD17Y2hlY2tlZH0gLz47XG59O1xuIl19 */");
 const CheckPath = ({
   checked
 }) => {
@@ -3066,7 +3174,7 @@ const CheckPath = ({
   });
 };
 
-const Line = _styled__default["default"]("line", process.env.NODE_ENV === "production" ? {
+const Line = /*#__PURE__*/_styled__default["default"]("line", process.env.NODE_ENV === "production" ? {
   target: "eat3a050"
 } : {
   target: "eat3a050",
@@ -3079,8 +3187,7 @@ const Line = _styled__default["default"]("line", process.env.NODE_ENV === "produ
   transform: props.checked ? 'scaleX(1)' : 'scaleX(0)',
   transition: 'transform .18s linear',
   transitionDelay: props.checked ? '90ms' : '0'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZGV0ZXJtaW5hdGVQYXRoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHYSIsImZpbGUiOiJJbmRldGVybWluYXRlUGF0aC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcclxuXHJcbmNvbnN0IExpbmUgPSBzdHlsZWQubGluZTx7IGNoZWNrZWQ/OiBib29sZWFuOyByb3RhdGU/OiBib29sZWFuIH0+KChwcm9wcykgPT4gKHtcclxuICBmaWxsOiAnbm9uZScsXHJcbiAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcclxuICBzdHJva2VXaWR0aDogcmVtKDQpLFxyXG4gIHRyYW5zZm9ybU9yaWdpbjogJ2NlbnRlciBjZW50ZXInLFxyXG4gIHRyYW5zZm9ybTogcHJvcHMuY2hlY2tlZCA/ICdzY2FsZVgoMSknIDogJ3NjYWxlWCgwKScsXHJcbiAgdHJhbnNpdGlvbjogJ3RyYW5zZm9ybSAuMThzIGxpbmVhcicsXHJcbiAgdHJhbnNpdGlvbkRlbGF5OiBwcm9wcy5jaGVja2VkID8gJzkwbXMnIDogJzAnLFxyXG59KSk7XHJcblxyXG5leHBvcnQgY29uc3QgSW5kZXRlcm1pbmF0ZVBhdGggPSAoeyBjaGVja2VkIH06IHsgY2hlY2tlZD86IGJvb2xlYW4gfSkgPT4ge1xyXG4gIHJldHVybiA8TGluZSB5Mj1cIjEyXCIgeDI9XCIyMlwiIHkxPVwiMTJcIiB4MT1cIjJcIiBjaGVja2VkPXtjaGVja2VkfSAvPjtcclxufTtcclxuIl19 */");
-
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZGV0ZXJtaW5hdGVQYXRoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHYSIsImZpbGUiOiJJbmRldGVybWluYXRlUGF0aC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmNvbnN0IExpbmUgPSBzdHlsZWQubGluZTx7IGNoZWNrZWQ/OiBib29sZWFuOyByb3RhdGU/OiBib29sZWFuIH0+KChwcm9wcykgPT4gKHtcbiAgZmlsbDogJ25vbmUnLFxuICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICBzdHJva2VXaWR0aDogcmVtKDQpLFxuICB0cmFuc2Zvcm1PcmlnaW46ICdjZW50ZXIgY2VudGVyJyxcbiAgdHJhbnNmb3JtOiBwcm9wcy5jaGVja2VkID8gJ3NjYWxlWCgxKScgOiAnc2NhbGVYKDApJyxcbiAgdHJhbnNpdGlvbjogJ3RyYW5zZm9ybSAuMThzIGxpbmVhcicsXG4gIHRyYW5zaXRpb25EZWxheTogcHJvcHMuY2hlY2tlZCA/ICc5MG1zJyA6ICcwJyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEluZGV0ZXJtaW5hdGVQYXRoID0gKHsgY2hlY2tlZCB9OiB7IGNoZWNrZWQ/OiBib29sZWFuIH0pID0+IHtcbiAgcmV0dXJuIDxMaW5lIHkyPVwiMTJcIiB4Mj1cIjIyXCIgeTE9XCIxMlwiIHgxPVwiMlwiIGNoZWNrZWQ9e2NoZWNrZWR9IC8+O1xufTtcbiJdfQ== */");
 const IndeterminatePath = ({
   checked
 }) => {
@@ -3098,7 +3205,6 @@ const CheckBoxIcon = /*#__PURE__*/react$1.forwardRef(function CheckBoxIcon({
   as = 'div',
   indeterminate,
   checked,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   disabled,
   backgroundColor,
   borderColor,
@@ -3182,17 +3288,14 @@ const SelectionControlText = /*#__PURE__*/react$1.forwardRef(function SelectionC
 });
 
 const CheckBoxCore$1 = core.CheckBox;
-
 function getColors(disabled, checked) {
   if (checked && disabled) {
     return ['on.surface', 'transparent', 0.38];
   } else if (checked) {
     return ['primary', 'primary', 1];
   }
-
   return ['transparent', 'on.surface', disabled ? 0.38 : 0.54];
 }
-
 const CheckBoxInner = /*#__PURE__*/react$1.forwardRef(function CheckBoxInner(props, forwardedRef) {
   const {
     as: Comp = 'input',
@@ -3275,7 +3378,6 @@ const CheckBox = /*#__PURE__*/react$1.forwardRef(function CheckBox(props, forwar
     children,
     ...otherProps
   } = props;
-
   const inner = /*#__PURE__*/jsxRuntime.jsx(CheckBoxCore$1, {
     as: CheckBoxInner,
     innerAs: as,
@@ -3284,11 +3386,9 @@ const CheckBox = /*#__PURE__*/react$1.forwardRef(function CheckBox(props, forwar
     disabled: disabled,
     ...otherProps
   });
-
   if (!children) {
     return inner;
   }
-
   return /*#__PURE__*/jsxRuntime.jsxs(SelectionControlLabel, {
     children: [inner, /*#__PURE__*/jsxRuntime.jsx(SelectionControlText, {
       disabled: disabled,
@@ -3298,9 +3398,11 @@ const CheckBox = /*#__PURE__*/react$1.forwardRef(function CheckBox(props, forwar
 });
 
 function getFilledCSS(theme, bg, color, disabled) {
-  return { ...(!disabled && bg !== 'surface' ? {
+  return {
+    ...(!disabled && bg !== 'surface' ? {
       bg
-    } : { ...getColorOverlay(theme, 'surface', 'primary', 0.05)
+    } : {
+      ...getColorOverlay(theme, 'surface', 'primary', 0.05)
     }),
     color,
     '&::before': {
@@ -3326,9 +3428,9 @@ function getFilledCSS(theme, bg, color, disabled) {
     })
   };
 }
-
 function getOutlinedCSS(theme, bg, color, borderOpacity) {
-  return { ...(bg !== 'surface' ? {
+  return {
+    ...(bg !== 'surface' ? {
       bg
     } : getDarkThemeBackgroundOverlay(theme, 2)),
     color: color,
@@ -3337,7 +3439,6 @@ function getOutlinedCSS(theme, bg, color, borderOpacity) {
     borderWidth: "0.0625rem"
   };
 }
-
 const ChipBase = /*#__PURE__*/react$1.forwardRef(function Chip(props, forwardedRef) {
   const {
     as = 'div',
@@ -3638,11 +3739,9 @@ const Dialog = /*#__PURE__*/react$1.forwardRef(function Dialog(props, forwardedR
     openTimeoutInMilliseconds,
     closeTimeoutInMilliseconds
   });
-
   if (!open) {
     return null;
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(core.Portal, {
     children: /*#__PURE__*/jsxRuntime.jsxs(DialogBackdrop, {
       onClose: onClose,
@@ -3756,7 +3855,9 @@ const MenuList = /*#__PURE__*/react$1.forwardRef(({
     ...__css
   },
   ...props
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // MenuItem
 
 const MenuItem$1 = /*#__PURE__*/react$1.forwardRef(({
@@ -3767,7 +3868,9 @@ const MenuItem$1 = /*#__PURE__*/react$1.forwardRef(({
   innerAs: as,
   ref: ref,
   ...props
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // MenuButton
 
 const MenuButton = /*#__PURE__*/react$1.forwardRef(({
@@ -3778,7 +3881,9 @@ const MenuButton = /*#__PURE__*/react$1.forwardRef(({
   innerAs: as,
   ref: ref,
   ...props
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // ContextMenuTrigger
 
 const ContextMenuTrigger = /*#__PURE__*/react$1.forwardRef(({
@@ -3789,7 +3894,9 @@ const ContextMenuTrigger = /*#__PURE__*/react$1.forwardRef(({
   innerAs: as,
   ref: ref,
   ...props
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // MenuPopover
 
 const MenuPopoverCore = core.MenuPopover;
@@ -3877,9 +3984,9 @@ const NavRailItem = /*#__PURE__*/react$1.forwardRef(function NavRailItem(props,
   } = props;
   const theme = useTheme();
   const baseOpacity = 0,
-        hoverOpacity = 0.04,
-        focusOpacity = 0.12,
-        pressedOpacity = 0.12;
+    hoverOpacity = 0.04,
+    focusOpacity = 0.12,
+    pressedOpacity = 0.12;
   const ripple = useRippleSurface({
     rippleColor: 'currentColor',
     onKeyDown,
@@ -3888,23 +3995,22 @@ const NavRailItem = /*#__PURE__*/react$1.forwardRef(function NavRailItem(props,
     hoverOpacity,
     focusOpacity,
     pressedOpacity
-  }); // Apply ripple from nav item to nav indicator
+  });
 
+  // Apply ripple from nav item to nav indicator
   const rippleCss = react$1.useMemo(() => {
     const ret = {};
-    const keys = Object.keys(ripple.__css);
-
+    const rippleCss = ripple.__css;
+    const keys = Object.keys(rippleCss);
     for (const key of keys) {
       if (!key.startsWith('&')) {
         ret['& [data-nav-rail-item-indicator]'] = ret['& [data-nav-rail-item-indicator]'] || {};
-        ret['& [data-nav-rail-item-indicator]'][key] = ripple.__css[key];
+        ret['& [data-nav-rail-item-indicator]'][key] = rippleCss[key];
         continue;
       }
-
       const newKey = key.replace(/(.+?)::(before|after)/g, '$1 [data-nav-rail-item-indicator]::$2');
-      ret[newKey] = ripple.__css[key];
+      ret[newKey] = rippleCss[key];
     }
-
     return ret;
   }, [ripple.__css]);
   return /*#__PURE__*/jsxRuntime.jsx(Box, {
@@ -3915,7 +4021,8 @@ const NavRailItem = /*#__PURE__*/react$1.forwardRef(function NavRailItem(props,
     onKeyDown: ripple.onKeyDown,
     "aria-pressed": selected,
     type: "button",
-    style: { ...ripple.style,
+    style: {
+      ...ripple.style,
       ...style
     },
     disabled: disabled,
@@ -4020,11 +4127,9 @@ const Popover = /*#__PURE__*/react$1.forwardRef(function Popover({
       console.warn('<Popover /> will not open because it does not have an anchor element defined');
     }
   }, [anchorEl]);
-
   if (!open || !anchorEl || !anchorEl.current) {
     return null;
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(core.Portal, {
     selector: portalSelector,
     children: /*#__PURE__*/jsxRuntime.jsx(DialogBackdrop, {
@@ -4044,7 +4149,8 @@ const Popover = /*#__PURE__*/react$1.forwardRef(function Popover({
         distance: distance,
         offsetFn: offsetFn,
         arrowPadding: arrowPadding,
-        children: /*#__PURE__*/jsxRuntime.jsx(PopoverContainer, { ...containerProps,
+        children: /*#__PURE__*/jsxRuntime.jsx(PopoverContainer, {
+          ...containerProps,
           children: /*#__PURE__*/jsxRuntime.jsx(PopoverSurface, {
             ref: core.assignMultipleRefs(forwardedRef, ref),
             ...otherProps,
@@ -4239,7 +4345,6 @@ const RadioButton = /*#__PURE__*/react$1.forwardRef(function RadioButton(props,
     disabled,
     ...otherProps
   } = props;
-
   const inner = /*#__PURE__*/jsxRuntime.jsx(core.RadioButton, {
     as: RadioButtonInner,
     innerAs: as,
@@ -4247,11 +4352,9 @@ const RadioButton = /*#__PURE__*/react$1.forwardRef(function RadioButton(props,
     disabled: disabled,
     ...otherProps
   });
-
   if (!children) {
     return inner;
   }
-
   return /*#__PURE__*/jsxRuntime.jsxs(SelectionControlLabel, {
     children: [inner, /*#__PURE__*/jsxRuntime.jsx(SelectionControlText, {
       disabled: disabled,
@@ -4261,7 +4364,6 @@ const RadioButton = /*#__PURE__*/react$1.forwardRef(function RadioButton(props,
 });
 
 const RadioGroup = /*#__PURE__*/react$1.forwardRef(function RadioGroup(props, forwardedRef) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const {
     as,
     ...otherProps
@@ -4315,13 +4417,12 @@ const SearchBar = /*#__PURE__*/react$1.forwardRef(function SearchBar(props, forw
         pl: leadingIcon ? "3rem" : "1.5rem",
         pr: trailingIcon ? "3rem" : "1.5rem",
         py: 0,
-        transition: `outline-color .2s ${EASING_STANDARD}`,
-        outlineStyle: 'solid',
-        outlineWidth: "0.125rem",
-        outlineColor: 'transparent',
-        outlineOffset: polished.rem(-1),
+        transition: `border-color .1s ${EASING_STANDARD}`,
+        borderStyle: 'solid',
+        borderWidth: "0.125rem",
+        borderColor: 'transparent',
         '&:focus': {
-          outlineColor: hasError ? 'error' : color
+          borderColor: hasError ? 'error' : color
         },
         ...__css
       },
@@ -4366,9 +4467,12 @@ const SelectButton = /*#__PURE__*/react$1.forwardRef(({
   children: children
 }));
 
+// Select Component
+
 const selectContext = /*#__PURE__*/react$1.createContext({
   native: false,
-  onSelect: () => {// noop
+  onSelect: () => {
+    // noop
   },
   multiple: false
 });
@@ -4409,34 +4513,33 @@ const SelectIcon = /*#__PURE__*/react$1.forwardRef(function SelectIcon(props, fo
 const makeDefaultRender = children => val => {
   if (children && val !== undefined) {
     const allChildren = react$1.Children.toArray(children);
-
     for (let i = 0; i < allChildren.length; i++) {
       const child = allChildren[i];
-
-      if ( /*#__PURE__*/react$1.isValidElement(child) && String(child.props.value) === val) {
-        return child.props.children;
+      if (/*#__PURE__*/react$1.isValidElement(child)) {
+        const element = child;
+        if (String(element.props.value) === val) {
+          return element.props.children;
+        }
       }
     }
   }
-
   return val || undefined;
 };
 const makeDefaultMultipleRender = children => val => {
   const ret = [];
-
   if (children && val !== undefined && val.length > 0) {
     const set = new Set(val);
     const allChildren = react$1.Children.toArray(children);
-
     for (let i = 0; i < allChildren.length; i++) {
       const child = allChildren[i];
-
-      if ( /*#__PURE__*/react$1.isValidElement(child) && set.has(String(child.props.value))) {
-        ret.push(child.props.children);
+      if (/*#__PURE__*/react$1.isValidElement(child)) {
+        const element = child;
+        if (set.has(String(element.props.value))) {
+          ret.push(element.props.children);
+        }
       }
     }
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(Box, {
     as: "span",
     sx: {
@@ -4480,42 +4583,33 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
   const [value, onChange] = core.useControlledState(valueProp, onChangeProp, defaultValue, setState => (e, v) => {
     setState(v);
   });
-
   if (multiple && !Array.isArray(value)) {
     console.warn('Warning: The `value` prop supplied to <Select> must be an array if `multiple` is true.');
   }
-
   const [hasFocus, setHasFocus] = react$1.useState(false);
-  const buttonRef = react$1.useRef();
+  const buttonRef = react$1.useRef(null);
   const [open, setOpen] = react$1.useState(false);
   const fallbackId = react$1.useId();
   const theme = useTheme();
   const Container = overwrittenContainer || componentMap[variant] || OutlinedContainer;
-
   const handleFocus = () => {
     setHasFocus(true);
   };
-
   const handleBlur = () => {
     setHasFocus(false);
   };
-
   const handleToggle = (e, isOpen) => {
     setOpen(isOpen);
   };
-
   const handleOnChange = e => {
     const selectedValue = native ? e.target.value : e.currentTarget.dataset.value;
-
     if (multiple && Array.isArray(value)) {
       if (value.find(c => c === selectedValue)) {
         onChange && onChange(e, value.filter(c => c !== selectedValue));
       } else {
         onChange && onChange(e, [...value, selectedValue]);
       }
-
       const isMac = Boolean(/mac os|ios/i.test(navigator.userAgent));
-
       if (e.key === ' ' || isMac && e.metaKey || !isMac && e.ctrlKey) {
         e.preventDefault();
       }
@@ -4523,7 +4617,6 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
       onChange && onChange(e, selectedValue);
     }
   };
-
   const hasError = Boolean(error);
   const helperText = typeof error === 'string' ? error : helperTextProp;
   const id = idProp || fallbackId;
@@ -4531,7 +4624,6 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
   const helperTextId = helperText ? `${id}-helper-text` : undefined;
   const defaultRenderFn = react$1.useMemo(() => multiple ? makeDefaultMultipleRender(children) : makeDefaultRender(children), [children, multiple]);
   const renderValue = renderValueProp || defaultRenderFn;
-
   function hasAnySelected() {
     if (multiple) {
       return value.length > 0;
@@ -4539,7 +4631,6 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
       return value !== '';
     }
   }
-
   const labelIsFloating = hasFocus || open || hasAnySelected();
   const Comp = native ? Select$1 : SelectButton;
   react$1.useEffect(() => {
@@ -4548,8 +4639,8 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
     // update our state to reflect that.
     if (native && buttonRef.current && buttonRef.current.value !== value) {
       onChange && onChange({}, buttonRef.current.value);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/jsxRuntime.jsx(SelectProvider, {
     value: {
@@ -4612,7 +4703,8 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
               },
               role: "listbox",
               __css: {
-                '& [data-menu-item=""]': { ...listItemStyle('primary')
+                '& [data-menu-item=""]': {
+                  ...listItemStyle('primary')
                 }
               },
               children: children
@@ -4658,7 +4750,6 @@ const SelectItem = /*#__PURE__*/react$1.forwardRef(function SelectItem(props, fo
     multiple
   } = useSelectContext();
   const value = valueProp !== undefined && valueProp !== null ? String(valueProp) : children;
-
   if (native) {
     return /*#__PURE__*/jsxRuntime.jsx("option", {
       ref: forwardedRef,
@@ -4668,19 +4759,15 @@ const SelectItem = /*#__PURE__*/react$1.forwardRef(function SelectItem(props, fo
       children: children
     });
   }
-
   if (children === undefined && disabled) {
     return null;
   }
-
   let selected = false;
-
   if (multiple && Array.isArray(selectedValue)) {
     selected = Boolean(selectedValue.find(v => v === value));
   } else {
     selected = value === String(selectedValue);
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(Comp, {
     as: MenuItem,
     onSelect: core.wrapEvent(onSelectProp, onSelect),
@@ -4767,10 +4854,9 @@ const appearAnimation = react.keyframes({
     visibility: 'visible'
   }
 });
-
-/**
- * Helper component to prevent an Skeleton component from appearing too fast.
- * https://reactjs.org/docs/concurrent-mode-patterns.html#delaying-a-pending-indicator
+/**
+ * Helper component to prevent an Skeleton component from appearing too fast.
+ * https://reactjs.org/docs/concurrent-mode-patterns.html#delaying-a-pending-indicator
  */
 const DelayAppearance = /*#__PURE__*/react$1.forwardRef(function DelayAppearance(props, forwardedRef) {
   const {
@@ -4816,7 +4902,9 @@ const SliderInput = /*#__PURE__*/react$1.forwardRef(({
     },
     ...__css
   }
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // SliderHandle
 
 const SliderHandle = /*#__PURE__*/react$1.forwardRef(({
@@ -4874,7 +4962,9 @@ const SliderHandle = /*#__PURE__*/react$1.forwardRef(({
       boxShadow: 1
     }
   }), children]
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // SliderMarker
 
 const SliderMarker = /*#__PURE__*/react$1.forwardRef(({
@@ -4906,7 +4996,9 @@ const SliderMarker = /*#__PURE__*/react$1.forwardRef(({
     },
     ...__css
   }
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // SliderTrack
 
 const SliderTrack = /*#__PURE__*/react$1.forwardRef(({
@@ -4948,7 +5040,9 @@ const SliderTrack = /*#__PURE__*/react$1.forwardRef(({
     },
     ...__css
   }
-})); /////////////////////////////////////////////////////
+}));
+
+/////////////////////////////////////////////////////
 // SliderRange
 
 const SliderRange = /*#__PURE__*/react$1.forwardRef(({
@@ -4981,7 +5075,8 @@ const Slider = /*#__PURE__*/react$1.forwardRef(function Slider(props, forwardedR
     children,
     ...otherProps
   } = props;
-  return /*#__PURE__*/jsxRuntime.jsx(SliderInput, { ...otherProps,
+  return /*#__PURE__*/jsxRuntime.jsx(SliderInput, {
+    ...otherProps,
     ref: forwardedRef,
     "data-reach-slider": "",
     children: /*#__PURE__*/jsxRuntime.jsxs(SliderTrack, {
@@ -4997,11 +5092,9 @@ function useStackItem({
   closeTimeoutInMilliseconds = 110
 }) {
   const context = react$1.useContext(StackItemContext);
-
   if (!context) {
     return null;
   }
-
   const {
     onSetHeight,
     onRemoveItem,
@@ -5010,17 +5103,13 @@ function useStackItem({
     isExiting
   } = context;
   /* eslint-disable react-hooks/rules-of-hooks */
-
   const [state, setState] = react$1.useState('entering');
-
   function onClose() {
     setState('exiting');
   }
-
   react$1.useLayoutEffect(() => {
     const height = ref.current?.getBoundingClientRect().height ?? 0;
     onSetHeight(height);
-
     if (isExiting) {
       onClose();
     }
@@ -5049,7 +5138,6 @@ function useStackItem({
   };
   /* eslint-enable react-hooks/rules-of-hooks */
 }
-
 function StackContent({
   gap = 0,
   placement,
@@ -5059,11 +5147,9 @@ function StackContent({
   const id = react$1.useRef(0);
   const items = react$1.useRef([]);
   const [, setCounter] = react$1.useState(false);
-
   function rerender() {
     setCounter(v => !v);
   }
-
   react$1.useEffect(() => {
     onAddItemRef.current = element => {
       const itemId = String(++id.current);
@@ -5072,8 +5158,8 @@ function StackContent({
         height: undefined,
         element,
         isExiting: false
-      }); // Stack > maxSize? Close items
-
+      });
+      // Stack > maxSize? Close items
       if (items.current.length > maxSize) {
         for (let i = 0; i < items.current.length; i++) {
           if (!items.current[i].isExiting) {
@@ -5082,10 +5168,8 @@ function StackContent({
           }
         }
       }
-
       rerender();
     };
-
     return () => {
       onAddItemRef.current = null;
     };
@@ -5095,36 +5179,30 @@ function StackContent({
     const item = items.current.find(({
       id: itemId
     }) => itemId === id);
-
     if (item && item.height !== height) {
       item.height = height;
       rerender();
     }
   }
-
   function removeItemById(id) {
     const previousLength = items.current.length;
     items.current = items.current.filter(({
       id: itemId
     }) => itemId !== id);
-
     if (items.current.length !== previousLength) {
       rerender();
     }
   }
-
   let y = 0;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     "data-stack-root": "",
     children: Array.from(items.current).map(item => {
       let posY = undefined;
       const height = item.height;
-
       if (height) {
         posY = y;
         y += height + gap;
       }
-
       return /*#__PURE__*/jsxRuntime.jsx(StackItemContext.Provider, {
         value: {
           isExiting: item.isExiting,
@@ -5133,7 +5211,6 @@ function StackContent({
             if (height === item.height) {
               return;
             }
-
             setHeightById(item.id, height);
           },
           onRemoveItem: () => removeItemById(item.id),
@@ -5144,7 +5221,6 @@ function StackContent({
     })
   });
 }
-
 const StackContext = /*#__PURE__*/react$1.createContext(null);
 const StackProvider = ({
   children,
@@ -5168,11 +5244,9 @@ const StackProvider = ({
 };
 function useStack() {
   const ctx = react$1.useContext(StackContext);
-
   if (!ctx) {
     throw new Error('useStack must be used within a StackContext.Provider');
   }
-
   return ctx;
 }
 
@@ -5281,11 +5355,9 @@ const commonStyle = {
   position: 'fixed',
   zIndex: 'snackbar'
 };
-
 function getTransition(timems) {
   return `opacity ${timems}ms ${EASING_STANDARD},transform ${timems}ms ${EASING_STANDARD}`;
 }
-
 const defaultAnimation = {
   style: {},
   placementStyle: {},
@@ -5296,11 +5368,9 @@ function useSnackbarAnimation(ref, timeout) {
     ref,
     closeTimeoutInMilliseconds: TRANSITION_TIME
   });
-
   if (!stackItem) {
     return defaultAnimation;
   }
-
   const {
     onClose,
     state,
@@ -5308,46 +5378,51 @@ function useSnackbarAnimation(ref, timeout) {
     placement
   } = stackItem;
   const placementStyle = placements[placement].style;
-  const animateFn = placements[placement].animate; // eslint-disable-next-line react-hooks/rules-of-hooks
+  const animateFn = placements[placement].animate;
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   react$1.useEffect(() => {
     const handler = setTimeout(() => {
       onClose();
     }, timeout);
     return () => {
       clearTimeout(handler);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timeout]);
-
   switch (state) {
     case 'entering':
       return {
-        style: { ...animateFn('entering', translateY),
+        style: {
+          ...animateFn('entering', translateY),
           visibility: 'hidden'
         },
-        placementStyle: { ...placementStyle,
+        placementStyle: {
+          ...placementStyle,
           ...commonStyle
         },
         onClose
       };
-
     case 'entered':
       return {
-        style: { ...animateFn('entered', translateY),
+        style: {
+          ...animateFn('entered', translateY),
           transition: getTransition(TRANSITION_TIME)
         },
-        placementStyle: { ...placementStyle,
+        placementStyle: {
+          ...placementStyle,
           ...commonStyle
         },
         onClose
       };
-
     case 'exiting':
       return {
-        style: { ...animateFn('exiting', translateY),
+        style: {
+          ...animateFn('exiting', translateY),
           transition: getTransition(TRANSITION_TIME)
         },
-        placementStyle: { ...placementStyle,
+        placementStyle: {
+          ...placementStyle,
           ...commonStyle
         },
         onClose
@@ -5394,7 +5469,8 @@ const Snackbar = /*#__PURE__*/react$1.forwardRef(function Snackbar(props, forwar
       ...placementStyle,
       ...__css
     },
-    style: { ...style,
+    style: {
+      ...style,
       ...styleProp
     },
     ...otherProps,
@@ -5512,7 +5588,6 @@ const SwitchCircle = ({
 });
 
 const CheckBoxCore = core.CheckBox;
-
 function getSizeCssVariables(size, hasIcon) {
   const multiplier = size === 'small' ? 0.75 : 1;
   const BORDER_WIDTH = 2;
@@ -5534,7 +5609,6 @@ function getSizeCssVariables(size, hasIcon) {
     })
   };
 }
-
 const SwitchInner = /*#__PURE__*/react$1.forwardRef(function SwitchInner(props, forwardedRef) {
   const {
     as: Comp = 'input',
@@ -5611,7 +5685,6 @@ const Switch = /*#__PURE__*/react$1.forwardRef(function Switch(props, forwardedR
     children,
     ...otherProps
   } = props;
-
   const inner = /*#__PURE__*/jsxRuntime.jsx(CheckBoxCore, {
     as: SwitchInner,
     innerAs: as,
@@ -5620,11 +5693,9 @@ const Switch = /*#__PURE__*/react$1.forwardRef(function Switch(props, forwardedR
     disabled: disabled,
     ...otherProps
   });
-
   if (!children) {
     return inner;
   }
-
   return /*#__PURE__*/jsxRuntime.jsxs(SelectionControlLabel, {
     children: [inner, /*#__PURE__*/jsxRuntime.jsx(SelectionControlText, {
       disabled: disabled,
@@ -5633,6 +5704,8 @@ const Switch = /*#__PURE__*/react$1.forwardRef(function Switch(props, forwardedR
   });
 });
 
+// TabIndicator Component
+
 const TabIndicatorContext = /*#__PURE__*/react$1.createContext({
   currentIndicator: {
     current: null
@@ -5659,7 +5732,7 @@ const TabIndicator = /*#__PURE__*/react$1.forwardRef(function TabIndicator(props
   const {
     currentIndicator
   } = useTabIndicatorContext();
-  const resizeObserverRef = react$1.useRef();
+  const resizeObserverRef = react$1.useRef(null);
   useEnhancedEffect(() => {
     if (selected && ref.current) {
       if (currentIndicator.current !== null) {
@@ -5670,7 +5743,6 @@ const TabIndicator = /*#__PURE__*/react$1.forwardRef(function TabIndicator(props
         const prevTransition = ref.current.style.transition;
         const prevTransform = ref.current.style.transform;
         ref.current.style.transition = 'none';
-
         if (variant === 'primary') {
           const prevWidth = currentIndicator.current.style.getPropertyValue(WIDTH_PROPERTY_NAME);
           const currentWidth = ref.current.style.getPropertyValue(WIDTH_PROPERTY_NAME);
@@ -5680,19 +5752,18 @@ const TabIndicator = /*#__PURE__*/react$1.forwardRef(function TabIndicator(props
         } else {
           const widthDelta = previousClientRect.width / currentClientRect.width;
           ref.current.style.transform = `translateX(${xPosition}px) scaleX(${widthDelta})`;
-        } // Force repaint before updating classes and transform to ensure the transform properly takes effect
-
+        }
 
-        ref.current.getBoundingClientRect(); // Restore and let transition do it's magic
+        // Force repaint before updating classes and transform to ensure the transform properly takes effect
+        ref.current.getBoundingClientRect();
 
+        // Restore and let transition do it's magic
         ref.current.style.transition = prevTransition;
         ref.current.style.transform = prevTransform;
-
         if (variant === 'primary') {
           ref.current.style.setProperty(SCALE_PROPERTY_NAME, '1');
         }
       }
-
       currentIndicator.current = ref.current;
     }
   }, [selected, variant]);
@@ -5700,11 +5771,9 @@ const TabIndicator = /*#__PURE__*/react$1.forwardRef(function TabIndicator(props
     if (variant === 'secondary') {
       return;
     }
-
     if (labelRef.current && ref.current) {
       const width = labelRef.current.getBoundingClientRect().width;
       ref.current.style.setProperty(WIDTH_PROPERTY_NAME, `${width}px`);
-
       if (typeof ResizeObserver === 'function') {
         resizeObserverRef.current ??= new ResizeObserver(([entry]) => {
           if (ref.current) {
@@ -5752,6 +5821,8 @@ const TabIndicator = /*#__PURE__*/react$1.forwardRef(function TabIndicator(props
   });
 });
 
+// TabList Component
+
 const TabListContext = /*#__PURE__*/react$1.createContext({
   indicatorColor: 'primary',
   textColor: 'on.surface',
@@ -5950,6 +6021,7 @@ const Table = /*#__PURE__*/react$1.forwardRef((props, ref) => {
   });
 });
 
+// TableHead Component
 const TableHeadContext = /*#__PURE__*/react$1.createContext(false);
 const {
   Provider: TableHeadProvider
@@ -6066,7 +6138,6 @@ const Tooltip = /*#__PURE__*/react$1.forwardRef(function Tooltip(props, forwarde
     zIndex: 'tooltip',
     ...__css
   };
-
   if (!children) {
     return /*#__PURE__*/jsxRuntime.jsx(Box, {
       ref: forwardedRef,
@@ -6075,7 +6146,6 @@ const Tooltip = /*#__PURE__*/react$1.forwardRef(function Tooltip(props, forwarde
       children: label
     });
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(BaseTooltip, {
     as: core.Popper,
     innerAs: Box,
@@ -6172,6 +6242,9 @@ exports.SliderMarker = SliderMarker;
 exports.SliderRange = SliderRange;
 exports.SliderTrack = SliderTrack;
 exports.Snackbar = Snackbar;
+exports.SplitButton = SplitButton;
+exports.SplitButtonGroup = SplitButtonGroup;
+exports.SplitMenuButton = SplitMenuButton;
 exports.StackProvider = StackProvider;
 exports.Switch = Switch;
 exports.Tab = Tab;