@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerificationStatusIcon.js","sources":["../../../src/components/data/VerificationStatusIcon/VerificationStatusIcon.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './VerificationStatusIcon.styled';\nimport { VerificationIcon } from '../../../icons';\n\n/**\n * A compact icon showing verification status with color coding.\n *\n * ### Import\n *\n * ``` js\n * import { VerificationStatusIcon } from '@ntbjs/react-components/data'\n * // or\n * import VerificationStatusIcon from '@ntbjs/react-components/data/VerificationStatusIcon'\n * ```\n *\n * ### Props\n * ```\n * Pass one of \"verified\", \"pending\" or \"rejected\" to `status` to display the correct verification status.\n * Pass `iconHeight={15}` to set the height of the icon in pixel\n * ```\n */\nconst VerificationStatusIcon = React.forwardRef(function VerificationStatusIcon(\n  { status, iconHeight, background, ...props },\n  forwardedRef\n) {\n  return (\n    <S.VerificationIconWrapper $background={background}>\n      <S.VerificationStatusIcon\n        $iconHeight={iconHeight}\n        $background={background}\n        ref={forwardedRef}\n        {...props}\n      >\n        <VerificationIcon />\n        <S.VerificationStatusColor\n          $iconHeight={iconHeight}\n          $status={status}\n          $background={background}\n        />\n      </S.VerificationStatusIcon>\n    </S.VerificationIconWrapper>\n  );\n});\n\nVerificationStatusIcon.propTypes = {\n  /**\n   * Status of the verification\n   */\n  status: PropTypes.oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,\n  /**\n   * Custom height of the icon\n   */\n  iconHeight: PropTypes.number,\n  /**\n   * If Icon has background\n   */\n  background: PropTypes.bool\n};\n\nVerificationStatusIcon.defaultProps = {\n  iconHeight: 15,\n  background: false\n};\n\nexport default VerificationStatusIcon;\n"],"names":["VerificationStatusIcon","React","forwardRef","status","iconHeight","background","props","forwardedRef","createElement","S","$background","_extends","$iconHeight","ref","VerificationIcon","$status","propTypes","process","env","NODE_ENV","PropTypes","oneOf","isRequired","number","bool","defaultProps"],"mappings":";;;;;;AAsBMA,MAAAA,sBAAsB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,sBAAsBA,CAC7E;EAAEG,MAAM;EAAEC,UAAU;EAAEC,UAAU;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC5CC,YAAY,EACZ;AACA,EAAA,OACEN,cAAA,CAAAO,aAAA,CAACC,uBAAyB,EAAA;AAACC,IAAAA,WAAW,EAAEL,UAAAA;GACtCJ,EAAAA,cAAA,CAAAO,aAAA,CAACC,wBAAwB,EAAAE,QAAA,CAAA;AACvBC,IAAAA,WAAW,EAAER,UAAW;AACxBM,IAAAA,WAAW,EAAEL,UAAW;AACxBQ,IAAAA,GAAG,EAAEN,YAAAA;AAAa,GAAA,EACdD,KAAK,CAETL,EAAAA,cAAA,CAAAO,aAAA,CAACM,eAAgB,EAAA,IAAE,CAAC,EACpBb,cAAA,CAAAO,aAAA,CAACC,uBAAyB,EAAA;AACxBG,IAAAA,WAAW,EAAER,UAAW;AACxBW,IAAAA,OAAO,EAAEZ,MAAO;AAChBO,IAAAA,WAAW,EAAEL,UAAAA;GACd,CACuB,CACD,CAAC,CAAA;AAEhC,CAAC,EAAC;AAEFL,sBAAsB,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIjChB,EAAAA,MAAM,EAAEiB,SAAS,CAACC,KAAK,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAACC,UAAU;EAIhFlB,UAAU,EAAEgB,SAAS,CAACG,MAAM;EAI5BlB,UAAU,EAAEe,SAAS,CAACI,IAAAA;AACxB,CAAC,GAAA,EAAA,CAAA;AAEDxB,sBAAsB,CAACyB,YAAY,GAAG;AACpCrB,EAAAA,UAAU,EAAE,EAAE;AACdC,EAAAA,UAAU,EAAE,KAAA;AACd,CAAC;;;;"}
+{"version":3,"file":"VerificationStatusIcon.js","sources":["../../../src/components/data/VerificationStatusIcon/VerificationStatusIcon.tsx"],"sourcesContent":["import React from 'react';\nimport * as S from './VerificationStatusIcon.styled';\nimport { VerificationIcon } from '../../../icons';\n\ntype VerificationStatusIconOwnProps = {\n  /**\n   * Status of the verification\n   */\n  status: 'verified' | 'pending' | 'rejected' | 'mixed';\n  /**\n   * Custom height of the icon\n   */\n  iconHeight?: number;\n  /**\n   * If Icon has background\n   */\n  background?: boolean;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof S.VerificationStatusIcon>,\n  keyof VerificationStatusIconOwnProps\n> &\n  VerificationStatusIconOwnProps;\n\n/**\n * A compact icon showing verification status with color coding.\n *\n * ### Import\n *\n * ``` js\n * import { VerificationStatusIcon } from '@ntbjs/react-components/data'\n * // or\n * import VerificationStatusIcon from '@ntbjs/react-components/data/VerificationStatusIcon'\n * ```\n *\n * ### Props\n * ```\n * Pass one of \"verified\", \"pending\" or \"rejected\" to `status` to display the correct verification status.\n * Pass `iconHeight={15}` to set the height of the icon in pixel\n * ```\n */\nconst VerificationStatusIcon = React.forwardRef<any, Props>(function VerificationStatusIcon(\n  { status, iconHeight = 15, background = false, ...props },\n  forwardedRef\n) {\n  return (\n    <S.VerificationIconWrapper $background={background}>\n      <S.VerificationStatusIcon\n        $iconHeight={iconHeight}\n        $background={background}\n        ref={forwardedRef}\n        {...props}\n      >\n        <VerificationIcon />\n        <S.VerificationStatusColor\n          $iconHeight={iconHeight}\n          $status={status}\n          $background={background}\n        />\n      </S.VerificationStatusIcon>\n    </S.VerificationIconWrapper>\n  );\n});\n\nexport default VerificationStatusIcon;\n"],"names":["VerificationStatusIcon","React","forwardRef","status","iconHeight","background","props","forwardedRef","_jsx","S","$background","children","_jsxs","$iconHeight","ref","VerificationIcon","$status"],"mappings":";;;;;AA2CA,MAAMA,sBAAsB,GAAGC,cAAK,CAACC,UAAU,CAAa,SAASF,sBAAsBA,CACzF;EAAEG,MAAM;AAAEC,EAAAA,UAAU,GAAG,EAAE;AAAEC,EAAAA,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzDC,YAAY,EACZ;AACA,EAAA,OACEC,GAAA,CAACC,uBAAyB,EAAA;AAACC,IAAAA,WAAW,EAAEL,UAAW;AAAAM,IAAAA,QAAA,EACjDC,IAAA,CAACH,wBAAwB,EAAA;AACvBI,MAAAA,WAAW,EAAET,UAAW;AACxBM,MAAAA,WAAW,EAAEL,UAAW;AACxBS,MAAAA,GAAG,EAAEP,YAAa;AAAA,MAAA,GACdD,KAAK;MAAAK,QAAA,EAAA,CAETH,GAAA,CAACO,eAAgB,EAAA,EAAE,CAAC,EACpBP,GAAA,CAACC,uBAAyB,EAAA;AACxBI,QAAAA,WAAW,EAAET,UAAW;AACxBY,QAAAA,OAAO,EAAEb,MAAO;AAChBO,QAAAA,WAAW,EAAEL;AAAW,OACzB,CAAC;KACsB;AAAC,GACF,CAAC;AAEhC,CAAC;;;;"}

package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js

@@ -6,39 +6,22 @@ const shouldForwardProp = prop => {
 };
 const VerificationIconWrapper = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => props.$background && css`
-    background-color: #000 !important;
-    width: fit-content;
-    padding: 6px 14px 6px 9px;
-    border-radius: 15px;
-}
-    `};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "VerificationStatusIconstyled__VerificationIconWrapper",
+  componentId: "sc-10rr64t-0"
+})(["", ";"], props => props.$background && css(["background-color:#000 !important;width:fit-content;padding:6px 14px 6px 9px;border-radius:15px;}"]));
 const VerificationStatusIcon = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  position: relative;
-  font: normal normal normal 12px/16px Roboto;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))};
-
-  ${props => props.$background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'))};
-
-  svg {
-    height: ${props => props.iconHeight ?? 15}px;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "VerificationStatusIconstyled__VerificationStatusIcon",
+  componentId: "sc-10rr64t-1"
+})(["display:flex;position:relative;font:normal normal normal 12px/16px Roboto;", ";", ";svg{height:", "px;}"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')), props => props.$background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100')), props => props.iconHeight ?? 15);
 const VerificationStatusColor = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  bottom: 0;
-  left: ${props => (props.$iconHeight ?? 15) * 2 / 3}px;
-  width: ${props => (props.$iconHeight ?? 15) * 2 / 3}px;
-  height: ${props => (props.$iconHeight ?? 15) * 2 / 3}px;
-  border-radius: 50%;
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "VerificationStatusIconstyled__VerificationStatusColor",
+  componentId: "sc-10rr64t-2"
+})(["position:absolute;bottom:0;left:", "px;width:", "px;height:", "px;border-radius:50%;", ";"], props => (props.$iconHeight ?? 15) * 2 / 3, props => (props.$iconHeight ?? 15) * 2 / 3, props => (props.$iconHeight ?? 15) * 2 / 3, props => {
   let darkThemeColor = props.theme.getColor('gray-100');
   let lightThemeColor = props.theme.getColor('gray-500');
   if (props.$status === 'verified') {
@@ -55,8 +38,7 @@ const VerificationStatusColor = styled.div.withConfig({
     lightThemeColor = '#008CDB';
   }
   return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
-}};
-`;
+});
 
 export { VerificationIconWrapper, VerificationStatusColor, VerificationStatusIcon };
 //# sourceMappingURL=VerificationStatusIcon.styled.js.map

package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerificationStatusIcon.styled.js","sources":["../../../src/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const VerificationIconWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.$background &&\n    css`\n    background-color: #000 !important;\n    width: fit-content;\n    padding: 6px 14px 6px 9px;\n    border-radius: 15px;\n}\n    `};\n`;\n\nexport const VerificationStatusIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  position: relative;\n  font: normal normal normal 12px/16px Roboto;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.$background &&\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-100')\n    )};\n\n  svg {\n    height: ${props => props.iconHeight ?? 15}px;\n  }\n`;\n\nexport const VerificationStatusColor = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  bottom: 0;\n  left: ${props => ((props.$iconHeight ?? 15) * 2) / 3}px;\n  width: ${props => ((props.$iconHeight ?? 15) * 2) / 3}px;\n  height: ${props => ((props.$iconHeight ?? 15) * 2) / 3}px;\n  border-radius: 50%;\n  ${props => {\n    let darkThemeColor = props.theme.getColor('gray-100');\n    let lightThemeColor = props.theme.getColor('gray-500');\n\n    if (props.$status === 'verified') {\n      darkThemeColor = props.theme.getColor('emerald-500');\n      lightThemeColor = props.theme.getColor('emerald-500');\n    } else if (props.$status === 'pending') {\n      darkThemeColor = props.theme.getColor('signal-yellow-500');\n      lightThemeColor = props.theme.getColor('signal-yellow-500');\n    } else if (props.$status === 'rejected') {\n      darkThemeColor = props.theme.getColor('red-600');\n      lightThemeColor = props.theme.getColor('red-600');\n    } else if (props.$status === 'mixed') {\n      darkThemeColor = '#008CDB';\n      lightThemeColor = '#008CDB';\n    }\n\n    return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);\n  }};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","VerificationIconWrapper","styled","div","withConfig","attrs","applyDefaultTheme","props","$background","css","VerificationStatusIcon","theme","themeProp","getColor","iconHeight","VerificationStatusColor","$iconHeight","darkThemeColor","lightThemeColor","$status"],"mappings":";;;AAGA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,uBAAuB,GAAGC,MAAM,CAACC,GAAG,CAC9CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAA,EAAIC,KAAK,IACLA,KAAK,CAACC,WAAW,IACjBC,GAAG,CAAA;AACP;AACA;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMC,sBAAsB,GAAGR,MAAM,CAACC,GAAG,CAC7CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACI,KAAK,CAACC,SAAS,CACnB,OAAO,EACPL,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIN,KAAK,IACLA,KAAK,CAACC,WAAW,IACjBD,KAAK,CAACI,KAAK,CAACC,SAAS,CACnB,OAAO,EACPL,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA,YAAA,EAAcN,KAAK,IAAIA,KAAK,CAACO,UAAU,IAAI,EAAE,CAAA;AAC7C;AACA,EAAC;AAEM,MAAMC,uBAAuB,GAAGb,MAAM,CAACC,GAAG,CAC9CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA,QAAUC,EAAAA,KAAK,IAAK,CAACA,KAAK,CAACS,WAAW,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC,CAAA;AACtD,SAAWT,EAAAA,KAAK,IAAK,CAACA,KAAK,CAACS,WAAW,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC,CAAA;AACvD,UAAYT,EAAAA,KAAK,IAAK,CAACA,KAAK,CAACS,WAAW,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC,CAAA;AACxD;AACA,EAAA,EAAIT,KAAK,IAAI;EACT,IAAIU,cAAc,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;EACrD,IAAIK,eAAe,GAAGX,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEtD,EAAA,IAAIN,KAAK,CAACY,OAAO,KAAK,UAAU,EAAE;IAChCF,cAAc,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACpDK,eAAe,GAAGX,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,aAAa,CAAC,CAAA;AACvD,GAAC,MAAM,IAAIN,KAAK,CAACY,OAAO,KAAK,SAAS,EAAE;IACtCF,cAAc,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC1DK,eAAe,GAAGX,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAC7D,GAAC,MAAM,IAAIN,KAAK,CAACY,OAAO,KAAK,UAAU,EAAE;IACvCF,cAAc,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAChDK,eAAe,GAAGX,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAA;AACnD,GAAC,MAAM,IAAIN,KAAK,CAACY,OAAO,KAAK,OAAO,EAAE;AACpCF,IAAAA,cAAc,GAAG,SAAS,CAAA;AAC1BC,IAAAA,eAAe,GAAG,SAAS,CAAA;AAC7B,GAAA;EAEA,OAAOX,KAAK,CAACI,KAAK,CAACC,SAAS,CAAC,kBAAkB,EAAEK,cAAc,EAAEC,eAAe,CAAC,CAAA;AACnF,CAAC,CAAA;AACH;;;;"}
+{"version":3,"file":"VerificationStatusIcon.styled.js","sources":["../../../src/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.ts"],"sourcesContent":["/*\n * Two deferred issues: iconHeight read/passed mismatch; stray `}` typo in VerificationIconWrapper baseline.\n */\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n/**\n * Shared by all three components. Only `VerificationIconWrapper` and `VerificationStatusIcon` read it; on `VerificationStatusColor` it's passed and never read (harmless due to `$`).\n */\ninterface VerificationBackgroundStyleProps {\n  /** `background` — `PropTypes.bool`; swaps in the black pill and the light icon colour. */\n  $background?: boolean;\n}\n\n/**\n * Defect: reads `iconHeight` (never passed); component passes `$iconHeight` which is never read. Icon always 15px, dot scales correctly.\n */\nexport interface VerificationStatusIconStyleProps extends VerificationBackgroundStyleProps {\n  /** `iconHeight` — `PropTypes.number`, px. Read, never passed; see the JSDoc above. */\n  iconHeight?: number;\n}\n\n/** Props of `VerificationStatusColor`, the small status dot. */\ninterface VerificationStatusColorStyleProps extends VerificationBackgroundStyleProps {\n  /** `iconHeight` — `PropTypes.number`, px. This site reads the `$` form, correctly. */\n  $iconHeight?: number;\n  /**\n   * `status` — closed union to catch mistyped names as TS2367 rather than silent branch misfire.\n   */\n  $status?: 'verified' | 'pending' | 'rejected' | 'mixed';\n}\n\n// `prop` needs annotation because withConfig takes it by reference; no contextual typing otherwise.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const VerificationIconWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<VerificationBackgroundStyleProps>(applyDefaultTheme)`\n  ${props =>\n    props.$background &&\n    css`\n    background-color: #000 !important;\n    width: fit-content;\n    padding: 6px 14px 6px 9px;\n    border-radius: 15px;\n}\n    `};\n`;\n\nexport const VerificationStatusIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<VerificationStatusIconStyleProps>(applyDefaultTheme)`\n  display: flex;\n  position: relative;\n  font: normal normal normal 12px/16px Roboto;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.$background &&\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-100')\n    )};\n\n  svg {\n    height: ${props => props.iconHeight ?? 15}px;\n  }\n`;\n\nexport const VerificationStatusColor = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<VerificationStatusColorStyleProps>(applyDefaultTheme)`\n  position: absolute;\n  bottom: 0;\n  left: ${props => ((props.$iconHeight ?? 15) * 2) / 3}px;\n  width: ${props => ((props.$iconHeight ?? 15) * 2) / 3}px;\n  height: ${props => ((props.$iconHeight ?? 15) * 2) / 3}px;\n  border-radius: 50%;\n  ${props => {\n    let darkThemeColor = props.theme.getColor('gray-100');\n    let lightThemeColor = props.theme.getColor('gray-500');\n\n    if (props.$status === 'verified') {\n      darkThemeColor = props.theme.getColor('emerald-500');\n      lightThemeColor = props.theme.getColor('emerald-500');\n    } else if (props.$status === 'pending') {\n      darkThemeColor = props.theme.getColor('signal-yellow-500');\n      lightThemeColor = props.theme.getColor('signal-yellow-500');\n    } else if (props.$status === 'rejected') {\n      darkThemeColor = props.theme.getColor('red-600');\n      lightThemeColor = props.theme.getColor('red-600');\n    } else if (props.$status === 'mixed') {\n      darkThemeColor = '#008CDB';\n      lightThemeColor = '#008CDB';\n    }\n\n    return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);\n  }};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","VerificationIconWrapper","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","$background","css","VerificationStatusIcon","theme","themeProp","getColor","iconHeight","VerificationStatusColor","$iconHeight","darkThemeColor","lightThemeColor","$status"],"mappings":"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"}

package/build/data/VerificationStatusIcon/index.js

@@ -0,0 +1,2 @@
+export { default } from './VerificationStatusIcon.js';
+//# sourceMappingURL=index.js.map

package/build/data/VerificationStatusIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/data/_shared/FloatingArrow.styled.js

@@ -0,0 +1,30 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+import { FloatingArrow } from '@floating-ui/react';
+import { DEFAULT_ARROW_HEIGHT } from '../../hooks/useFloatingPopover.js';
+
+const POPOVER_ARROW = {
+  width: 26,
+  height: DEFAULT_ARROW_HEIGHT,
+  strokeWidth: 1
+};
+const TOOLTIP_ARROW = {
+  width: 14,
+  height: 7,
+  strokeWidth: 0
+};
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const SharedFloatingArrow = styled(FloatingArrow).withConfig({
+  shouldForwardProp
+}).attrs(props => ({
+  ...applyDefaultTheme(props),
+  'data-arrow-surface': props['data-arrow-surface'] ?? 'popover'
+})).withConfig({
+  displayName: "FloatingArrowstyled__SharedFloatingArrow",
+  componentId: "sc-d8okt-0"
+})(["body.dark-theme &[data-arrow-surface='popover']{fill:", ";stroke:", ";& > path:last-of-type{stroke:", ";}}body.light-theme &[data-arrow-surface='popover']{fill:", ";stroke:", ";& > path:last-of-type{stroke:", ";}}body:not(.light-theme):not(.dark-theme) &[data-arrow-surface='popover']{fill:", ";stroke:", ";& > path:last-of-type{stroke:", ";}@media (prefers-color-scheme:dark){fill:", ";stroke:", ";& > path:last-of-type{stroke:", ";}}}body.dark-theme &[data-arrow-surface='tooltip'],body.light-theme &[data-arrow-surface='tooltip'],body:not(.light-theme):not(.dark-theme) &[data-arrow-surface='tooltip']{fill:", ";stroke:none;& > path:last-of-type{stroke:", ";}}"], props => props.theme.getColor('gray-700'), props => props.theme.getColor('gray-800'), props => props.theme.getColor('gray-700'), props => props.theme.getColor('white'), props => props.theme.getColor('gray-300'), props => props.theme.getColor('white'), props => props.theme.getColor('white'), props => props.theme.getColor('gray-300'), props => props.theme.getColor('white'), props => props.theme.getColor('gray-700'), props => props.theme.getColor('gray-800'), props => props.theme.getColor('gray-700'), props => props.theme.getColor('gray-700'), props => props.theme.getColor('gray-700'));
+
+export { POPOVER_ARROW, SharedFloatingArrow, TOOLTIP_ARROW };
+//# sourceMappingURL=FloatingArrow.styled.js.map

package/build/data/_shared/FloatingArrow.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingArrow.styled.js","sources":["../../../src/components/data/_shared/FloatingArrow.styled.ts"],"sourcesContent":["// Consolidates Popover's 8 border-triangle blocks, Tooltip's arrow colour, SummaryCard/AssetAction arrows. Uses static attribute selectors (not interpolated css) to avoid componentId collisions; theme branches written by hand (not themeProp()) to work inside nested selector blocks.\n\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport { FloatingArrow } from '@floating-ui/react';\nimport { DEFAULT_ARROW_HEIGHT } from '../../../hooks/useFloatingPopover';\n\nimport type { NtbTheme } from '../../../utils/defaultTheme';\n\n/**\n * Which surface the arrow is pointing away from, i.e. which fill/border pair it uses.\n *\n * - `popover` — the `Popover` box and the summary-card overlay: `gray-700` on dark,\n *   `white` on light, with a 1px border that continues the box's own.\n * - `tooltip` — the `Tooltip` box: `gray-700` in BOTH themes and no border, because\n *   `Tooltip.styled.ts` sets `background: gray-700` unconditionally and has no border.\n */\nexport type FloatingArrowSurface = 'popover' | 'tooltip';\n\n// Popover: 15px tall (offset-driven), 26px base (from border-width: 15px 13px 0). Tooltip: 7px tall/14px wide (visible part of tippy's 8px tall/16px base). strokeWidth: 1 for popover border, 0 for tooltip.\nexport const POPOVER_ARROW = {\n  width: 26,\n  height: DEFAULT_ARROW_HEIGHT,\n  strokeWidth: 1\n} as const;\n\nexport const TOOLTIP_ARROW = {\n  width: 14,\n  height: 7,\n  strokeWidth: 0\n} as const;\n\n/**\n * Props of `SharedFloatingArrow`. data-arrow-surface reaches DOM (rules select on it); theme is declared for .attrs() callback.\n */\ninterface FloatingArrowStyleProps {\n  theme?: NtbTheme;\n  'data-arrow-surface'?: FloatingArrowSurface;\n}\n\n// Filters theme object from DOM; fixes defect where AssetAction.styled.ts puts theme=\"[object Object]\" on SVG.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\n// Themed arrow; ref required by FloatingArrow (middleware has nothing to measure). Renders outline path (if strokeWidth > 0), fill path, clipPath. Colour by CSS, not props (theme known at runtime). Set fill/stroke on & > path:last-of-type (the fill path).\n\nexport const SharedFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  // Callback (not static) so .attrs() merges under incoming props; ?? 'popover' makes it default not override.\n  .attrs<FloatingArrowStyleProps>(props => ({\n    ...applyDefaultTheme(props),\n    'data-arrow-surface': props['data-arrow-surface'] ?? 'popover'\n  }))`\n  /* popover surface: gray-700/white fill, gray-800/gray-300 border (continues box's own 1px border). NO BACKTICKS IN COMMENTS */\n\n  body.dark-theme &[data-arrow-surface='popover'] {\n    fill: ${props => props.theme.getColor('gray-700')};\n    stroke: ${props => props.theme.getColor('gray-800')};\n\n    & > path:last-of-type {\n      stroke: ${props => props.theme.getColor('gray-700')};\n    }\n  }\n\n  body.light-theme &[data-arrow-surface='popover'] {\n    fill: ${props => props.theme.getColor('white')};\n    stroke: ${props => props.theme.getColor('gray-300')};\n\n    & > path:last-of-type {\n      stroke: ${props => props.theme.getColor('white')};\n    }\n  }\n\n  body:not(.light-theme):not(.dark-theme) &[data-arrow-surface='popover'] {\n    fill: ${props => props.theme.getColor('white')};\n    stroke: ${props => props.theme.getColor('gray-300')};\n\n    & > path:last-of-type {\n      stroke: ${props => props.theme.getColor('white')};\n    }\n\n    @media (prefers-color-scheme: dark) {\n      fill: ${props => props.theme.getColor('gray-700')};\n      stroke: ${props => props.theme.getColor('gray-800')};\n\n      & > path:last-of-type {\n        stroke: ${props => props.theme.getColor('gray-700')};\n      }\n    }\n  }\n\n  /* tooltip surface: gray-700 both themes (matches Tooltip.styled.ts background). stroke: none belt-and-braces (TOOLTIP_ARROW.strokeWidth=0). */\n\n  body.dark-theme &[data-arrow-surface='tooltip'],\n  body.light-theme &[data-arrow-surface='tooltip'],\n  body:not(.light-theme):not(.dark-theme) &[data-arrow-surface='tooltip'] {\n    fill: ${props => props.theme.getColor('gray-700')};\n    stroke: none;\n\n    & > path:last-of-type {\n      stroke: ${props => props.theme.getColor('gray-700')};\n    }\n  }\n`;\n\nexport default SharedFloatingArrow;\n"],"names":["POPOVER_ARROW","width","height","DEFAULT_ARROW_HEIGHT","strokeWidth","TOOLTIP_ARROW","shouldForwardProp","prop","startsWith","SharedFloatingArrow","styled","FloatingArrow","withConfig","attrs","props","applyDefaultTheme","displayName","componentId","theme","getColor"],"mappings":";;;;;AAqBO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAEC,oBAAoB;AAC5BC,EAAAA,WAAW,EAAE;AACf;AAEO,MAAMC,aAAa,GAAG;AAC3BJ,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,CAAC;AACTE,EAAAA,WAAW,EAAE;AACf;AAWA,MAAME,iBAAiB,GAAIC,IAAY,IAAc;EACnD,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC;AAClD,CAAC;AAIM,MAAMC,mBAAmB,GAAGC,MAAM,CAACC,aAAa,CAAC,CACrDC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CAEDO,KAAK,CAA0BC,KAAK,KAAK;EACxC,GAAGC,iBAAiB,CAACD,KAAK,CAAC;AAC3B,EAAA,oBAAoB,EAAEA,KAAK,CAAC,oBAAoB,CAAC,IAAI;AACvD,CAAC,CAAC,CAAC,CAAAF,UAAA,CAAA;EAAAI,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,uDAAA,EAAA,UAAA,EAAA,gCAAA,EAAA,2DAAA,EAAA,UAAA,EAAA,gCAAA,EAAA,kFAAA,EAAA,UAAA,EAAA,gCAAA,EAAA,4CAAA,EAAA,UAAA,EAAA,gCAAA,EAAA,oLAAA,EAAA,4CAAA,EAAA,KAAA,CAAA,EAIOH,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EACvCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAGvCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAK7CL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EACpCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAGvCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EAK1CL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EACpCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAGvCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EAIxCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EACvCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAGvCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAU/CL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAIrCL,KAAK,IAAIA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC;;;;"}

package/build/hooks/useEventListner.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListner.js","sources":["../../src/hooks/useEventListner.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\n\nfunction useEventListener(eventName, handler, element, options) {\n  // Create a ref that stores handler\n  const savedHandler = useRef(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    // Define the listening target\n    const targetElement = element?.current ?? window;\n\n    if (!(targetElement && targetElement.addEventListener)) return;\n\n    // Create event listener that calls handler function stored in ref\n    const listener = event => savedHandler.current(event);\n\n    targetElement.addEventListener(eventName, listener, options);\n\n    // Remove event listener on cleanup\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n"],"names":["useEventListener","eventName","handler","element","options","savedHandler","useRef","useIsomorphicLayoutEffect","current","useEffect","targetElement","window","addEventListener","listener","event","removeEventListener"],"mappings":";;;AAGA,SAASA,gBAAgBA,CAACC,SAAS,EAAEC,OAAO,EAAEC,OAAO,EAAEC,OAAO,EAAE;AAE9D,EAAA,MAAMC,YAAY,GAAGC,MAAM,CAACJ,OAAO,CAAC,CAAA;AAEpCK,EAAAA,yBAAyB,CAAC,MAAM;IAC9BF,YAAY,CAACG,OAAO,GAAGN,OAAO,CAAA;AAChC,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEbO,EAAAA,SAAS,CAAC,MAAM;AAEd,IAAA,MAAMC,aAAa,GAAGP,OAAO,EAAEK,OAAO,IAAIG,MAAM,CAAA;AAEhD,IAAA,IAAI,EAAED,aAAa,IAAIA,aAAa,CAACE,gBAAgB,CAAC,EAAE,OAAA;IAGxD,MAAMC,QAAQ,GAAGC,KAAK,IAAIT,YAAY,CAACG,OAAO,CAACM,KAAK,CAAC,CAAA;IAErDJ,aAAa,CAACE,gBAAgB,CAACX,SAAS,EAAEY,QAAQ,EAAET,OAAO,CAAC,CAAA;AAG5D,IAAA,OAAO,MAAM;MACXM,aAAa,CAACK,mBAAmB,CAACd,SAAS,EAAEY,QAAQ,EAAET,OAAO,CAAC,CAAA;KAChE,CAAA;GACF,EAAE,CAACH,SAAS,EAAEE,OAAO,EAAEC,OAAO,CAAC,CAAC,CAAA;AACnC;;;;"}
+{"version":3,"file":"useEventListner.js","sources":["../../src/hooks/useEventListner.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\n\nimport type { RefObject } from 'react';\n\n// Intersection, not interface extending all three — avoids lib.dom type incompatibilities\n// across TypeScript versions. All three maps are needed: target is runtime-chosen.\nexport type DomEventMap = WindowEventMap & HTMLElementEventMap & DocumentEventMap;\n\nexport type DomEventName = keyof DomEventMap;\n\n/**\n * Subscribes to a DOM event for the component lifetime, always calling the latest handler.\n * Element and options are optional (fall back to window and no options).\n *\n * @param eventName any DOM event name; selects the handler's event type\n * @param handler   received event; stored in a ref so closures don't rebind the listener\n * @param element   target ref; omit to listen on `window`\n * @param options   forwarded to addEventListener and removeEventListener\n */\nfunction useEventListener<K extends DomEventName, T extends EventTarget = HTMLElement>(\n  eventName: K,\n  handler: (event: DomEventMap[K]) => void,\n  element?: RefObject<T | null> | null,\n  options?: boolean | AddEventListenerOptions\n): void {\n  const savedHandler = useRef(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    // Typed as EventTarget base — union of HTMLElement | Window would break overload\n    // resolution for names valid on one but not the other. Precision belongs at the call site.\n    const targetElement: EventTarget = element?.current ?? window;\n\n    if (!(targetElement && targetElement.addEventListener)) return;\n\n    // Cast event to DomEventMap[K] — EventListener signature is bare Event,\n    // but K checked at call site guarantees which subclass arrives.\n    const listener: EventListener = event => savedHandler.current(event as DomEventMap[K]);\n\n    targetElement.addEventListener(eventName, listener, options);\n\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n"],"names":["useEventListener","eventName","handler","element","options","savedHandler","useRef","useIsomorphicLayoutEffect","current","useEffect","targetElement","window","addEventListener","listener","event","removeEventListener"],"mappings":";;;AAoBA,SAASA,gBAAgBA,CACvBC,SAAY,EACZC,OAAwC,EACxCC,OAAoC,EACpCC,OAA2C,EACrC;AACN,EAAA,MAAMC,YAAY,GAAGC,MAAM,CAACJ,OAAO,CAAC;AAEpCK,EAAAA,yBAAyB,CAAC,MAAM;IAC9BF,YAAY,CAACG,OAAO,GAAGN,OAAO;AAChC,EAAA,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;AAEbO,EAAAA,SAAS,CAAC,MAAM;AAGd,IAAA,MAAMC,aAA0B,GAAGP,OAAO,EAAEK,OAAO,IAAIG,MAAM;AAE7D,IAAA,IAAI,EAAED,aAAa,IAAIA,aAAa,CAACE,gBAAgB,CAAC,EAAE;IAIxD,MAAMC,QAAuB,GAAGC,KAAK,IAAIT,YAAY,CAACG,OAAO,CAACM,KAAuB,CAAC;IAEtFJ,aAAa,CAACE,gBAAgB,CAACX,SAAS,EAAEY,QAAQ,EAAET,OAAO,CAAC;AAE5D,IAAA,OAAO,MAAM;MACXM,aAAa,CAACK,mBAAmB,CAACd,SAAS,EAAEY,QAAQ,EAAET,OAAO,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACH,SAAS,EAAEE,OAAO,EAAEC,OAAO,CAAC,CAAC;AACnC;;;;"}

package/build/hooks/useFloatingPopover.js

@@ -0,0 +1,187 @@
+import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { useFloating, autoUpdate, safePolygon, useClick, useHover, useFocus, useDismiss, useInteractions, useTransitionStyles, offset, autoPlacement, flip, shift, arrow, size } from '@floating-ui/react';
+import { parseTrigger } from '../utils/parseTrigger.js';
+
+const DEFAULT_ARROW_HEIGHT = 15;
+const DEFAULT_MAX_HEIGHT_PADDING = 10;
+const DEFAULT_COLLISION_PADDING = 5;
+const SHIFT_AWAY_SUBTLE_DISTANCE = 5;
+function isAutoPlacement(placement) {
+  return placement === 'auto' || placement === 'auto-start' || placement === 'auto-end';
+}
+const shiftAwaySubtle = ({
+  side
+}) => {
+  const transform = {
+    top: `translateY(${SHIFT_AWAY_SUBTLE_DISTANCE}px)`,
+    bottom: `translateY(-${SHIFT_AWAY_SUBTLE_DISTANCE}px)`,
+    left: `translateX(${SHIFT_AWAY_SUBTLE_DISTANCE}px)`,
+    right: `translateX(-${SHIFT_AWAY_SUBTLE_DISTANCE}px)`
+  }[side];
+  return {
+    opacity: 0,
+    transform
+  };
+};
+function buildMiddleware(options) {
+  const middleware = [offset({
+    mainAxis: options.mainAxis,
+    crossAxis: options.crossAxis
+  })];
+  if (isAutoPlacement(options.placement)) {
+    const alignment = options.placement === 'auto-start' ? 'start' : options.placement === 'auto-end' ? 'end' : undefined;
+    middleware.push(autoPlacement({
+      padding: options.collisionPadding,
+      ...(alignment ? {
+        alignment,
+        autoAlignment: false
+      } : {})
+    }));
+  } else {
+    middleware.push(flip({
+      padding: options.collisionPadding
+    }));
+  }
+  middleware.push(shift({
+    padding: options.collisionPadding
+  }));
+  if (options.arrow) {
+    middleware.push(arrow({
+      element: options.arrowRef
+    }));
+  }
+  if (options.constrainHeight) {
+    middleware.push(size({
+      padding: options.maxHeightPadding,
+      apply({
+        availableHeight,
+        elements
+      }) {
+        elements.floating.style.maxHeight = '';
+        const fits = elements.floating.scrollHeight <= availableHeight;
+        elements.floating.style.maxHeight = fits ? '' : `${Math.max(0, availableHeight)}px`;
+      }
+    }));
+  }
+  if (options.extra?.length) {
+    middleware.push(...options.extra);
+  }
+  return middleware;
+}
+function useFloatingPopover(options = {}) {
+  const {
+    placement = 'bottom',
+    open,
+    onOpenChange,
+    trigger,
+    offset: offsetProp = [0, 0],
+    arrow: hasArrow = false,
+    arrowHeight = DEFAULT_ARROW_HEIGHT,
+    interactive = false,
+    disabled = false,
+    duration,
+    transition,
+    dismiss: dismissProps,
+    hover: hoverProps,
+    click: clickProps,
+    focus: focusProps,
+    constrainHeight = false,
+    maxHeightPadding = DEFAULT_MAX_HEIGHT_PADDING,
+    collisionPadding = DEFAULT_COLLISION_PADDING,
+    nodeId,
+    middleware: extraMiddleware
+  } = options;
+  const arrowRef = useRef(null);
+  const isControlled = typeof open === 'boolean';
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const isOpen = disabled ? false : isControlled ? open : uncontrolledOpen;
+  useEffect(() => {
+    if (disabled) {
+      setUncontrolledOpen(false);
+    }
+  }, [disabled]);
+  const setOpen = useCallback((next, event, reason) => {
+    if (!isControlled) {
+      setUncontrolledOpen(next);
+    }
+    onOpenChange?.(next, event, reason);
+  }, [isControlled, onOpenChange]);
+  const [skidding, distance] = offsetProp;
+  const middleware = useMemo(() => buildMiddleware({
+    placement,
+    mainAxis: distance + (hasArrow ? arrowHeight : 0),
+    crossAxis: skidding,
+    arrow: hasArrow,
+    arrowRef,
+    constrainHeight,
+    maxHeightPadding,
+    collisionPadding,
+    extra: extraMiddleware
+  }), [placement, distance, skidding, hasArrow, arrowHeight, constrainHeight, maxHeightPadding, collisionPadding, extraMiddleware]);
+  const {
+    refs,
+    floatingStyles,
+    context,
+    placement: resolvedPlacement
+  } = useFloating({
+    placement: isAutoPlacement(placement) ? undefined : placement,
+    open: isOpen,
+    onOpenChange: setOpen,
+    whileElementsMounted: autoUpdate,
+    middleware,
+    nodeId
+  });
+  const triggers = useMemo(() => parseTrigger(trigger), [trigger]);
+  const triggersEnabled = !disabled && !isControlled;
+  const handleClose = useMemo(() => interactive ? safePolygon() : null, [interactive]);
+  const click = useClick(context, {
+    ...clickProps,
+    enabled: triggersEnabled && triggers.click
+  });
+  const hover = useHover(context, {
+    ...hoverProps,
+    enabled: triggersEnabled && triggers.hover,
+    handleClose
+  });
+  const focus = useFocus(context, {
+    visibleOnly: false,
+    ...focusProps,
+    enabled: triggersEnabled && triggers.focus
+  });
+  const dismiss = useDismiss(context, {
+    escapeKey: false,
+    outsidePress: true,
+    referencePress: false,
+    ...dismissProps,
+    enabled: !disabled
+  });
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([click, hover, focus, dismiss]);
+  const {
+    isMounted,
+    styles: transitionStyles
+  } = useTransitionStyles(context, {
+    initial: shiftAwaySubtle,
+    ...transition,
+    duration
+  });
+  return {
+    refs,
+    floatingStyles,
+    context,
+    getReferenceProps,
+    getFloatingProps,
+    isMounted,
+    transitionStyles,
+    arrowRef,
+    isOpen,
+    setOpen,
+    placement: resolvedPlacement,
+    pointerEvents: interactive ? undefined : 'none'
+  };
+}
+
+export { DEFAULT_ARROW_HEIGHT, useFloatingPopover as default, useFloatingPopover };
+//# sourceMappingURL=useFloatingPopover.js.map

package/build/hooks/useFloatingPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingPopover.js","sources":["../../src/hooks/useFloatingPopover.ts"],"sourcesContent":["/**\n * Positions and drives one floating element, replacing `@tippyjs/react`.\n *\n * This hook handles POSITION and INTERACTION; the caller renders elements,\n * wrappers, portal, and arrow. That separation is intentional — different\n * consumers need different markup (`.tippy-content` shim for `Popover`,\n * context-menu variant for menus, different arrows for summary cards).\n *\n * Four non-obvious compatibility rules are documented in the impl: controlled\n * mode disables triggers but not dismiss; `disabled` means \"cannot open\";\n * `offset[1]` is arrow-tip gap not box distance (see `DEFAULT_ARROW_HEIGHT`);\n * escape is off by default (WAI-ARIA change, requires explicit opt-in).\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  arrow,\n  autoPlacement,\n  autoUpdate,\n  flip,\n  offset,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useTransitionStyles\n} from '@floating-ui/react';\n\nimport { parseTrigger } from '../utils/parseTrigger';\n\nimport type {\n  Middleware,\n  OpenChangeReason,\n  Placement,\n  Side,\n  UseClickProps,\n  UseDismissProps,\n  UseFloatingReturn,\n  UseFocusProps,\n  UseHoverProps,\n  UseTransitionStylesProps\n} from '@floating-ui/react';\n\n// Arrow height in px. The `Popover` offset prop means \"gap between arrow tip and reference\",\n// not box distance, so `mainAxis = distance + height` must use this value — see\n// `Popover.styled.ts` and `FloatingArrow.styled.ts` for the full measurement chain.\nexport const DEFAULT_ARROW_HEIGHT = 15;\n\nconst DEFAULT_MAX_HEIGHT_PADDING = 10;\nconst DEFAULT_COLLISION_PADDING = 5;\n\n// From tippy's shift-away-subtle animation — matches the `translate` distance in its CSS.\nconst SHIFT_AWAY_SUBTLE_DISTANCE = 5;\n\n// Floating UI Placement plus Popper's auto values (handled by autoPlacement middleware).\nexport type PopoverPlacement = Placement | AutoPlacement;\nexport type AutoPlacement = 'auto' | 'auto-start' | 'auto-end';\n\nexport type PopperOffset = readonly [skidding: number, distance: number];\n\n// Type predicate (not just boolean) so placement narrows to Exclude<PopoverPlacement, AutoPlacement>.\nfunction isAutoPlacement(placement: PopoverPlacement): placement is AutoPlacement {\n  return placement === 'auto' || placement === 'auto-start' || placement === 'auto-end';\n}\n\n// Placement-aware transition matching tippy's shift-away-subtle animation.\n// Function form lets useTransitionStyles hand us the resolved side after flip.\nconst shiftAwaySubtle = ({ side }: { side: Side }) => {\n  const transform = {\n    top: `translateY(${SHIFT_AWAY_SUBTLE_DISTANCE}px)`,\n    bottom: `translateY(-${SHIFT_AWAY_SUBTLE_DISTANCE}px)`,\n    left: `translateX(${SHIFT_AWAY_SUBTLE_DISTANCE}px)`,\n    right: `translateX(-${SHIFT_AWAY_SUBTLE_DISTANCE}px)`\n  }[side];\n\n  return { opacity: 0, transform };\n};\n\n/** What `useFloatingPopover` accepts. Every member is optional. */\nexport interface UseFloatingPopoverOptions {\n  /**\n   * Preferred placement, in the shared Popper/Floating UI vocabulary. `auto`,\n   * `auto-start` and `auto-end` swap `flip()` for `autoPlacement()`.\n   *\n   * @default 'bottom'\n   */\n  placement?: PopoverPlacement;\n  /**\n   * Controlled open state — our `visible` prop. `undefined` (the default) means\n   * UNCONTROLLED: the hook owns the state and the parsed `trigger` drives it. Any\n   * boolean, INCLUDING `false`, means controlled and turns the trigger Hooks off;\n   * see rule 1 in the file header.\n   */\n  open?: boolean;\n  /**\n   * Called on every open-state change, controlled or not, with Floating UI's\n   * `reason`. `reason === 'outside-press'` is what `Popover`'s `onClickOutside`\n   * prop maps onto.\n   */\n  onOpenChange?: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;\n  /**\n   * tippy's `trigger` space-string, e.g. `'click focus'`, `'mouseenter'`, `''`.\n   * `undefined` means tippy's default (`'mouseenter focus'`) and `''` means no\n   * triggers at all — `parseTrigger` owns both rules and documents where `''` is\n   * used in the consumers.\n   */\n  trigger?: string | null;\n  /**\n   * `[skidding, distance]` where distance is the arrow-tip gap (see `DEFAULT_ARROW_HEIGHT`).\n   * Skidding maps to Floating UI's `crossAxis` (no sign flip for `-end` placements).\n   * @default [0, 0]\n   */\n  offset?: PopperOffset;\n  /**\n   * Whether an arrow is rendered. The hook does not render it — it only adds the\n   * `arrow()` middleware, exposes `arrowRef`, and adds `arrowHeight` to the\n   * main-axis offset.\n   *\n   * @default false\n   */\n  arrow?: boolean;\n  /**\n   * Height in px of the arrow the caller renders, i.e. how far it protrudes from\n   * the floating element. Only read when `arrow` is `true`.\n   *\n   * @default DEFAULT_ARROW_HEIGHT (15 — the popover arrow; see its derivation)\n   */\n  arrowHeight?: number;\n  /**\n   * Pointer can travel from reference to floating element without closing.\n   * Also determines `pointerEvents` in the return value.\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * tippy's `disabled`: can never open. Forces the resolved open state to `false`\n   * and disables every interaction Hook (rule 2 in the file header).\n   *\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Transition duration in ms — our `duration` prop, fed to\n   * `useTransitionStyles`. tippy's own default is the asymmetric `[300, 250]`;\n   * both our components default it to `350`, so there is no default here and the\n   * caller states it.\n   */\n  duration?: UseTransitionStylesProps['duration'];\n  /**\n   * Overrides for the transition. `initial` defaults to a placement-aware\n   * reproduction of tippy's `animation=\"shift-away-subtle\"`, which both\n   * components hardcode.\n   */\n  transition?: Omit<UseTransitionStylesProps, 'duration'>;\n  /**\n   * `useDismiss` overrides. Defaults match tippy: `outsidePress: true`,\n   * `referencePress: false`, `escapeKey: false`. `enabled` is `!disabled`.\n   */\n  dismiss?: Omit<UseDismissProps, 'enabled'>;\n  /** `useHover` overrides, e.g. `restMs`. `enabled` and `handleClose` are owned here. */\n  hover?: Omit<UseHoverProps, 'enabled' | 'handleClose'>;\n  /** `useClick` overrides. `enabled` is owned here. */\n  click?: Omit<UseClickProps, 'enabled'>;\n  /**\n   * `useFocus` overrides. `visibleOnly` defaults to `false` (not Floating UI's `true`)\n   * to match tippy's plain focusin listener without :focus-visible test.\n   */\n  focus?: Omit<UseFocusProps, 'enabled'>;\n  /**\n   * Cap floating element height to available space. Opt-in; only Popover uses it.\n   * @default false\n   */\n  constrainHeight?: boolean;\n  /** `padding` for the height cap. @default 10, from the modifier it replaces */\n  maxHeightPadding?: number;\n  /** `padding` for `flip()` / `shift()`. @default 5 */\n  collisionPadding?: number;\n  /**\n   * `FloatingTree` node id, for nested context-menu submenus. Passed straight to\n   * `useFloating`; unused until the `contextMenuSublevel` work (plan C5).\n   */\n  nodeId?: string;\n  /** Extra middleware, appended last. */\n  middleware?: Middleware[];\n}\n\n/** What `useFloatingPopover` returns. */\nexport interface UseFloatingPopoverReturn {\n  /** `refs.setReference` / `refs.setFloating`, straight from `useFloating`. */\n  refs: UseFloatingReturn['refs'];\n  /** Absolute-position styles for the floating element. */\n  floatingStyles: UseFloatingReturn['floatingStyles'];\n  /** The Floating UI context — needed by `FloatingArrow`, `FloatingPortal`, `FloatingTree`. */\n  context: UseFloatingReturn['context'];\n  /** Spread onto the reference element. */\n  getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];\n  /** Spread onto the floating element. */\n  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];\n  /** `true` while the element should be in the DOM, including during the close transition. */\n  isMounted: boolean;\n  /**\n   * The transition styles for the current phase. Named `transitionStyles` and not\n   * `styles` so a call site cannot confuse it with `floatingStyles` — the two are\n   * applied to different elements (position on the outer, transition on the\n   * inner) in all three existing implementations.\n   */\n  transitionStyles: ReturnType<typeof useTransitionStyles>['styles'];\n  /** Attach to the rendered arrow. Already wired into the `arrow()` middleware. */\n  arrowRef: React.MutableRefObject<SVGSVGElement | null>;\n  /** The resolved open state, after `disabled` and controlled/uncontrolled resolution. */\n  isOpen: boolean;\n  /**\n   * Imperative open/close, honouring controlled mode by reporting through\n   * `onOpenChange`. This is what replaces the `_tippy.hide()` + `[data-tippy-root]`\n   * DOM sweep in `Popover.tsx`'s `handleContextMenuItemClick`.\n   */\n  setOpen: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;\n  /** The placement actually used after `flip()` / `autoPlacement()` resolved it. */\n  placement: Placement;\n  /**\n   * `'none'` when `interactive` is `false`, otherwise `undefined`. tippy sets\n   * `pointer-events: none` on the popper root of a non-interactive instance; the\n   * hook reports the value rather than applying it, because which element carries\n   * it differs per call site.\n   */\n  pointerEvents: 'none' | undefined;\n}\n\n// Middleware order is part of the contract: offset, flip/autoPlacement (mutually exclusive),\n// shift, arrow, then size last (must come after flip for bestFit to see constrained size).\nfunction buildMiddleware(options: {\n  placement: PopoverPlacement;\n  mainAxis: number;\n  crossAxis: number;\n  arrow: boolean;\n  arrowRef: React.MutableRefObject<SVGSVGElement | null>;\n  constrainHeight: boolean;\n  maxHeightPadding: number;\n  collisionPadding: number;\n  extra?: Middleware[];\n}): Middleware[] {\n  const middleware: Middleware[] = [\n    offset({ mainAxis: options.mainAxis, crossAxis: options.crossAxis })\n  ];\n\n  if (isAutoPlacement(options.placement)) {\n    // auto-start/auto-end mean \"best base placement, keep alignment\", so autoAlignment: false.\n    // No consumer uses it today, but both components' types allow it.\n    const alignment =\n      options.placement === 'auto-start'\n        ? ('start' as const)\n        : options.placement === 'auto-end'\n          ? ('end' as const)\n          : undefined;\n\n    middleware.push(\n      autoPlacement({\n        padding: options.collisionPadding,\n        ...(alignment ? { alignment, autoAlignment: false } : {})\n      })\n    );\n  } else {\n    middleware.push(flip({ padding: options.collisionPadding }));\n  }\n\n  middleware.push(shift({ padding: options.collisionPadding }));\n\n  if (options.arrow) {\n    middleware.push(arrow({ element: options.arrowRef }));\n  }\n\n  if (options.constrainHeight) {\n    middleware.push(\n      size({\n        padding: options.maxHeightPadding,\n        // Clear max-height before reading scrollHeight to avoid latching on clamped measurements.\n        // Avoids spurious scrollbars in content that fits (like 3-item context menus).\n        apply({ availableHeight, elements }) {\n          elements.floating.style.maxHeight = '';\n\n          const fits = elements.floating.scrollHeight <= availableHeight;\n\n          elements.floating.style.maxHeight = fits ? '' : `${Math.max(0, availableHeight)}px`;\n        }\n      })\n    );\n  }\n\n  if (options.extra?.length) {\n    middleware.push(...options.extra);\n  }\n\n  return middleware;\n}\n\n/**\n * Positions and drives one floating element.\n *\n * @param options see `UseFloatingPopoverOptions`; every member is optional\n */\nexport function useFloatingPopover(\n  options: UseFloatingPopoverOptions = {}\n): UseFloatingPopoverReturn {\n  const {\n    placement = 'bottom',\n    open,\n    onOpenChange,\n    trigger,\n    offset: offsetProp = [0, 0],\n    arrow: hasArrow = false,\n    arrowHeight = DEFAULT_ARROW_HEIGHT,\n    interactive = false,\n    disabled = false,\n    duration,\n    transition,\n    dismiss: dismissProps,\n    hover: hoverProps,\n    click: clickProps,\n    focus: focusProps,\n    constrainHeight = false,\n    maxHeightPadding = DEFAULT_MAX_HEIGHT_PADDING,\n    collisionPadding = DEFAULT_COLLISION_PADDING,\n    nodeId,\n    middleware: extraMiddleware\n  } = options;\n\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n\n  // Use typeof, not !== undefined: null (from computed refs) must mean uncontrolled.\n  const isControlled = typeof open === 'boolean';\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isOpen = disabled ? false : isControlled ? open : uncontrolledOpen;\n\n  // Clear uncontrolled state when disabled, not just mask in isOpen — otherwise stale true reopens it.\n  useEffect(() => {\n    if (disabled) {\n      setUncontrolledOpen(false);\n    }\n  }, [disabled]);\n\n  const setOpen = useCallback(\n    (next: boolean, event?: Event, reason?: OpenChangeReason) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n\n      onOpenChange?.(next, event, reason);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const [skidding, distance] = offsetProp;\n\n  const middleware = useMemo(\n    () =>\n      buildMiddleware({\n        placement,\n        mainAxis: distance + (hasArrow ? arrowHeight : 0),\n        crossAxis: skidding,\n        arrow: hasArrow,\n        arrowRef,\n        constrainHeight,\n        maxHeightPadding,\n        collisionPadding,\n        extra: extraMiddleware\n      }),\n    [\n      placement,\n      distance,\n      skidding,\n      hasArrow,\n      arrowHeight,\n      constrainHeight,\n      maxHeightPadding,\n      collisionPadding,\n      extraMiddleware\n    ]\n  );\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    placement: resolvedPlacement\n  } = useFloating({\n    // Undefined for auto* placements: autoPlacement() overwrites it anyway.\n    placement: isAutoPlacement(placement) ? undefined : placement,\n    open: isOpen,\n    onOpenChange: setOpen,\n    whileElementsMounted: autoUpdate,\n    middleware,\n    nodeId\n  });\n\n  const triggers = useMemo(() => parseTrigger(trigger), [trigger]);\n\n  // Controlled mode and disabled both turn off triggers (tippy semantics).\n  const triggersEnabled = !disabled && !isControlled;\n\n  // Memoized so useHover doesn't re-attach handlers when safePolygon() is called.\n  const handleClose = useMemo(() => (interactive ? safePolygon() : null), [interactive]);\n\n  const click = useClick(context, { ...clickProps, enabled: triggersEnabled && triggers.click });\n  const hover = useHover(context, {\n    ...hoverProps,\n    enabled: triggersEnabled && triggers.hover,\n    handleClose\n  });\n  const focus = useFocus(context, {\n    visibleOnly: false,\n    ...focusProps,\n    enabled: triggersEnabled && triggers.focus\n  });\n  const dismiss = useDismiss(context, {\n    escapeKey: false,\n    outsidePress: true,\n    referencePress: false,\n    ...dismissProps,\n    enabled: !disabled\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss]);\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    initial: shiftAwaySubtle,\n    ...transition,\n    duration\n  });\n\n  return {\n    refs,\n    floatingStyles,\n    context,\n    getReferenceProps,\n    getFloatingProps,\n    isMounted,\n    transitionStyles,\n    arrowRef,\n    isOpen,\n    setOpen,\n    placement: resolvedPlacement,\n    pointerEvents: interactive ? undefined : 'none'\n  };\n}\n\nexport default useFloatingPopover;\n"],"names":["DEFAULT_ARROW_HEIGHT","DEFAULT_MAX_HEIGHT_PADDING","DEFAULT_COLLISION_PADDING","SHIFT_AWAY_SUBTLE_DISTANCE","isAutoPlacement","placement","shiftAwaySubtle","side","transform","top","bottom","left","right","opacity","buildMiddleware","options","middleware","offset","mainAxis","crossAxis","alignment","undefined","push","autoPlacement","padding","collisionPadding","autoAlignment","flip","shift","arrow","element","arrowRef","constrainHeight","size","maxHeightPadding","apply","availableHeight","elements","floating","style","maxHeight","fits","scrollHeight","Math","max","extra","length","useFloatingPopover","open","onOpenChange","trigger","offsetProp","hasArrow","arrowHeight","interactive","disabled","duration","transition","dismiss","dismissProps","hover","hoverProps","click","clickProps","focus","focusProps","nodeId","extraMiddleware","useRef","isControlled","uncontrolledOpen","setUncontrolledOpen","useState","isOpen","useEffect","setOpen","useCallback","next","event","reason","skidding","distance","useMemo","refs","floatingStyles","context","resolvedPlacement","useFloating","whileElementsMounted","autoUpdate","triggers","parseTrigger","triggersEnabled","handleClose","safePolygon","useClick","enabled","useHover","useFocus","visibleOnly","useDismiss","escapeKey","outsidePress","referencePress","getReferenceProps","getFloatingProps","useInteractions","isMounted","styles","transitionStyles","useTransitionStyles","initial","pointerEvents"],"mappings":"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"}

package/build/hooks/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.js"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\n/**\n * @type {{(effect: React.EffectCallback, deps?: React.DependencyList): void, (effect: React.EffectCallback, deps?: React.DependencyList): void}}\n */\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;AAKMA,MAAAA,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGC,eAAe,GAAGC;;;;"}
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport type { DependencyList, EffectCallback } from 'react';\n\n// useLayoutEffect in the browser, useEffect on the server.\n// Explicit annotation (not inferred union) to hand a single signature.\n// The ternary must be runtime (not a re-export) — useLayoutEffect has side effects\n// under renderToStaticMarkup and runs before paint. Evaluated once at module scope.\nconst useIsomorphicLayoutEffect: (effect: EffectCallback, deps?: DependencyList) => void =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;AAQA,MAAMA,yBAAkF,GACtF,OAAOC,MAAM,KAAK,WAAW,GAAGC,eAAe,GAAGC;;;;"}

package/build/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.js","sources":["../../src/hooks/useOnClickOutside.js"],"sourcesContent":["import { useEventListener } from './useEventListner';\n\nexport function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {\n  useEventListener(mouseEvent, event => {\n    const el = ref?.current;\n\n    // Do nothing if clicking ref's element or descendent elements\n    if (!el || el.contains(event.target)) {\n      return;\n    }\n\n    handler(event);\n  });\n}\n"],"names":["useOnClickOutside","ref","handler","mouseEvent","useEventListener","event","el","current","contains","target"],"mappings":";;AAEO,SAASA,iBAAiBA,CAACC,GAAG,EAAEC,OAAO,EAAEC,UAAU,GAAG,WAAW,EAAE;AACxEC,EAAAA,gBAAgB,CAACD,UAAU,EAAEE,KAAK,IAAI;AACpC,IAAA,MAAMC,EAAE,GAAGL,GAAG,EAAEM,OAAO,CAAA;IAGvB,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACE,QAAQ,CAACH,KAAK,CAACI,MAAM,CAAC,EAAE;AACpC,MAAA,OAAA;AACF,KAAA;IAEAP,OAAO,CAACG,KAAK,CAAC,CAAA;AAChB,GAAC,CAAC,CAAA;AACJ;;;;"}
+{"version":3,"file":"useOnClickOutside.js","sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import { useEventListener } from './useEventListner';\n\nimport type { DomEventMap } from './useEventListner';\nimport type { RefObject } from 'react';\n\n// Narrower than DomEventName — parameter is called mouseEvent for safety.\nexport type OutsideClickEventName = 'mousedown' | 'mouseup' | 'click';\n\n// Derived from DomEventMap, not hardcoded as MouseEvent, to follow lib.dom retyping.\nexport type OutsideClickEvent = DomEventMap[OutsideClickEventName];\n\n/**\n * Fires handler on pointer events outside ref (and its descendants).\n * Ref is nullable — the runtime contract checks ref?.current.\n *\n * @param ref        the \"inside\" element; clicks on it or descendants are ignored\n * @param handler    called only for outside clicks\n * @param mouseEvent event to listen for; defaults to `'mousedown'` (before focus moves)\n */\nexport function useOnClickOutside<T extends Node = HTMLElement>(\n  ref: RefObject<T | null> | null | undefined,\n  handler: (event: OutsideClickEvent) => void,\n  mouseEvent: OutsideClickEventName = 'mousedown'\n): void {\n  useEventListener(mouseEvent, (event: OutsideClickEvent) => {\n    const el = ref?.current;\n\n    // Cast event.target to Node — EventTarget has no contains. Node.contains already accepts null.\n    if (!el || el.contains(event.target as Node | null)) {\n      return;\n    }\n\n    handler(event);\n  });\n}\n"],"names":["useOnClickOutside","ref","handler","mouseEvent","useEventListener","event","el","current","contains","target"],"mappings":";;AAmBO,SAASA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,OAA2C,EAC3CC,UAAiC,GAAG,WAAW,EACzC;AACNC,EAAAA,gBAAgB,CAACD,UAAU,EAAGE,KAAwB,IAAK;AACzD,IAAA,MAAMC,EAAE,GAAGL,GAAG,EAAEM,OAAO;IAGvB,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACE,QAAQ,CAACH,KAAK,CAACI,MAAqB,CAAC,EAAE;AACnD,MAAA;AACF,IAAA;IAEAP,OAAO,CAACG,KAAK,CAAC;AAChB,EAAA,CAAC,CAAC;AACJ;;;;"}

package/build/hooks/useTooltipAutoShow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipAutoShow.js","sources":["../../src/hooks/useTooltipAutoShow.js"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\n\n/**\n * Tracks a tooltip's content and automatically forces it to be visible when the\n * content transitions from empty → non-empty, then defaults to trigger prop.\n */\nfunction useTooltipAutoShow(content) {\n  const displayContent = useRef(content || '');\n  const prevContentRef = useRef(content);\n  const [forceVisible, setForceVisible] = useState(false);\n\n  const toolTipDisabled = !content;\n  const toolTipVisible = forceVisible ? true : undefined;\n\n  useEffect(() => {\n    if (content) {\n      displayContent.current = content;\n    }\n\n    return () => {};\n  }, [content]);\n\n  if (prevContentRef.current !== content) {\n    const appeared = content && !prevContentRef.current;\n    const disappeared = !content;\n\n    if (appeared) setForceVisible(true);\n    else if (disappeared) setForceVisible(false);\n\n    prevContentRef.current = content;\n  }\n\n  return {\n    toolTipOnMouseLeave: () => setForceVisible(false),\n    toolTipContent: displayContent.current,\n    toolTipDisabled,\n    toolTipVisible\n  };\n}\n\nexport default useTooltipAutoShow;\n"],"names":["useTooltipAutoShow","content","displayContent","useRef","prevContentRef","forceVisible","setForceVisible","useState","toolTipDisabled","toolTipVisible","undefined","useEffect","current","appeared","disappeared","toolTipOnMouseLeave","toolTipContent"],"mappings":";;AAMA,SAASA,kBAAkBA,CAACC,OAAO,EAAE;AACnC,EAAA,MAAMC,cAAc,GAAGC,MAAM,CAACF,OAAO,IAAI,EAAE,CAAC,CAAA;AAC5C,EAAA,MAAMG,cAAc,GAAGD,MAAM,CAACF,OAAO,CAAC,CAAA;EACtC,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EAEvD,MAAMC,eAAe,GAAG,CAACP,OAAO,CAAA;AAChC,EAAA,MAAMQ,cAAc,GAAGJ,YAAY,GAAG,IAAI,GAAGK,SAAS,CAAA;AAEtDC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIV,OAAO,EAAE;MACXC,cAAc,CAACU,OAAO,GAAGX,OAAO,CAAA;AAClC,KAAA;IAEA,OAAO,MAAM,EAAE,CAAA;AACjB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,IAAIG,cAAc,CAACQ,OAAO,KAAKX,OAAO,EAAE;AACtC,IAAA,MAAMY,QAAQ,GAAGZ,OAAO,IAAI,CAACG,cAAc,CAACQ,OAAO,CAAA;IACnD,MAAME,WAAW,GAAG,CAACb,OAAO,CAAA;AAE5B,IAAA,IAAIY,QAAQ,EAAEP,eAAe,CAAC,IAAI,CAAC,CAAC,KAC/B,IAAIQ,WAAW,EAAER,eAAe,CAAC,KAAK,CAAC,CAAA;IAE5CF,cAAc,CAACQ,OAAO,GAAGX,OAAO,CAAA;AAClC,GAAA;EAEA,OAAO;AACLc,IAAAA,mBAAmB,EAAEA,MAAMT,eAAe,CAAC,KAAK,CAAC;IACjDU,cAAc,EAAEd,cAAc,CAACU,OAAO;IACtCJ,eAAe;AACfC,IAAAA,cAAAA;GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"useTooltipAutoShow.js","sources":["../../src/hooks/useTooltipAutoShow.ts"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\n\n/**\n * What `useTooltipAutoShow` returns. Spread straight onto a `Tooltip` by\n * `TextArea` and `CompactTextInput`.\n */\nexport interface TooltipAutoShow {\n  /** Clears the forced-visible state. Wire to the trigger's `onMouseLeave`. */\n  toolTipOnMouseLeave: () => void;\n  /**\n   * The last non-empty content. Sticky on purpose, so the tooltip can animate\n   * out with its text intact instead of emptying mid-transition.\n   */\n  toolTipContent: string;\n  /** `true` while there is no content, which suppresses the tooltip entirely. */\n  toolTipDisabled: boolean;\n  /**\n   * `true | undefined`, never `false`. Any boolean (including `false`) switches\n   * to controlled mode and disables hover triggering. `undefined` means uncontrolled;\n   * `true` means force-visible. This contract is checked by `useFloatingPopover`\n   * with `typeof open === 'boolean'`.\n   */\n  toolTipVisible: true | undefined;\n}\n\n/**\n * Tracks tooltip content and forces visibility when content transitions from\n * empty → non-empty, then defaults to trigger prop.\n *\n * @param content the tooltip text. `string`, not `ReactNode`, because both call sites\n *                use it with an empty-string default.\n */\nfunction useTooltipAutoShow(content?: string): TooltipAutoShow {\n  const displayContent = useRef(content || '');\n  const prevContentRef = useRef(content);\n  const [forceVisible, setForceVisible] = useState(false);\n\n  const toolTipDisabled = !content;\n  const toolTipVisible = forceVisible ? true : undefined;\n\n  useEffect(() => {\n    if (content) {\n      displayContent.current = content;\n    }\n\n    return () => {};\n  }, [content]);\n\n  if (prevContentRef.current !== content) {\n    const appeared = content && !prevContentRef.current;\n    const disappeared = !content;\n\n    if (appeared) setForceVisible(true);\n    else if (disappeared) setForceVisible(false);\n\n    prevContentRef.current = content;\n  }\n\n  return {\n    toolTipOnMouseLeave: () => setForceVisible(false),\n    toolTipContent: displayContent.current,\n    toolTipDisabled,\n    toolTipVisible\n  };\n}\n\nexport default useTooltipAutoShow;\n"],"names":["useTooltipAutoShow","content","displayContent","useRef","prevContentRef","forceVisible","setForceVisible","useState","toolTipDisabled","toolTipVisible","undefined","useEffect","current","appeared","disappeared","toolTipOnMouseLeave","toolTipContent"],"mappings":";;AAgCA,SAASA,kBAAkBA,CAACC,OAAgB,EAAmB;AAC7D,EAAA,MAAMC,cAAc,GAAGC,MAAM,CAACF,OAAO,IAAI,EAAE,CAAC;AAC5C,EAAA,MAAMG,cAAc,GAAGD,MAAM,CAACF,OAAO,CAAC;EACtC,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAMC,eAAe,GAAG,CAACP,OAAO;AAChC,EAAA,MAAMQ,cAAc,GAAGJ,YAAY,GAAG,IAAI,GAAGK,SAAS;AAEtDC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIV,OAAO,EAAE;MACXC,cAAc,CAACU,OAAO,GAAGX,OAAO;AAClC,IAAA;IAEA,OAAO,MAAM,CAAC,CAAC;AACjB,EAAA,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;AAEb,EAAA,IAAIG,cAAc,CAACQ,OAAO,KAAKX,OAAO,EAAE;AACtC,IAAA,MAAMY,QAAQ,GAAGZ,OAAO,IAAI,CAACG,cAAc,CAACQ,OAAO;IACnD,MAAME,WAAW,GAAG,CAACb,OAAO;AAE5B,IAAA,IAAIY,QAAQ,EAAEP,eAAe,CAAC,IAAI,CAAC,CAAC,KAC/B,IAAIQ,WAAW,EAAER,eAAe,CAAC,KAAK,CAAC;IAE5CF,cAAc,CAACQ,OAAO,GAAGX,OAAO;AAClC,EAAA;EAEA,OAAO;AACLc,IAAAA,mBAAmB,EAAEA,MAAMT,eAAe,CAAC,KAAK,CAAC;IACjDU,cAAc,EAAEd,cAAc,CAACU,OAAO;IACtCJ,eAAe;AACfC,IAAAA;GACD;AACH;;;;"}

package/build/icons/arrow-back.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgArrowBack(props) {
+var SvgArrowBack = function SvgArrowBack(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M16 32L0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4L16 32z"
+    d: "M16 32 0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4z"
   })));
-}
+};
 
 export { SvgArrowBack as ReactComponent };
 //# sourceMappingURL=arrow-back.svg.js.map

package/build/icons/arrow-back.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-back.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow-back.svg.js","sources":["../../src/icons/arrow-back.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%2C32L0%2C16%2C16%2C0l2.1%2C2.1L5.7%2C14.5h26.3v3H5.7l12.4%2C12.4-2.1%2C2.1Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,YAAY,GAAG,SAAS,YAAY,CAAC,KAAK,EAAE;AAChD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/arrow-forward.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgArrowForward(props) {
+var SvgArrowForward = function SvgArrowForward(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    className: "arrow-forward_svg__st0",
-    d: "M12.2 9H0V7h12.2L6.6 1.4 8 0l8 8-8 8-1.4-1.4L12.2 9z"
+    d: "M12.2 9H0V7h12.2L6.6 1.4 8 0l8 8-8 8-1.4-1.4z",
+    className: "arrow-forward_svg__st0"
   })));
-}
+};
 
 export { SvgArrowForward as ReactComponent };
 //# sourceMappingURL=arrow-forward.svg.js.map

package/build/icons/arrow-forward.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-forward.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow-forward.svg.js","sources":["../../src/icons/arrow-forward.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M12.2%2C9H0v-2h12.2L6.6%2C1.4l1.4-1.4%2C8%2C8-8%2C8-1.4-1.4%2C5.6-5.6Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,eAAe,GAAG,SAAS,eAAe,CAAC,KAAK,EAAE;AACtD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE,+CAA+C;AACtD,IAAI,SAAS,EAAE;AACf,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/check-rectangle-filled.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgCheckRectangleFilled(props) {
+var SvgCheckRectangleFilled = function SvgCheckRectangleFilled(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.146 17.622l9.412-9.412-1.87-1.869-7.542 7.543-3.805-3.805-1.869 1.87 5.674 5.673zM2.67 24.03q-1.101 0-1.886-.784T0 21.36V2.67Q0 1.569.784.784T2.67 0h18.69q1.101 0 1.886.784t.784 1.886v18.69q0 1.101-.784 1.886t-1.886.784H2.67z"
+    d: "m10.146 17.622 9.412-9.412-1.87-1.869-7.542 7.543-3.805-3.805-1.869 1.87zM2.67 24.03q-1.101 0-1.886-.784T0 21.36V2.67Q0 1.569.784.784T2.67 0h18.69q1.101 0 1.886.784t.784 1.886v18.69q0 1.101-.784 1.886t-1.886.784z"
   })));
-}
+};
 
 export { SvgCheckRectangleFilled as ReactComponent };
 //# sourceMappingURL=check-rectangle-filled.svg.js.map

package/build/icons/check-rectangle-filled.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-rectangle-filled.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"check-rectangle-filled.svg.js","sources":["../../src/icons/check-rectangle-filled.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m%2010.146%2017.622%20l%209.4117%20-9.4117%20l%20-1.869%20-1.869%20l%20-7.5427%207.5427%20l%20-3.8048%20-3.8048%20l%20-1.869%201.869%20l%205.6738%205.6738%20Z%20M%202.67%2024.03%20q%20-1.1014%200%20-1.8856%20-0.7843%20T%200%2021.36%20v%20-18.69%20q%200%20-1.1014%200.7843%20-1.8856%20T%202.67%200%20h%2018.69%20q%201.1014%200%201.8856%200.7843%20T%2024.03%202.67%20v%2018.69%20q%200%201.1014%20-0.7843%201.8856%20T%2021.36%2024.03%20H%202.67%20Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,uBAAuB,GAAG,SAAS,uBAAuB,CAAC,KAAK,EAAE;AACtE,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/close.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgClose(props) {
+var SvgClose = function SvgClose(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 27.3 27.3"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M2.1 27.3L0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55L2.1 27.3z"
+    d: "M2.1 27.3 0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55z"
   })));
-}
+};
 
 export { SvgClose as ReactComponent };
 //# sourceMappingURL=close.svg.js.map

package/build/icons/close.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"close.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"close.svg.js","sources":["../../src/icons/close.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.3%2027.3%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.1%2C27.3l-2.1-2.1%2C11.55-11.55L0%2C2.1%2C2.1%2C0l11.55%2C11.55L25.2%2C0l2.1%2C2.1-11.55%2C11.55%2C11.55%2C11.55-2.1%2C2.1-11.55-11.55L2.1%2C27.3Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,QAAQ,GAAG,SAAS,QAAQ,CAAC,KAAK,EAAE;AACxC,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/edit-note.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgEditNote(props) {
+var SvgEditNote = function SvgEditNote(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 14.67 12"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M7 12v-1.77l4.42-4.42 1.77 1.77L8.77 12H7zM0 7.75v-1.5h6v1.5H0zM13.77 7L12 5.23l.67-.67c.15-.15.33-.23.53-.23s.38.08.53.23l.71.71c.15.15.23.33.23.53s-.08.38-.23.53l-.67.67zM0 4.63v-1.5h9v1.5H0zM0 1.5V0h9v1.5H0z"
+    d: "M7 12v-1.77l4.42-4.42 1.77 1.77L8.77 12zM0 7.75v-1.5h6v1.5zM13.77 7 12 5.23l.67-.67c.15-.15.33-.23.53-.23s.38.08.53.23l.71.71c.15.15.23.33.23.53s-.08.38-.23.53zM0 4.63v-1.5h9v1.5zM0 1.5V0h9v1.5z"
   })));
-}
+};
 
 export { SvgEditNote as ReactComponent };
 //# sourceMappingURL=edit-note.svg.js.map