@basic-ui/material 0.1.9 → 0.1.12

package/build/esm/Ripple/keyframes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/keyframes.ts"],"names":["keyframes","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_OPACITY_END","RIPPLE_SCALE_END","radiusIn","from","transform","to","opacityIn","opacity","opacityOut"],"mappings":"AAAA,SAASA,SAAT,QAA0B,gBAA1B;AAEA,SACEC,sBADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,gBAJF,QAKO,aALP;AAOA,OAAO,MAAMC,QAAmB,GAAGL,SAAS,CAAC;AAC3CM,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,0BAAmBN,sBAAnB;AADL,GADqC;AAI3CO,EAAAA,EAAE,EAAE;AACFD,IAAAA,SAAS,0BAAmBL,oBAAnB,6BAA0DE,gBAA1D;AADP;AAJuC,CAAD,CAArC;AASP,OAAO,MAAMK,SAAoB,GAAGT,SAAS,CAAC;AAC5CM,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,EAAE;AADL,GADsC;AAI5CF,EAAAA,EAAE,EAAE;AACFE,IAAAA,OAAO,gBAASP,kBAAT;AADL;AAJwC,CAAD,CAAtC;AASP,OAAO,MAAMQ,UAAqB,GAAGX,SAAS,CAAC;AAC7CM,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,0BAAmBL,oBAAnB,6BAA0DE,gBAA1D,UADL;AAEJM,IAAAA,OAAO,gBAASP,kBAAT;AAFH,GADuC;AAK7CK,EAAAA,EAAE,EAAE;AACFD,IAAAA,SAAS,0BAAmBL,oBAAnB,6BAA0DE,gBAA1D,UADP;AAEFM,IAAAA,OAAO,EAAE;AAFP;AALyC,CAAD,CAAvC","sourcesContent":["import { keyframes } from '@emotion/react';\nimport { Keyframes } from '@emotion/serialize';\nimport {\n  RIPPLE_TRANSLATE_START,\n  RIPPLE_TRANSLATE_END,\n  RIPPLE_OPACITY_END,\n  RIPPLE_SCALE_END,\n} from './constants';\n\nexport const radiusIn: Keyframes = keyframes({\n  from: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_START}, 0)) scale(1)`,\n  },\n  to: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_END}, 0)) scale(var(${RIPPLE_SCALE_END}, 1))`,\n  },\n});\n\nexport const opacityIn: Keyframes = keyframes({\n  from: {\n    opacity: '0',\n  },\n  to: {\n    opacity: `var(${RIPPLE_OPACITY_END})`,\n  },\n});\n\nexport const opacityOut: Keyframes = keyframes({\n  from: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_END}, 0)) scale(var(${RIPPLE_SCALE_END}, 1))`,\n    opacity: `var(${RIPPLE_OPACITY_END})`,\n  },\n  to: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_END}, 0)) scale(var(${RIPPLE_SCALE_END}, 1))`,\n    opacity: '0',\n  },\n});\n"],"file":"keyframes.js"}
+{"version":3,"sources":["../../../src/Ripple/keyframes.ts"],"names":["keyframes","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_OPACITY_END","RIPPLE_SCALE_END","radiusIn","from","transform","to","opacityIn","opacity","opacityOut"],"mappings":"AAAA,SAASA,SAAT,QAA0B,gBAA1B;AAEA,SACEC,sBADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,gBAJF,QAKO,aALP;AAOA,OAAO,MAAMC,QAAmB,GAAGL,SAAS,CAAC;AAC3CM,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,0BAAmBN,sBAAnB;AADL,GADqC;AAI3CO,EAAAA,EAAE,EAAE;AACFD,IAAAA,SAAS,0BAAmBL,oBAAnB,6BAA0DE,gBAA1D;AADP;AAJuC,CAAD,CAArC;AASP,OAAO,MAAMK,SAAoB,GAAGT,SAAS,CAAC;AAC5CM,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,EAAE;AADL,GADsC;AAI5CF,EAAAA,EAAE,EAAE;AACFE,IAAAA,OAAO,gBAASP,kBAAT;AADL;AAJwC,CAAD,CAAtC;AASP,OAAO,MAAMQ,UAAqB,GAAGX,SAAS,CAAC;AAC7CM,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,gBAASP,kBAAT;AADH,GADuC;AAI7CK,EAAAA,EAAE,EAAE;AACFE,IAAAA,OAAO,EAAE;AADP;AAJyC,CAAD,CAAvC","sourcesContent":["import { keyframes } from '@emotion/react';\nimport { Keyframes } from '@emotion/serialize';\nimport {\n  RIPPLE_TRANSLATE_START,\n  RIPPLE_TRANSLATE_END,\n  RIPPLE_OPACITY_END,\n  RIPPLE_SCALE_END,\n} from './constants';\n\nexport const radiusIn: Keyframes = keyframes({\n  from: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_START}, 0)) scale(1)`,\n  },\n  to: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_END}, 0)) scale(var(${RIPPLE_SCALE_END}, 1))`,\n  },\n});\n\nexport const opacityIn: Keyframes = keyframes({\n  from: {\n    opacity: '0',\n  },\n  to: {\n    opacity: `var(${RIPPLE_OPACITY_END})`,\n  },\n});\n\nexport const opacityOut: Keyframes = keyframes({\n  from: {\n    opacity: `var(${RIPPLE_OPACITY_END})`,\n  },\n  to: {\n    opacity: '0',\n  },\n});\n"],"file":"keyframes.js"}

package/build/esm/Ripple/useRipple.js

@@ -68,7 +68,7 @@ export const useRipple = opts => {
 
   useEffect(() => {
     return () => {
-      clearTimeout(restartTimeout.current);
+      restartTimeout.current && cancelAnimationFrame(restartTimeout.current);
       clearTimeout(enteringTimeout.current);
       clearTimeout(leavingTimeout.current);
     };
@@ -109,11 +109,11 @@ export const useRipple = opts => {
     shouldLeave.current = false;
     rippleState.current = 'restart';
     setRipple(_extends({}, defaultRipple));
-    restartTimeout.current = window.setTimeout(() => {
+    restartTimeout.current = requestAnimationFrame(() => {
       rippleState.current = 'entering';
       setRipple(calculateRipplePosition(rect, clientX, clientY, center));
       enteringTimeout.current = window.setTimeout(setEntered, enterDuration);
-    }, 16);
+    });
   }; // Styling
 
 
@@ -126,7 +126,7 @@ export const useRipple = opts => {
       break;
 
     case 'leaving':
-      animation = "".concat(opacityOut, " ").concat(leaveDuration, "ms forwards");
+      animation = "".concat(radiusIn, " ").concat(enterDuration, "ms forwards,") + "".concat(opacityOut, " ").concat(leaveDuration, "ms forwards");
       break;
   }
 

package/build/esm/Ripple/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/useRipple.ts"],"names":["useState","useRef","useEffect","radiusIn","opacityIn","opacityOut","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_OPACITY_END","RIPPLE_SCALE_END","RIPPLE_SIZE","RIPPLE_BACKGROUND_COLOR","RIPPLE_POSITION","defaultRipple","x","y","size","scale","centerX","centerY","getBoundedRadius","rect","padding","hypotenuse","Math","sqrt","pow","width","height","getScale","maxDim","max","initialOriginScale","maxRadius","initialSize","floor","calculateRipplePosition","clientX","clientY","center","rippleStart","left","top","state","useRipple","opts","opacity","backgroundColor","enterDuration","leaveDuration","rippleState","ripple","setRipple","leavingTimeout","enteringTimeout","restartTimeout","shouldLeave","clearTimeout","current","setLeft","setLeaving","window","setTimeout","setEntered","deactivate","activate","animation","undefined","style"],"mappings":";AAAA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,SAA3B,QAA4C,OAA5C;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,UAA9B,QAAgD,aAAhD;AACA,SACEC,sBADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,gBAJF,EAKEC,WALF,EAMEC,uBANF,EAOEC,eAPF,QAQO,aARP;AAUA,MAAMC,aAAa,GAAG;AACpBC,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE,CAFiB;AAGpBC,EAAAA,IAAI,EAAE,CAHc;AAIpBC,EAAAA,KAAK,EAAE,CAJa;AAKpBC,EAAAA,OAAO,EAAE,CALW;AAMpBC,EAAAA,OAAO,EAAE;AANW,CAAtB,C,CASA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,gBAAgB,GAAG,CAACC,IAAD,EAAmBC,OAAnB,KAAuC;AAC9D,QAAMC,UAAU,GAAGC,IAAI,CAACC,IAAL,CACjBD,IAAI,CAACE,GAAL,CAASL,IAAI,CAACM,KAAd,EAAqB,CAArB,IAA0BH,IAAI,CAACE,GAAL,CAASL,IAAI,CAACO,MAAd,EAAsB,CAAtB,CADT,CAAnB;AAGA,SAAOL,UAAU,GAAGD,OAApB;AACD,CALD;;AAOA,SAASO,QAAT,CAAkBR,IAAlB,EAAoC;AAClC,QAAMS,MAAM,GAAGN,IAAI,CAACO,GAAL,CAASV,IAAI,CAACO,MAAd,EAAsBP,IAAI,CAACM,KAA3B,CAAf;AACA,QAAML,OAAO,GAAG,EAAhB;AACA,QAAMU,kBAAkB,GAAG,GAA3B;AACA,QAAMC,SAAS,GAAGb,gBAAgB,CAACC,IAAD,EAAOC,OAAP,CAAlC,CAJkC,CAMlC;;AACA,QAAMY,WAAW,GAAGV,IAAI,CAACW,KAAL,CAAWL,MAAM,GAAGE,kBAApB,CAApB;AAEA,SAAO;AACLhB,IAAAA,IAAI,EAAEkB,WADD;AAELjB,IAAAA,KAAK,EAAEgB,SAAS,GAAGC,WAFd;AAGLhB,IAAAA,OAAO,EAAEG,IAAI,CAACM,KAAL,GAAa,CAHjB;AAILR,IAAAA,OAAO,EAAEE,IAAI,CAACO,MAAL,GAAc;AAJlB,GAAP;AAMD;;AAED,SAASQ,uBAAT,CACEf,IADF,EAEEgB,OAFF,EAGEC,OAHF,EAIEC,MAAM,GAAG,KAJX,EAKE;AACA,QAAMC,WAAW,GAAGD,MAAM,GACtB;AACEzB,IAAAA,CAAC,EAAEO,IAAI,CAACM,KAAL,GAAa,CADlB;AAEEZ,IAAAA,CAAC,EAAEM,IAAI,CAACO,MAAL,GAAc;AAFnB,GADsB,GAKtB;AACEd,IAAAA,CAAC,EAAEuB,OAAO,GAAGhB,IAAI,CAACoB,IADpB;AAEE1B,IAAAA,CAAC,EAAEuB,OAAO,GAAGjB,IAAI,CAACqB;AAFpB,GALJ;AAUA;AACEC,IAAAA,KAAK,EAAE;AADT,KAEKH,WAFL,EAGKX,QAAQ,CAACR,IAAD,CAHb;AAKD;;AAWD,OAAO,MAAMuB,SAAS,GAAIC,IAAD,IAAyB;AAChD,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,eAFI;AAGJC,IAAAA,aAAa,GAAG,GAHZ;AAIJC,IAAAA,aAAa,GAAG;AAJZ,MAKFJ,IALJ,CADgD,CAQhD;AACA;AACA;;AACA,QAAMK,WAAW,GAAGjD,MAAM,CACxB,MADwB,CAA1B;AAGA,QAAM,CAACkD,MAAD,EAASC,SAAT,IAAsBpD,QAAQ,CAACa,aAAD,CAApC;AACA,QAAMwC,cAAc,GAAGpD,MAAM,EAA7B;AACA,QAAMqD,eAAe,GAAGrD,MAAM,EAA9B;AACA,QAAMsD,cAAc,GAAGtD,MAAM,EAA7B;AAEA,QAAMuD,WAAW,GAAGvD,MAAM,CAAC,KAAD,CAA1B,CAnBgD,CAqBhD;;AACAC,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACXuD,MAAAA,YAAY,CAACF,cAAc,CAACG,OAAhB,CAAZ;AACAD,MAAAA,YAAY,CAACH,eAAe,CAACI,OAAjB,CAAZ;AACAD,MAAAA,YAAY,CAACJ,cAAc,CAACK,OAAhB,CAAZ;AACD,KAJD;AAKD,GANQ,EAMN,EANM,CAAT,CAtBgD,CA8BhD;;AACA,QAAMC,OAAO,GAAG,MAAM;AACpBT,IAAAA,WAAW,CAACQ,OAAZ,GAAsB,MAAtB;AACAN,IAAAA,SAAS,cAAMvC,aAAN,EAAT;AACD,GAHD;;AAKA,QAAM+C,UAAU,GAAG,MAAM;AACvBH,IAAAA,YAAY,CAACH,eAAe,CAACI,OAAjB,CAAZ;AACAR,IAAAA,WAAW,CAACQ,OAAZ,GAAsB,SAAtB;AACAN,IAAAA,SAAS,CAAED,MAAD,iBACLA,MADK,CAAD,CAAT;AAIAE,IAAAA,cAAc,CAACK,OAAf,GAAyBG,MAAM,CAACC,UAAP,CAAkBH,OAAlB,EAA2BV,aAA3B,CAAzB;AACD,GARD;;AAUA,QAAMc,UAAU,GAAG,MAAM;AACvBb,IAAAA,WAAW,CAACQ,OAAZ,GAAsB,SAAtB;AACAN,IAAAA,SAAS,CAAED,MAAD,iBACLA,MADK,CAAD,CAAT;;AAIA,QAAIK,WAAW,CAACE,OAAhB,EAAyB;AACvBE,MAAAA,UAAU;AACX;AACF,GATD;;AAWA,QAAMI,UAAU,GAAG,MAAM;AACvBR,IAAAA,WAAW,CAACE,OAAZ,GAAsB,IAAtB;;AACA,QAAIR,WAAW,CAACQ,OAAZ,KAAwB,SAA5B,EAAuC;AACrCE,MAAAA,UAAU;AACX;AACF,GALD;;AAOA,QAAMK,QAAQ,GAAG,CACf5C,IADe,EAEfgB,OAFe,EAGfC,OAHe,EAIfC,MAAM,GAAG,KAJM,KAKZ;AACHkB,IAAAA,YAAY,CAACJ,cAAc,CAACK,OAAhB,CAAZ;AACAD,IAAAA,YAAY,CAACH,eAAe,CAACI,OAAjB,CAAZ;AACAF,IAAAA,WAAW,CAACE,OAAZ,GAAsB,KAAtB;AAEAR,IAAAA,WAAW,CAACQ,OAAZ,GAAsB,SAAtB;AACAN,IAAAA,SAAS,cAAMvC,aAAN,EAAT;AACA0C,IAAAA,cAAc,CAACG,OAAf,GAAyBG,MAAM,CAACC,UAAP,CAAkB,MAAM;AAC/CZ,MAAAA,WAAW,CAACQ,OAAZ,GAAsB,UAAtB;AACAN,MAAAA,SAAS,CAAChB,uBAAuB,CAACf,IAAD,EAAOgB,OAAP,EAAgBC,OAAhB,EAAyBC,MAAzB,CAAxB,CAAT;AAEAe,MAAAA,eAAe,CAACI,OAAhB,GAA0BG,MAAM,CAACC,UAAP,CAAkBC,UAAlB,EAA8Bf,aAA9B,CAA1B;AACD,KALwB,EAKtB,EALsB,CAAzB;AAMD,GAlBD,CAhEgD,CAoFhD;;;AACA,MAAIkB,SAA6B,GAAGC,SAApC;;AACA,UAAQjB,WAAW,CAACQ,OAApB;AACE,SAAK,UAAL;AACA,SAAK,SAAL;AACEQ,MAAAA,SAAS,GACP,UAAG/D,QAAH,cAAe6C,aAAf,8BACG5C,SADH,cACgB4C,aAAa,GAAG,CADhC,gBADF;AAGA;;AACF,SAAK,SAAL;AACEkB,MAAAA,SAAS,aAAM7D,UAAN,cAAoB4C,aAApB,gBAAT;AACA;AATJ;;AAYA,MAAImB,KAAK,GAAG,EAAZ;;AACA,UAAQlB,WAAW,CAACQ,OAApB;AACE,SAAK,UAAL;AACA,SAAK,SAAL;AACA,SAAK,SAAL;AACEU,MAAAA,KAAK,GAAG;AACN,SAAC1D,WAAD,aAAkByC,MAAM,CAACnC,IAAzB,OADM;AAEN,SAACJ,eAAD,aAAsB,CAACuC,MAAM,CAACnC,IAAR,GAAe,CAArC,OAFM;AAGN,SAACL,uBAAD,GAA2BoC,eAHrB;AAIN,SAACzC,sBAAD,aAA6B6C,MAAM,CAACrC,CAApC,iBAA4CqC,MAAM,CAACpC,CAAnD,OAJM;AAKN,SAACR,oBAAD,aAA2B4C,MAAM,CAACjC,OAAlC,iBAAgDiC,MAAM,CAAChC,OAAvD,OALM;AAMN,SAACX,kBAAD,GAAsBsC,OANhB;AAON,SAACrC,gBAAD,aAAuB0C,MAAM,CAAClC,KAA9B;AAPM,OAAR;AASA;AAbJ;;AAgBA,SAAO;AACLgD,IAAAA,QADK;AAELD,IAAAA,UAFK;AAGLI,IAAAA,KAHK;AAILF,IAAAA,SAJK,CAKL;;AALK,GAAP;AAOD,CA1HM","sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { radiusIn, opacityIn, opacityOut } from './keyframes';\nimport {\n  RIPPLE_TRANSLATE_START,\n  RIPPLE_TRANSLATE_END,\n  RIPPLE_OPACITY_END,\n  RIPPLE_SCALE_END,\n  RIPPLE_SIZE,\n  RIPPLE_BACKGROUND_COLOR,\n  RIPPLE_POSITION,\n} from './constants';\n\nconst defaultRipple = {\n  x: 0,\n  y: 0,\n  size: 0,\n  scale: 0,\n  centerX: 0,\n  centerY: 0,\n};\n\n// Surface diameter is treated differently for unbounded vs. bounded ripples.\n// Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately\n// to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically\n// square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter\n// (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via\n// `overflow: hidden`.\nconst getBoundedRadius = (rect: ClientRect, padding: number) => {\n  const hypotenuse = Math.sqrt(\n    Math.pow(rect.width, 2) + Math.pow(rect.height, 2)\n  );\n  return hypotenuse + padding;\n};\n\nfunction getScale(rect: ClientRect) {\n  const maxDim = Math.max(rect.height, rect.width);\n  const padding = 10;\n  const initialOriginScale = 0.6;\n  const maxRadius = getBoundedRadius(rect, padding);\n\n  // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform\n  const initialSize = Math.floor(maxDim * initialOriginScale);\n\n  return {\n    size: initialSize,\n    scale: maxRadius / initialSize,\n    centerX: rect.width / 2,\n    centerY: rect.height / 2,\n  };\n}\n\nfunction calculateRipplePosition(\n  rect: ClientRect,\n  clientX: number,\n  clientY: number,\n  center = false\n) {\n  const rippleStart = center\n    ? {\n        x: rect.width / 2,\n        y: rect.height / 2,\n      }\n    : {\n        x: clientX - rect.left,\n        y: clientY - rect.top,\n      };\n\n  return {\n    state: 'entering' as const,\n    ...rippleStart,\n    ...getScale(rect),\n  };\n}\n\nexport interface RippleOptions {\n  opacity: number;\n  backgroundColor: string;\n  enterDuration?: number;\n  leaveDuration?: number;\n  center?: boolean;\n  disabled?: boolean;\n}\n\nexport const useRipple = (opts: RippleOptions) => {\n  const {\n    opacity,\n    backgroundColor,\n    enterDuration = 225,\n    leaveDuration = 150,\n  } = opts;\n\n  // rippleState must be a ref, because it accesses the current value\n  // inside closures... if we use state, it's gonna recapture\n  // the state variable and won't work correctly\n  const rippleState = useRef(\n    'left' as 'entering' | 'entered' | 'leaving' | 'left' | 'restart'\n  );\n  const [ripple, setRipple] = useState(defaultRipple);\n  const leavingTimeout = useRef<number>();\n  const enteringTimeout = useRef<number>();\n  const restartTimeout = useRef<number>();\n\n  const shouldLeave = useRef(false);\n\n  // clear timeouts to avoid setting state on unmounted component\n  useEffect(() => {\n    return () => {\n      clearTimeout(restartTimeout.current);\n      clearTimeout(enteringTimeout.current);\n      clearTimeout(leavingTimeout.current);\n    };\n  }, []);\n\n  // State handling\n  const setLeft = () => {\n    rippleState.current = 'left';\n    setRipple({ ...defaultRipple });\n  };\n\n  const setLeaving = () => {\n    clearTimeout(enteringTimeout.current);\n    rippleState.current = 'leaving';\n    setRipple((ripple) => ({\n      ...ripple,\n    }));\n\n    leavingTimeout.current = window.setTimeout(setLeft, leaveDuration);\n  };\n\n  const setEntered = () => {\n    rippleState.current = 'entered';\n    setRipple((ripple) => ({\n      ...ripple,\n    }));\n\n    if (shouldLeave.current) {\n      setLeaving();\n    }\n  };\n\n  const deactivate = () => {\n    shouldLeave.current = true;\n    if (rippleState.current === 'entered') {\n      setLeaving();\n    }\n  };\n\n  const activate = (\n    rect: ClientRect,\n    clientX: number,\n    clientY: number,\n    center = false\n  ) => {\n    clearTimeout(leavingTimeout.current);\n    clearTimeout(enteringTimeout.current);\n    shouldLeave.current = false;\n\n    rippleState.current = 'restart';\n    setRipple({ ...defaultRipple });\n    restartTimeout.current = window.setTimeout(() => {\n      rippleState.current = 'entering';\n      setRipple(calculateRipplePosition(rect, clientX, clientY, center));\n\n      enteringTimeout.current = window.setTimeout(setEntered, enterDuration);\n    }, 16);\n  };\n\n  // Styling\n  let animation: string | undefined = undefined;\n  switch (rippleState.current) {\n    case 'entering':\n    case 'entered':\n      animation =\n        `${radiusIn} ${enterDuration}ms forwards,` +\n        `${opacityIn} ${enterDuration / 3}ms forwards`;\n      break;\n    case 'leaving':\n      animation = `${opacityOut} ${leaveDuration}ms forwards`;\n      break;\n  }\n\n  let style = {};\n  switch (rippleState.current) {\n    case 'entering':\n    case 'entered':\n    case 'leaving':\n      style = {\n        [RIPPLE_SIZE]: `${ripple.size}px`,\n        [RIPPLE_POSITION]: `${-ripple.size / 2}px`,\n        [RIPPLE_BACKGROUND_COLOR]: backgroundColor,\n        [RIPPLE_TRANSLATE_START]: `${ripple.x}px, ${ripple.y}px`,\n        [RIPPLE_TRANSLATE_END]: `${ripple.centerX}px, ${ripple.centerY}px`,\n        [RIPPLE_OPACITY_END]: opacity,\n        [RIPPLE_SCALE_END]: `${ripple.scale}`,\n      };\n      break;\n  }\n\n  return {\n    activate,\n    deactivate,\n    style,\n    animation,\n    // key: counter,\n  };\n};\n"],"file":"useRipple.js"}
+{"version":3,"sources":["../../../src/Ripple/useRipple.ts"],"names":["useState","useRef","useEffect","radiusIn","opacityIn","opacityOut","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_OPACITY_END","RIPPLE_SCALE_END","RIPPLE_SIZE","RIPPLE_BACKGROUND_COLOR","RIPPLE_POSITION","defaultRipple","x","y","size","scale","centerX","centerY","getBoundedRadius","rect","padding","hypotenuse","Math","sqrt","pow","width","height","getScale","maxDim","max","initialOriginScale","maxRadius","initialSize","floor","calculateRipplePosition","clientX","clientY","center","rippleStart","left","top","state","useRipple","opts","opacity","backgroundColor","enterDuration","leaveDuration","rippleState","ripple","setRipple","leavingTimeout","enteringTimeout","restartTimeout","shouldLeave","current","cancelAnimationFrame","clearTimeout","setLeft","setLeaving","window","setTimeout","setEntered","deactivate","activate","requestAnimationFrame","animation","undefined","style"],"mappings":"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","sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { radiusIn, opacityIn, opacityOut } from './keyframes';\nimport {\n  RIPPLE_TRANSLATE_START,\n  RIPPLE_TRANSLATE_END,\n  RIPPLE_OPACITY_END,\n  RIPPLE_SCALE_END,\n  RIPPLE_SIZE,\n  RIPPLE_BACKGROUND_COLOR,\n  RIPPLE_POSITION,\n} from './constants';\n\nconst defaultRipple = {\n  x: 0,\n  y: 0,\n  size: 0,\n  scale: 0,\n  centerX: 0,\n  centerY: 0,\n};\n\n// Surface diameter is treated differently for unbounded vs. bounded ripples.\n// Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately\n// to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically\n// square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter\n// (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via\n// `overflow: hidden`.\nconst getBoundedRadius = (rect: ClientRect, padding: number) => {\n  const hypotenuse = Math.sqrt(\n    Math.pow(rect.width, 2) + Math.pow(rect.height, 2)\n  );\n  return hypotenuse + padding;\n};\n\nfunction getScale(rect: ClientRect) {\n  const maxDim = Math.max(rect.height, rect.width);\n  const padding = 10;\n  const initialOriginScale = 0.6;\n  const maxRadius = getBoundedRadius(rect, padding);\n\n  // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform\n  const initialSize = Math.floor(maxDim * initialOriginScale);\n\n  return {\n    size: initialSize,\n    scale: maxRadius / initialSize,\n    centerX: rect.width / 2,\n    centerY: rect.height / 2,\n  };\n}\n\nfunction calculateRipplePosition(\n  rect: ClientRect,\n  clientX: number,\n  clientY: number,\n  center = false\n) {\n  const rippleStart = center\n    ? {\n        x: rect.width / 2,\n        y: rect.height / 2,\n      }\n    : {\n        x: clientX - rect.left,\n        y: clientY - rect.top,\n      };\n\n  return {\n    state: 'entering' as const,\n    ...rippleStart,\n    ...getScale(rect),\n  };\n}\n\nexport interface RippleOptions {\n  opacity: number;\n  backgroundColor: string;\n  enterDuration?: number;\n  leaveDuration?: number;\n  center?: boolean;\n  disabled?: boolean;\n}\n\nexport const useRipple = (opts: RippleOptions) => {\n  const {\n    opacity,\n    backgroundColor,\n    enterDuration = 225,\n    leaveDuration = 150,\n  } = opts;\n\n  // rippleState must be a ref, because it accesses the current value\n  // inside closures... if we use state, it's gonna recapture\n  // the state variable and won't work correctly\n  const rippleState = useRef(\n    'left' as 'entering' | 'entered' | 'leaving' | 'left' | 'restart'\n  );\n  const [ripple, setRipple] = useState(defaultRipple);\n  const leavingTimeout = useRef<number>();\n  const enteringTimeout = useRef<number>();\n  const restartTimeout = useRef<number>();\n\n  const shouldLeave = useRef(false);\n\n  // clear timeouts to avoid setting state on unmounted component\n  useEffect(() => {\n    return () => {\n      restartTimeout.current && cancelAnimationFrame(restartTimeout.current);\n      clearTimeout(enteringTimeout.current);\n      clearTimeout(leavingTimeout.current);\n    };\n  }, []);\n\n  // State handling\n  const setLeft = () => {\n    rippleState.current = 'left';\n    setRipple({ ...defaultRipple });\n  };\n\n  const setLeaving = () => {\n    clearTimeout(enteringTimeout.current);\n    rippleState.current = 'leaving';\n    setRipple((ripple) => ({\n      ...ripple,\n    }));\n\n    leavingTimeout.current = window.setTimeout(setLeft, leaveDuration);\n  };\n\n  const setEntered = () => {\n    rippleState.current = 'entered';\n    setRipple((ripple) => ({\n      ...ripple,\n    }));\n\n    if (shouldLeave.current) {\n      setLeaving();\n    }\n  };\n\n  const deactivate = () => {\n    shouldLeave.current = true;\n    if (rippleState.current === 'entered') {\n      setLeaving();\n    }\n  };\n\n  const activate = (\n    rect: ClientRect,\n    clientX: number,\n    clientY: number,\n    center = false\n  ) => {\n    clearTimeout(leavingTimeout.current);\n    clearTimeout(enteringTimeout.current);\n    shouldLeave.current = false;\n\n    rippleState.current = 'restart';\n    setRipple({ ...defaultRipple });\n    restartTimeout.current = requestAnimationFrame(() => {\n      rippleState.current = 'entering';\n      setRipple(calculateRipplePosition(rect, clientX, clientY, center));\n\n      enteringTimeout.current = window.setTimeout(setEntered, enterDuration);\n    });\n  };\n\n  // Styling\n  let animation: string | undefined = undefined;\n  switch (rippleState.current) {\n    case 'entering':\n    case 'entered':\n      animation =\n        `${radiusIn} ${enterDuration}ms forwards,` +\n        `${opacityIn} ${enterDuration / 3}ms forwards`;\n      break;\n    case 'leaving':\n      animation =\n        `${radiusIn} ${enterDuration}ms forwards,` +\n        `${opacityOut} ${leaveDuration}ms forwards`;\n      break;\n  }\n\n  let style = {};\n  switch (rippleState.current) {\n    case 'entering':\n    case 'entered':\n    case 'leaving':\n      style = {\n        [RIPPLE_SIZE]: `${ripple.size}px`,\n        [RIPPLE_POSITION]: `${-ripple.size / 2}px`,\n        [RIPPLE_BACKGROUND_COLOR]: backgroundColor,\n        [RIPPLE_TRANSLATE_START]: `${ripple.x}px, ${ripple.y}px`,\n        [RIPPLE_TRANSLATE_END]: `${ripple.centerX}px, ${ripple.centerY}px`,\n        [RIPPLE_OPACITY_END]: opacity,\n        [RIPPLE_SCALE_END]: `${ripple.scale}`,\n      };\n      break;\n  }\n\n  return {\n    activate,\n    deactivate,\n    style,\n    animation,\n    // key: counter,\n  };\n};\n"],"file":"useRipple.js"}

package/build/esm/Select/SelectIcon.d.ts

@@ -3,4 +3,4 @@ import { BoxProps } from '../Box';
 export declare type SelectIconProps = BoxProps<SVGElement, React.SVGAttributes<SVGElement>> & {
     open?: boolean;
 };
-export declare const SelectIcon: React.ForwardRefExoticComponent<Pick<SelectIconProps, "string" | "filter" | "fill" | "values" | "local" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "className" | "id" | "lang" | "style" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "path" | "end" | "x" | "y" | "open" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "name" | "type" | "crossOrigin" | "max" | "min" | "elevation" | "media" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGElement>>;
+export declare const SelectIcon: React.ForwardRefExoticComponent<Pick<SelectIconProps, "string" | "filter" | "fill" | "values" | "local" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "className" | "id" | "lang" | "style" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "path" | "end" | "x" | "y" | "open" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "elevation" | "crossOrigin" | "max" | "min" | "name" | "type" | "href" | "media" | "target" | "to" | "origin" | "method" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGElement>>;

package/build/esm/SelectItem/SelectItem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { MenuItemProps } from '../Menu';
 export declare type SelectItemProps = MenuItemProps;
-export declare const SelectItem: import("react").ForwardRefExoticComponent<Pick<MenuItemProps, "rippleColor" | "onKeyDown" | "onPointerDown" | "style" | "disabled" | "left" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "gridColumnGap" | "gridGap" | "gridRowGap" | "size" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "value" | "innerAs" | "selected"> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const SelectItem: import("react").ForwardRefExoticComponent<Pick<MenuItemProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "disabled" | "value" | "innerAs" | "selected" | "rippleColor"> & import("react").RefAttributes<HTMLLIElement>>;

package/build/esm/Snackbar/Snackbar.d.ts

@@ -5,4 +5,4 @@ export interface SnackbarProps extends PaperProps {
     timeout?: number;
     dismissible?: boolean;
 }
-export declare const Snackbar: React.ForwardRefExoticComponent<Pick<SnackbarProps, "onKeyDown" | "onPointerDown" | "style" | "left" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "gridColumnGap" | "gridGap" | "gridRowGap" | "size" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "outlined" | "elevation" | "backgroundOverlay" | "action" | "timeout" | "dismissible"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Snackbar: React.ForwardRefExoticComponent<Pick<SnackbarProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "elevation" | "outlined" | "backgroundOverlay" | "action" | "timeout" | "dismissible"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Snackbar/Stack.d.ts

@@ -1,4 +1,5 @@
 import { MutableRefObject, ReactElement } from 'react';
+import type * as React from 'react';
 import { FC } from 'react';
 export declare type StackPlacement = 'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
 export interface StackItemContextProps {
@@ -23,6 +24,7 @@ export interface StackContextProps {
     addItem: (element: ReactElement) => void;
 }
 export declare const StackProvider: FC<{
+    children?: React.ReactNode | React.ReactNode[];
     gap?: number;
     placement?: 'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
     maxSize?: number;

package/build/esm/Snackbar/Stack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Snackbar/Stack.tsx"],"names":["useLayoutEffect","createContext","useContext","useEffect","useRef","useState","StackItemContext","displayName","useStackItem","ref","closeTimeoutInMilliseconds","context","onSetHeight","onRemoveItem","posY","placement","isExiting","state","setState","onClose","height","current","getBoundingClientRect","undefined","handle","setTimeout","clearTimeout","translateY","StackContent","gap","maxSize","onAddItemRef","id","items","setCounter","rerender","v","element","itemId","String","push","length","i","setHeightById","item","find","removeItemById","previousLength","filter","y","Array","from","map","StackContext","StackProvider","children","onAddItem","addItem","useStack","ctx","Error"],"mappings":"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","sourcesContent":["import { MutableRefObject, ReactElement, useLayoutEffect } from 'react';\nimport type * as React from 'react';\nimport {\n  createContext,\n  FC,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport type StackPlacement =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left';\n\n// StackItemContext Component\nexport interface StackItemContextProps {\n  posY: number | undefined;\n  isExiting: boolean;\n  onSetHeight(height: number): void;\n  onRemoveItem(): void;\n  placement: StackPlacement;\n}\n\nconst StackItemContext = createContext<StackItemContextProps | null>(null);\nStackItemContext.displayName = 'StackItemContext';\n\ninterface StackItemProps {\n  ref: MutableRefObject<HTMLElement | null>;\n  openTimeoutInMilliseconds?: number;\n  closeTimeoutInMilliseconds?: number;\n}\n\nexport function useStackItem({\n  ref,\n  closeTimeoutInMilliseconds = 110,\n}: StackItemProps) {\n  const context = useContext(StackItemContext);\n  if (!context) {\n    return null;\n  }\n  const { onSetHeight, onRemoveItem, posY, placement, isExiting } = context;\n  /* eslint-disable react-hooks/rules-of-hooks */\n  const [state, setState] = useState<'entering' | 'entered' | 'exiting'>(\n    'entering'\n  );\n\n  function onClose() {\n    setState('exiting');\n  }\n\n  useLayoutEffect(() => {\n    const height = ref.current?.getBoundingClientRect().height ?? 0;\n    onSetHeight(height);\n\n    if (isExiting) {\n      onClose();\n    }\n  });\n\n  useEffect(() => {\n    if (posY !== undefined && state === 'entering') {\n      setState('entered');\n    }\n  }, [state, posY]);\n\n  useLayoutEffect(() => {\n    if (state === 'exiting') {\n      const handle = setTimeout(() => {\n        onRemoveItem();\n      }, closeTimeoutInMilliseconds);\n\n      return () => {\n        clearTimeout(handle);\n      };\n    }\n  }, [state]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    translateY: posY,\n    state,\n    onClose,\n    placement,\n  };\n  /* eslint-enable react-hooks/rules-of-hooks */\n}\n\nfunction StackContent({\n  gap = 0,\n  placement,\n  maxSize,\n  onAddItemRef,\n}: {\n  gap: number;\n  placement: StackPlacement;\n  maxSize: number;\n  onAddItemRef: React.MutableRefObject<\n    ((element: React.ReactElement) => void) | null\n  >;\n}) {\n  const id = useRef(0);\n  const items = useRef<StackItem[]>([]);\n  const [, setCounter] = useState(false);\n  function rerender() {\n    setCounter((v) => !v);\n  }\n\n  useEffect(() => {\n    onAddItemRef.current = (element: React.ReactElement) => {\n      const itemId = String(++id.current);\n\n      items.current.push({\n        id: itemId,\n        height: undefined,\n        element,\n        isExiting: false,\n      });\n      // Stack > maxSize? Close items\n      if (items.current.length > maxSize) {\n        for (let i = 0; i < items.current.length; i++) {\n          if (!items.current[i].isExiting) {\n            items.current[i].isExiting = true;\n            break;\n          }\n        }\n      }\n      rerender();\n    };\n    return () => {\n      onAddItemRef.current = null;\n    };\n  }, [maxSize]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function setHeightById(id: string, height: number) {\n    const item = items.current.find(({ id: itemId }) => itemId === id);\n    if (item && item.height !== height) {\n      item.height = height;\n      rerender();\n    }\n  }\n\n  function removeItemById(id: string) {\n    const previousLength = items.current.length;\n    items.current = items.current.filter(({ id: itemId }) => itemId !== id);\n    if (items.current.length !== previousLength) {\n      rerender();\n    }\n  }\n\n  let y = 0;\n  return (\n    <div data-stack-root=\"\">\n      {Array.from(items.current).map((item) => {\n        let posY: number | undefined = undefined;\n        const height = item.height;\n        if (height) {\n          posY = y;\n          y += height + gap;\n        }\n\n        return (\n          <StackItemContext.Provider\n            key={item.id}\n            value={{\n              isExiting: item.isExiting,\n              posY,\n              onSetHeight: (height: number) => {\n                if (height === item.height) {\n                  return;\n                }\n                setHeightById(item.id, height);\n              },\n              onRemoveItem: () => removeItemById(item.id),\n              placement,\n            }}\n          >\n            {item.element}\n          </StackItemContext.Provider>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface StackContextProps {\n  addItem: (element: ReactElement) => void;\n}\n\nconst StackContext = createContext<StackContextProps | null>(null);\n\ninterface StackItem {\n  id: string;\n  element: ReactElement;\n  height: number | undefined;\n  isExiting: boolean;\n}\n\nexport const StackProvider: FC<{\n  gap?: number;\n  placement?:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-right'\n    | 'bottom-center'\n    | 'bottom-left';\n  maxSize?: number;\n}> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {\n  const onAddItemRef = useRef<(element: React.ReactElement) => void>(null);\n  function onAddItem(element: React.ReactElement) {\n    onAddItemRef.current?.(element);\n  }\n\n  return (\n    <StackContext.Provider value={{ addItem: onAddItem }}>\n      {children}\n      <StackContent\n        gap={gap}\n        placement={placement}\n        maxSize={maxSize}\n        onAddItemRef={onAddItemRef}\n      />\n    </StackContext.Provider>\n  );\n};\n\nexport function useStack(): StackContextProps {\n  const ctx = useContext(StackContext);\n  if (!ctx) {\n    throw new Error('useStack must be used within a StackContext.Provider');\n  }\n  return ctx;\n}\n"],"file":"Stack.js"}
+{"version":3,"sources":["../../../src/Snackbar/Stack.tsx"],"names":["useLayoutEffect","createContext","useContext","useEffect","useRef","useState","StackItemContext","displayName","useStackItem","ref","closeTimeoutInMilliseconds","context","onSetHeight","onRemoveItem","posY","placement","isExiting","state","setState","onClose","height","current","getBoundingClientRect","undefined","handle","setTimeout","clearTimeout","translateY","StackContent","gap","maxSize","onAddItemRef","id","items","setCounter","rerender","v","element","itemId","String","push","length","i","setHeightById","item","find","removeItemById","previousLength","filter","y","Array","from","map","StackContext","StackProvider","children","onAddItem","addItem","useStack","ctx","Error"],"mappings":"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","sourcesContent":["import { MutableRefObject, ReactElement, useLayoutEffect } from 'react';\nimport type * as React from 'react';\nimport {\n  createContext,\n  FC,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport type StackPlacement =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left';\n\n// StackItemContext Component\nexport interface StackItemContextProps {\n  posY: number | undefined;\n  isExiting: boolean;\n  onSetHeight(height: number): void;\n  onRemoveItem(): void;\n  placement: StackPlacement;\n}\n\nconst StackItemContext = createContext<StackItemContextProps | null>(null);\nStackItemContext.displayName = 'StackItemContext';\n\ninterface StackItemProps {\n  ref: MutableRefObject<HTMLElement | null>;\n  openTimeoutInMilliseconds?: number;\n  closeTimeoutInMilliseconds?: number;\n}\n\nexport function useStackItem({\n  ref,\n  closeTimeoutInMilliseconds = 110,\n}: StackItemProps) {\n  const context = useContext(StackItemContext);\n  if (!context) {\n    return null;\n  }\n  const { onSetHeight, onRemoveItem, posY, placement, isExiting } = context;\n  /* eslint-disable react-hooks/rules-of-hooks */\n  const [state, setState] = useState<'entering' | 'entered' | 'exiting'>(\n    'entering'\n  );\n\n  function onClose() {\n    setState('exiting');\n  }\n\n  useLayoutEffect(() => {\n    const height = ref.current?.getBoundingClientRect().height ?? 0;\n    onSetHeight(height);\n\n    if (isExiting) {\n      onClose();\n    }\n  });\n\n  useEffect(() => {\n    if (posY !== undefined && state === 'entering') {\n      setState('entered');\n    }\n  }, [state, posY]);\n\n  useLayoutEffect(() => {\n    if (state === 'exiting') {\n      const handle = setTimeout(() => {\n        onRemoveItem();\n      }, closeTimeoutInMilliseconds);\n\n      return () => {\n        clearTimeout(handle);\n      };\n    }\n  }, [state]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    translateY: posY,\n    state,\n    onClose,\n    placement,\n  };\n  /* eslint-enable react-hooks/rules-of-hooks */\n}\n\nfunction StackContent({\n  gap = 0,\n  placement,\n  maxSize,\n  onAddItemRef,\n}: {\n  gap: number;\n  placement: StackPlacement;\n  maxSize: number;\n  onAddItemRef: React.MutableRefObject<\n    ((element: React.ReactElement) => void) | null\n  >;\n}) {\n  const id = useRef(0);\n  const items = useRef<StackItem[]>([]);\n  const [, setCounter] = useState(false);\n  function rerender() {\n    setCounter((v) => !v);\n  }\n\n  useEffect(() => {\n    onAddItemRef.current = (element: React.ReactElement) => {\n      const itemId = String(++id.current);\n\n      items.current.push({\n        id: itemId,\n        height: undefined,\n        element,\n        isExiting: false,\n      });\n      // Stack > maxSize? Close items\n      if (items.current.length > maxSize) {\n        for (let i = 0; i < items.current.length; i++) {\n          if (!items.current[i].isExiting) {\n            items.current[i].isExiting = true;\n            break;\n          }\n        }\n      }\n      rerender();\n    };\n    return () => {\n      onAddItemRef.current = null;\n    };\n  }, [maxSize]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function setHeightById(id: string, height: number) {\n    const item = items.current.find(({ id: itemId }) => itemId === id);\n    if (item && item.height !== height) {\n      item.height = height;\n      rerender();\n    }\n  }\n\n  function removeItemById(id: string) {\n    const previousLength = items.current.length;\n    items.current = items.current.filter(({ id: itemId }) => itemId !== id);\n    if (items.current.length !== previousLength) {\n      rerender();\n    }\n  }\n\n  let y = 0;\n  return (\n    <div data-stack-root=\"\">\n      {Array.from(items.current).map((item) => {\n        let posY: number | undefined = undefined;\n        const height = item.height;\n        if (height) {\n          posY = y;\n          y += height + gap;\n        }\n\n        return (\n          <StackItemContext.Provider\n            key={item.id}\n            value={{\n              isExiting: item.isExiting,\n              posY,\n              onSetHeight: (height: number) => {\n                if (height === item.height) {\n                  return;\n                }\n                setHeightById(item.id, height);\n              },\n              onRemoveItem: () => removeItemById(item.id),\n              placement,\n            }}\n          >\n            {item.element}\n          </StackItemContext.Provider>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface StackContextProps {\n  addItem: (element: ReactElement) => void;\n}\n\nconst StackContext = createContext<StackContextProps | null>(null);\n\ninterface StackItem {\n  id: string;\n  element: ReactElement;\n  height: number | undefined;\n  isExiting: boolean;\n}\n\nexport const StackProvider: FC<{\n  children?: React.ReactNode | React.ReactNode[];\n  gap?: number;\n  placement?:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-right'\n    | 'bottom-center'\n    | 'bottom-left';\n  maxSize?: number;\n}> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {\n  const onAddItemRef = useRef<(element: React.ReactElement) => void>(null);\n  function onAddItem(element: React.ReactElement) {\n    onAddItemRef.current?.(element);\n  }\n\n  return (\n    <StackContext.Provider value={{ addItem: onAddItem }}>\n      {children}\n      <StackContent\n        gap={gap}\n        placement={placement}\n        maxSize={maxSize}\n        onAddItemRef={onAddItemRef}\n      />\n    </StackContext.Provider>\n  );\n};\n\nexport function useStack(): StackContextProps {\n  const ctx = useContext(StackContext);\n  if (!ctx) {\n    throw new Error('useStack must be used within a StackContext.Provider');\n  }\n  return ctx;\n}\n"],"file":"Stack.js"}

package/build/esm/Switch/Switch.d.ts

@@ -5,5 +5,5 @@ interface SwitchProps extends BoxProps<HTMLInputElement, React.InputHTMLAttribut
     checked?: boolean;
     disabled?: boolean;
 }
-export declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "onKeyDown" | "onPointerDown" | "style" | "disabled" | "left" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "gridColumnGap" | "gridGap" | "gridRowGap" | "size" | "multiple" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "form" | "pattern" | "list" | "step" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "form" | "pattern" | "list" | "step" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "type" | "value"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/build/esm/Tab/Tab.d.ts

@@ -2,4 +2,4 @@ import type * as React from 'react';
 import { TabProps as TabPropsCore } from '@basic-ui/core';
 import { RippleBoxProps } from '../Ripple';
 export declare type TabProps = TabPropsCore & RippleBoxProps<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const Tab: React.ForwardRefExoticComponent<Pick<TabProps, "baseOpacity" | "hoverOpacity" | "focusOpacity" | "pressedOpacity" | "rippleColor" | "onKeyDown" | "onPointerDown" | "style" | "disabled" | "center" | "left" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "gridColumnGap" | "gridGap" | "gridRowGap" | "size" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "form" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "innerAs"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Tab: React.ForwardRefExoticComponent<Pick<TabProps, "bottom" | "top" | "hidden" | "center" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "form" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "innerAs" | "rippleColor" | "baseOpacity" | "hoverOpacity" | "focusOpacity" | "pressedOpacity"> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/Tab/TabList.d.ts

@@ -6,4 +6,4 @@ export declare type TabListProps = TabListPropsCore & BoxProps & {
     textColor?: string;
     selectedTextColor?: string;
 };
-export declare const TabList: import("react").ForwardRefExoticComponent<Pick<TabListProps, "onKeyDown" | "onPointerDown" | "style" | "left" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "gridColumnGap" | "gridGap" | "gridRowGap" | "size" | "vertical" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "textColor" | "indicatorColor" | "selectedTextColor" | "manualActivation"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabList: import("react").ForwardRefExoticComponent<Pick<TabListProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "vertical" | "innerAs" | "textColor" | "indicatorColor" | "selectedTextColor" | "manualActivation"> & import("react").RefAttributes<HTMLDivElement>>;